Download as PDF, PPTX
Uploaded byJY LEE
[INFO2014]02_Definition
2014 KGIT Information Design Class Class Notes -Lecture by JYLEE @ sidlab-
More Related Content
![[Info2014]01Introduction](https://cdn.slidesharecdn.com/ss_thumbnails/info01introduction-140916001248-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[INFO2014]03_VisualThinking01](https://cdn.slidesharecdn.com/ss_thumbnails/info03visualthinking01-140929235621-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info01]introduction](https://cdn.slidesharecdn.com/ss_thumbnails/info01introduction-150310064403-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info05]visual thinking03](https://cdn.slidesharecdn.com/ss_thumbnails/info04visualthinking03-141013204031-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info11]infographics03](https://cdn.slidesharecdn.com/ss_thumbnails/info11infographics03-141124203709-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info09]infographics01](https://cdn.slidesharecdn.com/ss_thumbnails/info09infographics01-141118015817-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info10]infographics02](https://cdn.slidesharecdn.com/ss_thumbnails/info10infographics02-141118015948-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info07]data visualization02](https://cdn.slidesharecdn.com/ss_thumbnails/info07datavisualization02-141118015041-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info04]visual thinking02](https://cdn.slidesharecdn.com/ss_thumbnails/info04visualthinking02-141009233435-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info03]visual thinking01](https://cdn.slidesharecdn.com/ss_thumbnails/info03visualthinking01-150508114227-lva1-app6892-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info05]visual thinking03](https://cdn.slidesharecdn.com/ss_thumbnails/info05visualthinking03-150508112900-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info14] information design iii](https://cdn.slidesharecdn.com/ss_thumbnails/info14informationdesigniii-160614024004-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info2016]01introduction](https://cdn.slidesharecdn.com/ss_thumbnails/info01introduction-160311053812-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info04]visual thinking02](https://cdn.slidesharecdn.com/ss_thumbnails/info04visualthinking02-150508114525-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info13] information design](https://cdn.slidesharecdn.com/ss_thumbnails/info13informationdesign-160602133731-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info02]visual thinking](https://cdn.slidesharecdn.com/ss_thumbnails/info02visualthinking-160317053318-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info04]visual thinkingiii](https://cdn.slidesharecdn.com/ss_thumbnails/info04visualthinkingiii-160331135845-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]12 trend researchii_](https://cdn.slidesharecdn.com/ss_thumbnails/trends12trendresearchii-160530114615-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info12] information design](https://cdn.slidesharecdn.com/ss_thumbnails/info12informationdesign-160524121253-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]05 macro trends 01](https://cdn.slidesharecdn.com/ss_thumbnails/trends05macrotrendsi-160405140347-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]04 mega trendsii](https://cdn.slidesharecdn.com/ss_thumbnails/trends04megatrendsii-160331140113-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]09 consumer trends](https://cdn.slidesharecdn.com/ss_thumbnails/trends09consumertrends-160512085707-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]13 trend researchiii_](https://cdn.slidesharecdn.com/ss_thumbnails/trends13trendresearchiii-160602133740-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info06]graphical thinking](https://cdn.slidesharecdn.com/ss_thumbnails/info06graphicalthinking-150508130825-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info03]visual thinkingii](https://cdn.slidesharecdn.com/ss_thumbnails/info03visualthinkingii-160325072507-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends2016]introduction](https://cdn.slidesharecdn.com/ss_thumbnails/trendsintroduction-160311060714-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]10 trend research__](https://cdn.slidesharecdn.com/ss_thumbnails/trends10trendresearch-160523042337-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info02]definition](https://cdn.slidesharecdn.com/ss_thumbnails/info02definition-130315051430-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info07]information&design&visual](https://cdn.slidesharecdn.com/ss_thumbnails/info07informationdesignvisual-130425030724-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info06]information&pattern](https://cdn.slidesharecdn.com/ss_thumbnails/info06informationpattern-130412040903-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[정보 디자인 교과서] 2-1 정보의 조직화](https://cdn.slidesharecdn.com/ss_thumbnails/informationdesignchapter2-1-111108093609-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info01]introduction](https://cdn.slidesharecdn.com/ss_thumbnails/info01introduction-130314013836-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info10]visual leaderii](https://cdn.slidesharecdn.com/ss_thumbnails/info10visualleaderii-160512085340-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info03]infographics](https://cdn.slidesharecdn.com/ss_thumbnails/info03infographics-130410095306-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]14 trend researchiv](https://cdn.slidesharecdn.com/ss_thumbnails/trends14trendresearchiv-160614031250-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info05]visual thinking iv](https://cdn.slidesharecdn.com/ss_thumbnails/info05visualthinkingiv-160405140605-thumbnail.jpg?width=640&height=640&fit=bounds)
![[NBSD2015]CLASS02](https://cdn.slidesharecdn.com/ss_thumbnails/02classwhydt-150913053359-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info09]visual leaderi 은유와모델](https://cdn.slidesharecdn.com/ss_thumbnails/info09visualleaderi-160509054018-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]06 tech trends](https://cdn.slidesharecdn.com/ss_thumbnails/trends06techtrends-160412141839-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Info06]graphical thinking](https://cdn.slidesharecdn.com/ss_thumbnails/info06graphicalthinking-160412141441-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]03 mega trends](https://cdn.slidesharecdn.com/ss_thumbnails/trends03megatrends-160325072540-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Trends]02 terms](https://cdn.slidesharecdn.com/ss_thumbnails/trends02terms-160317053328-thumbnail.jpg?width=640&height=640&fit=bounds)
![[IRU2016]CLASS02_SCIENTIFIC RESEARCH](https://cdn.slidesharecdn.com/ss_thumbnails/iruweek02-160311061936-thumbnail.jpg?width=640&height=640&fit=bounds)
![[IRU2016]CLASS01_INTRODUCTION](https://cdn.slidesharecdn.com/ss_thumbnails/iruweek01-160311061931-thumbnail.jpg?width=640&height=640&fit=bounds)
[INFO2014]02_Definition
- 1. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc InformationDesign KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN
- 2. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 3. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 다양한단어들에대한정의 DEFINITION OF WORDS 시각적사고/데이터시각화/정보그래픽/정보시각화/정보디자인 Visual Thinking/Data Visualization/Information Graphics/Information Visualization/Information Design
- 4. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 5. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시작하기앞서
- 6. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 7. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 이사람들의공통점은?
- 8. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Dyslexia, Learning disabilities, learning difficulties
- 9. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적이미지, 공간적관계, 얼굴/패턴인식, 몸짓, 비율등의처리
- 10. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적이미지, 공간적관계, 얼굴/패턴인식, 몸짓, 비율등의처리 논리, 언어, 정돈성, 순차적시간인식, 산수
- 11. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 12. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적이미지, 공간적관계, 얼굴/패턴인식, 몸짓, 비율등의처리 논리, 언어, 정돈성, 순차적시간인식, 산수 단어,숫자 3차원공간속의 이미지
- 13. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적이미지, 공간적관계, 얼굴/패턴인식, 몸짓, 비율등의처리 논리, 언어, 정돈성, 순차적시간인식, 산수 단어,숫자 3차원공간속의 이미지
- 14. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 15. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc -우뇌는생각할줄모른다? -우뇌는언어능력이없다? 우뇌에대한오해들 언어 논리 수리 연상 몸짓 추상
- 16. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 우뇌에대한오해들 스페리와가자니가(Sperry & Gazzaniga,1962)의 양쪽대뇌반구기능연구에따르면, 우뇌도다른양식으로생각을하고있었다.
- 17. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 우뇌에대한오해들
- 18. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc -너무당연해서 -현대문화에서공공연하게중점을두는관심사가거의전적으로좌뇌와가장잘호환되는사고방식에의해독점되다시피해서우리의세계관, 교육체계, 보상체계, 포부, 가치체계등모든것이좌뇌의작동을강화하는데집중(좌뇌편향주의적사고) 왜그럼우린우뇌를무시하는것인가?
- 19. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 좌우대뇌반구(그리고그에상응하는서로다른사고방식)사이에서균형을맞추거나, 양쪽을넘나들수있는능력을가진사람. 창조적인사람?
- 20. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc
- 21. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 문제해결 패턴인식 공간능력 시각적사고 창조성 우뇌의사고방식
- 22. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적사고란? 머릿속으로이미지를만들어내거나떠올려그것을조작하고, 덮어씌우고, 해석하고, 유사한형태와연관짓기도하고, 회전시키고, 크기를늘리거나줄이기도하고, 왜곡시키고, 하나의익숙한이미지에서다른이미지로단계적으로변형시키기도하는사고방식
- 23. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 시각적사고란?
- 24. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 가드너의<마음의틀> “ 언어지능, 음악지능, 논리수학지능, 공간지능, 신체운동지능, 대인및자기이해지능중 공간지능에는몇개의능력이수반된다. 이를테면, -한가지요소에서발생하는여러가지사건을인지하는능력, -한요소를다른요소로변환시키거나그요소가변화되는것을인지하는능력, -마음속에이미지를떠올린뒤그이미지를변형할수있는능력, -공간정보를그래픽비슷하게처리할수있는능력 등이다”
- 25. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Visionary, imagination, reflection, insight, perspective -한가지요소에서발생하는여러가지사건을인지하는능력, -한요소를다른요소로변환시키거나그요소가변화되는것을인지하는능력, -마음속에이미지를떠올린뒤그이미지를변형할수있는능력, -공간정보를그래픽비슷하게처리할수있는능력 Information Design
- 26. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Definition of Information Design
- 27. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Definition of Information Design 세계정보디자인학회 (IIID: International Institute for Information Design) “사용자들의요구에연관된각각의목적을성취하기위한의도로 표현된메시지와환경에대한내용들을정의, 계획하고, 구체화하는것”
- 28. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Definition of Information Design 로버트제이콥슨(Robert Jacobson) 캘리포티아멘로파크의SRI 컨설팅의선임컨설턴트로일하고있으며, 샌프란시스코IBIS 컨설팅의전략기획자이기도하다. 다수의인터넷기업과디자인회사들을대상으로전략적디자인과정보디자인문제를컨설팅하고있다. “사람들이효율적, 효과적으로사용할수있도록정보를준비하는기술과과학”
- 29. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 페터보거스 “어떤영역안에서관련된요소를이해하기쉬운표현으로변형하는내부프로세스” Definition of Information Design
- 30. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 에릭슈피커만 (Erik Spiekermann) 인포메이션아키텍트, 타이포그래퍼. 1979년메타디자인, 1998년폰트숍을설립했으며브레멘미술아카데미교수, 독일디자인카운셀부회장, 정보디자인연구소회장을역임. 현재베를린, 런던, 샌프란시스코를거점으로프리랜서디자인컨설턴트로활동하고있다. “특정메시지를하나의언어에서이해하기쉬운다른언어로바꾸는일. 여기에는행정적이나전문적인용어를평이한일상어로번역하는일, 혹은복잡한다이어그램을간단한목록으로전환하는일모두를포함한다.” Definition of Information Design
- 31. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 와나타베야스시 1965년생. 히로사키대학교인문학부졸업후정보통신업계지기자를거쳐프리랜서로정보디자인이나디지털미디어관련취재, 집필, 기획, 조사, 워크숍운영이나강연활동등에종사하고잇다. 저서로「정보디자인입문:인터넷시대의표현술」등이있으며현재차세대디자인조사연구를위한NPO법인휴먼센터디자인이니셔티브이사로활동하고있다. “정보를다른사람이이해하기쉽고이용하기편리한형태로제공하기위한발상이나방법” “수신자의정보에대한요구를만족시키기위해서메시지의내용, 언어, 형태등을 분석하고계획, 표현, 이해를통합하는것” Definition of Information Design
- 32. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc What is Information?
- 33. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc INFORMATION 어떤형상을부여한다. 지시하다. 가르치다.알리다. 전하다. 발신지향적성격 VS 정보 정(情)을알리는(報)것. 정보그자체를서로공유하고협력하는참여성을중시하는경향 What is Information?
- 34. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 데이터 Data 정보 Information 지식 Knowledge 지혜 Wisdom 제작자/디자이너 사용자 연구/제작/수집/발견 표현/조직화 대화/이야기/통합 사고/평가/해석/회상 자극 Stimulus
- 35. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design 02 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc Marshall Island Training Navigator
- 36. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design 02 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc 정보는데이터에의미와가치를부여해조직화하고변화시킨것으로형태shape와형식form을지니고있다. 정보는사용의주체나상황에따라의미와가치가다르기때문에정보가생산되고사용되는콘텍스트context가중요
- 37. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design 02 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc 디지털시대의정보의특성by 이어령”디지로그”중에서 1. 정보는그자체로절대적으로존재하는것이아니라송신자와수신자가있어상대적으로존재한다. 2. 어떠한정보라도수신자는일정한목적을갖고받아들인다. 3. 정보의가치는수신자에따라결정된다. 똑같은사실이있을때, 그것이유용한사람에게는정보가되지만필요없는사람에게는정보가되지않는다. 4. 정보는그자체로는형태가없을뿐아니라표현되지도못하여반드시매체를통하여드러나게된다. 5. 정보는복제와유포에의해공유할수있다. 공유된정보를바탕으로사람들간의커뮤니케이션이발생된다. 6. 정보는전달이용이해야한다. 전달되지않으면정보가아니다. 7. 정보를장기보존할수있으나, 정보의가치는시간과함께변화될수있다.
- 38. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 용어 정의 사실fact 현실에서나타나는무질서한상태, 남에게관찰되지않는상태로존재하고있는것. 데이터data 정보를구성하는요소.평가되지않은메시지.사실. 기호 정보information 의미와가치가부여된사실.기록 데이터+특별한사건.상황에대한내용/전달된내용 지식knowledge 체계화되어축적된정보이며일반적인적용이가능한것 지혜wisdom 지식이개인적으로이해된상태. 깨달은상태 커뮤니케이션communication 정보의교환
- 39. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 03. What is Information Design?
- 40. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 뉴스그래픽 news graphic 비지니스그래픽 Business graphic 과학의시각화 ScientificVisualization 정보시각화 Information Visualization 인터페이스디자인 Interface Design 표지판 Signage 안내도 Guidemap
- 41. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 에드워드터프티Edward R.Tufte | 정보그래픽디자인전문가 정보를객관적으로전달하기위해장식적인요소를배제하고 정보자체의전달을중시해그해석을돕기위한최소한의그래픽요소의사용강조
- 42. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 리처드솔워먼Richard SaulWurman | 정보설계자 우리가일상에서접하는대부분은정보가아니고데이터에불가하므로 이를가치있게하려면데이터에의미를부여하고조직화하여변화시켜제시강조
- 43. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design 02 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc 디지털시대의정보디자인의특성 1. 정보는그자체로절대적으로존재하는것이아니라송신자와수신자가있어상대적으로존재한다. 2. 어떠한정보라도수신자는일정한목적을갖고받아들인다. 정보의가치는수신자에따라결정된다. 똑같은사실이있을때, 그것이유용한사람에게는정보가되지만필요없는사람에게는정보가되지않는다. 4. 정보는그자체로는형태가없을뿐아니라표현되지도못하여반드시매체를통하여드러나게된다. 5. 정보는복제와유포에의해공유할수있다. 공유된정보를바탕으로사람들간의커뮤니케이션이발생된다. 6. 정보는전달이용이해야한다. 전달되지않으면정보가아니다. 7. 정보를장기보존할수있으나, 정보의가치는시간과함께변화될수있다. 디지털시대의정보디자인의특성 “정보를준비하는기술과과학” 정보디자인의목적by Robert E. Horn 1. 이해하기쉽고신속정확하게검색할수있으며, 효과적으로행동에옮길수있는문서를개발하는것 2. 쉽고자연스러우며가능하면유쾌하게도구와의상호작용을디자인하는것. 인간과컴퓨터인터페이스디자인에존재하는여러가지문제점을해결하는것. 3. 사람들이3차원공간에서편안하고쉽게자신의길을찾을수있도록하는것
- 44. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design 02 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc 디지털시대의정보디자인의특성 1. 정보는그자체로절대적으로존재하는것이아니라송신자와수신자가있어상대적으로존재한다. 2. 어떠한정보라도수신자는일정한목적을갖고받아들인다. 3. 정보의가치는수신자에따라결정된다. 똑같은사실이있을때, 그것이유용한사람에게는정보가되지만필요없는사람에게는정보가되지않는다. 4. 정보는그자체로는형태가없을뿐아니라표현되지도못하여반드시매체를통하여드러나게된다. 5. 정보는복제와유포에의해공유할수있다. 공유된정보를바탕으로사람들간의커뮤니케이션이발생된다. 6. 정보는전달이용이해야한다. 전달되지않으면정보가아니다. 7. 정보를장기보존할수있으나, 정보의가치는시간과함께변화될수있다. 디지털시대의정보디자인의특성 “정보를준비하는기술과과학” 정보디자인방법by Robert E. Horn 1.데이터수집 2.정보조직화. 정보재배열. 정보설계 3.정보시각화 4.사용컨텍스트디자인 5.인터랙션디자인. 경험디자인
- 45. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc |개념도| 의미만들기 Data organization 형태만들기 Visualization 맥락만들기 User Context 정보디자인 Information Design 인지 cognition 지각 perception 경험 experience 정보의조직화 정보디자인의인지과정과관계된데이터의조직화는논리적접근의질서있는배열을통해정보자체가해석되고이해될수있게한다. 정보시각화 정보의형태만들기는정보를받아들이는시각과청각을중심으로촉각,미각,후각의감각기관에소구할방법을찾는것이다. 사용자경험 감각적자극이신경계중추에도달하여발생시키는일련의감각을지각이라고할때,정보의지각적인요소는인지적인요소와더불어이해와기억을증진시키는것이라할수있다.
- 46. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 04. Information Design History
- 47. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 국가통계의시각화 윌리엄플레이페어(William Henry Playfair)의다이어그램(1786) 경제변동을나타내는데이터를시기별로배열한그래프나다이어그램을사용 텍스트의내용보완 꺾은선그래프나막대그래프, 원그래프와같은오늘날의통계그래픽표현의시초 |역사|
- 48. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 설득의수단 플로렌스나이팅게일의폴라그래프(1858) 크림전쟁에서부상자와사망자수의통계를도표로정리해전쟁에서의 간호개혁을제안하는정보자료로서제시. 당시그녀는비위생적인처리가육군의사망률을높이고있다고생각하고위생의개선과개혁의효과를입증하기위해‘polar-area diagram’ 을개발해영국정부에제안서를제출하였다. |역사|
- 49. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 이다이어그램은나폴레옹이모스크바로진군하는과정에서얼마나많은군사가희생되었는지를진군한경로의두께로표현하였다. 그림아래에는꺾은선그래프로기온변화를나타내었다. 엄청난병력을동원한나폴레옹군이진격과정에서무지막지한추위에패해대부분의병력을잃게되는과정을명쾌하게설명하고있다. 한장의지도에시간축변화정보까지표현하여이는19세기정보그래픽가운데에서도가장유명한사례로꼽힌다. |역사| 통합적내러티브의표현 샤를미나르의나포레옹모스크바진군그래프(1859)
- 50. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 당시의사였던스노우박사는오래된물펌프주변에콜레라사망자가많다는사실적근원을풀고자 위와같이데이터를다각도로해석하여표현함으로써,명확한논리의데이터표현과분헉을통해과학적인접근을시도 발병원인의발견 존스노우JhonSnow의콜레라지도(1854) |역사|
- 51. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 빈시민을위한사회경제박물관프로젝트의일환으로교육받지못한많은시민에게복잡한사회경제에관한정보를전달하려는의도에서시작.이미지한개가천개의문자보다더욱많은것을전달할수있음을확신,게르트아른츠와아이소타입이라는그래픽아이콘디자인.내러티브적표현의시각물을만들어내기위한픽토그램의세트로써아이콘의원형 |역사| 아이콘의시초 오토노이라트Otto Neurath(1924)의아이소타입디자인
- 52. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 도심의지하를종횡으로연결하는런던의복잡한지하철네트워크를표현하기위해벡은지리적인디테일을배제하고각노선을컬러코딩에의해식별할수있도록해서단순하면서도필요한정보를충분히표현하한노선도를디자인.벡이만들어낸스타일은지금까지도계승되어세계각도시철도노선도디자인에커다란영향 |역사| 절제의미학 해리벡(Harry Beck)의런던지하철노선도(1933)
- 53. KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc 한국과일본의정보디자인 꾸미는20代남자-즐기는50代여자가‘긁는다’(위) 일본인터넷사용자트렌드에대한서베이결과그래프(아래) |비교|