K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information DesignKG IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

다양한단어들에대한 정의DEFINITION OF WORDS

시각적 사고/데이터시각화/정보그래픽/정보시각화/정보디자인Visual Thinking/Data Visualization/Information Graphics/Information Visualization/Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시작하기앞서

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

이사람들의공통점은?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Dyslexia, Learning disabilities, learning difficulties

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적이미지,공간적관계,얼굴/패턴인식,몸짓, 비율등의처리

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적이미지,공간적관계,얼굴/패턴인식,몸짓, 비율등의처리

논리, 언어, 정돈성,순차적시간인식,산수

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적이미지,공간적관계,얼굴/패턴인식,몸짓, 비율등의처리

논리, 언어, 정돈성,순차적시간인식,산수

단어,숫자3차원공간속의

이미지

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적이미지,공간적관계,얼굴/패턴인식,몸짓, 비율등의처리

논리, 언어, 정돈성,순차적시간인식,산수

단어,숫자3차원공간속의

이미지

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

- 우뇌는생각할줄모른다?- 우뇌는언어능력이없다?

우뇌에대한오해들

언어논리수리

연상몸짓추상

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

우뇌에대한오해들

스페리와가자니가(Sperry & Gazzaniga,1962)의양쪽대뇌반구기능연구에따르면,우뇌도다른양식으로생각을하고있었다.

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

우뇌에대한오해들

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

- 너무당연해서

- 현대문화에서공공연하게중점을두는관심사가 거의전적으로좌뇌와가장잘호환되는사고방식에의해독점되다시피해서 우리의세계관, 교육체계, 보상체계, 포부, 가치체계등모든것이좌뇌의작동을강화하는데집중 (좌뇌편향주의적사고)

왜그럼우린우뇌를무시하는것인가?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

좌우대뇌반구(그리고그에상응하는서로다른사고방식)사이에서 균형을맞추거나, 양쪽을넘나들수있는능력을가진사람.

창조적인사람?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

문제해결

패턴

인식

공간

능력

시각적

사고

창조성

우뇌의사고방식

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적사고란?

머릿속으로이미지를만들어내거나떠올려그것을조작하고, 덮어씌우고,해석하고, 유사한형태와연관짓기도하고, 회전시키고, 크기를늘리거나줄이기도하고, 왜곡시키고, 하나의익숙한이미지에서다른이미지로단계적으로변형시키기도하는사고방식

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

시각적사고란?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

가드너의 <마음의틀>

“ 언어지능, 음악지능, 논리수학 지능,공간지능, 신체운동지능, 대인및자기이해지능중공간지능에는몇개의능력이수반된다.이를테면,

-한가지요소에서발생하는여러가지사건을인지하는능력, -한요소를다른요소로 변환시키거나 그요소가변화되는 것을인지하는능력,-마음속에이미지를떠올린뒤그이미지를변형할수있는능력, -공간 정보를 그래픽비슷하게처리할 수있는능력

등이다”

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Visionary, imagination, reflection, insight, perspective

-한가지요소에서발생하는여러가지사건을인지하는능력, -한요소를다른요소로 변환시키거나 그요소가변화되는 것을인지하는능력,-마음속에이미지를떠올린뒤그이미지를변형할수있는능력, -공간 정보를 그래픽비슷하게처리할 수있는능력

Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Definition of Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Definition of Information Design

세계정보디자인학회(IIID: International Institute for Information Design)

“사용자들의 요구에 연관된 각각의 목적을 성취하기 위한 의도로표현된 메시지와 환경에 대한 내용들을 정의, 계획하고, 구체화하는 것”

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Definition of Information Design

로버트제이콥슨(Robert Jacobson)캘리포티아 멘로파크의 SRI 컨설팅의 선임 컨설턴트로 일하고 있으며, 샌프란시스코 IBIS 컨설팅의 전략 기획자이기도 하다. 다수의 인터넷 기업과 디자인 회사들을 대상으로 전략적 디자인과 정보 디자인 문제를 컨설팅하고 있다.

“사람들이효율적, 효과적으로사용할수있도록정보를준비하는기술과과학”

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

페터보거스

“어떤 영역 안에서 관련된 요소를 이해하기 쉬운표현으로 변형하는 내부프로세스”

Definition of Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

에릭슈피커만(Erik Spiekermann)인포메이션 아키텍트, 타이포그래퍼. 1979년 메타디자인, 1998년 폰트숍을 설립했으며 브레멘미술아카데미 교수, 독일디자인카운셀 부회장, 정보 디자인연구소 회장을 역임. 현재 베를린, 런던, 샌프란시스코를 거점으로 프리랜서 디자인 컨설턴트로 활동하고 있다.

“특정 메시지를 하나의 언어에서 이해하기 쉬운다른언어로바꾸는일. 여기에는 행정적이나 전문적인 용어를 평이한일상어로번역하는일, 혹은 복잡한 다이어그램을 간단한목록으로전환하는일 모두를 포함한다.”

Definition of Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

와나타베야스시1965년생. 히로사키대학교 인문학부 졸업 후 정보통신업계지 기자를 거쳐 프리랜서로 정보 디자인이나 디지털미디어관련 취재, 집필, 기획, 조사, 워크숍 운영이나 강연활동 등에종사하고 잇다. 저서로「정보 디자인 입문:인터넷 시대의 표현술」등이 있으며 현재 차세대 디자인 조사연구를 위한 NPO법인 휴먼센터디자인이니셔티브 이사로 활동하고 있다.

“정보를 다른 사람이 이해하기 쉽고 이용하기 편리한 형태로 제공하기 위한 발상이나 방법”

“수신자의 정보에 대한 요구를 만족시키기 위해서 메시지의 내용, 언어, 형태 등을분석하고 계획, 표현, 이해를 통합하는 것”

Definition of Information Design

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

What is Information?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFORMATION 어떤 형상을 부여한다. 지시하다. 가르치다.알리다. 전하다. 발신지향적 성격

VS정보정(情)을 알리는(報) 것. 정보 그 자체를 서로 공유하고 협력하는 참여성을 중시하는 경향

What is Information?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

데이터Data

정보Information

지식Knowledge

지혜Wisdom

제작자/디자이너

사용자

연구/제작/수집/발견 표현/조직화 대화/이야기/통합 사고/평가/해석/회상

자극Stimulus

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information Design 02K G IT 2 0 1 1 S p r in g S e m e s t e r | J Y L E E

In f o . 2 0 1 3 . jy le e 6 9 7 7 . c o m / t c

Marshall Island Training Navigator

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information Design 02K G IT 2 0 1 1 S p r in g S e m e s t e r | J Y L E E

In f o . 2 0 1 3 . jy le e 6 9 7 7 . c o m / t c

정보는 데이터에 의미와 가치를 부여해 조직화 하고 변화 시킨 것으로 형태shape와 형식form을 지니고 있다.

정보는 사용의 주체나 상황에 따라 의미와 가치가 다르기 때문에 정보가 생산되고 사용되는 콘텍스트context가 중요

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information Design 02K G IT 2 0 1 1 S p r in g S e m e s t e r | J Y L E E

In f o . 2 0 1 3 . jy le e 6 9 7 7 . c o m / t c

디지털 시대의 정보의 특성 by 이어령”디지로그”중에서

1. 정보는 그 자체로 절대적으로 존재하는 것이 아니라 송신자와 수신자가 있어 상대적으로 존재한다.

2. 어떠한 정보라도 수신자는 일정한 목적을 갖고 받아들인다.

3. 정보의 가치는 수신자에 따라 결정된다.

똑같은 사실이 있을 때, 그것이 유용한 사람에게는 정보가 되지만 필요 없는 사람에게는 정보가 되지 않는다.

4. 정보는 그 자체로는 형태가 없을 뿐 아니라 표현되지도 못하여 반드시 매체를 통하여 드러나게 된다.

5. 정보는 복제와 유포에 의해 공유할 수 있다. 공유된 정보를 바탕으로 사람들간의 커뮤니케이션이 발생된다.

6. 정보는 전달이 용이해야 한다. 전달되지 않으면 정보가 아니다.

7. 정보를 장기보존 할 수 있으나, 정보의 가치는 시간과 함께 변화될 수 있다.

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

용어 정의

사실 fact 현실에서나타나는무질서한상태, 남에게관찰되지않는상태로존재하고있는것.

데이터 data 정보를구성하는요소.평가되지않은메시지.사실. 기호

정보 information의미와가치가부여된사실.기록데이터+특별한사건.상황에대한내용/전달된내용

지식 knowledge 체계화되어축적된정보이며일반적인적용이가능한것

지혜 wisdom 지식이개인적으로이해된상태. 깨달은상태

커뮤니케이션communication

정보의교환

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

03. What is Information Design?

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

뉴스그래픽news graphic

비지니스그래픽Business graphic

과학의 시각화Scientific Visualization

정보 시각화Information Visualization

인터페이스 디자인Interface Design

표지판Signage

안내도Guidemap

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

에드워드 터프티 Edward R.Tufte

| 정보 그래픽 디자인 전문가

정보를 객관적으로 전달하기 위해 장식적인 요소를 배제하고

정보자체의 전달을 중시해 그 해석을 돕기 위한 최소한의 그래픽 요소의 사용 강조

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

리처드 솔 워먼 Richard Saul Wurman

| 정보 설계자

우리가 일상에서 접하는 대부분은 정보가 아니고 데이터에 불가하므로

이를 가치있게 하려면데이터에 의미를 부여하고 조직화하여 변화시켜 제시 강조

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information Design 02K G IT 2 0 1 1 S p r in g S e m e s t e r | J Y L E E

In f o . 2 0 1 3 . jy le e 6 9 7 7 . c o m / t c

디지털시대의 정보디자인의 특성1. 정보는 그자체로 절대적으로 존재하는 것이아니라송신자와 수신자가 있어 상대적으로존재한다.

2. 어떠한 정보라도수신자는 일정한목적을 갖고받아들인다.

3. 정보의 가치는수신자에 따라결정된다.

똑같은사실이 있을 때, 그것이 유용한사람에게는 정보가되지만필요 없는사람에게는 정보가되지않는다.

4. 정보는 그자체로는 형태가없을 뿐아니라표현되지도 못하여반드시 매체를통하여 드러나게된다.

5. 정보는 복제와유포에 의해공유할 수있다. 공유된 정보를바탕으로 사람들간의 커뮤니케이션이 발생된다.

6. 정보는 전달이용이해야 한다. 전달되지 않으면정보가아니다.

7. 정보를 장기보존할 수있으나, 정보의가치는시간과 함께변화될 수있다.

디지털시대의 정보디자인의 특성“정보를 준비하는 기술과 과학”

정보디자인의 목적 by Robert E. Horn

1. 이해하기 쉽고 신속 정확하게 검색할 수 있으며, 효과적으로 행동에 옮길수 있는 문서를 개발하는것

2. 쉽고 자연스러우며 가능하면 유쾌하게 도구와의 상호작용을 디자인하는 것.인간과 컴퓨터 인터페이스 디자인에 존재하는 여러가지 문제점을 해결하는것.

3. 사람들이 3차원 공간에서 편안하고 쉽게 자신의 길을 찾을수 있도록 하는것

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information Design 02K G IT 2 0 1 1 S p r in g S e m e s t e r | J Y L E E

In f o . 2 0 1 3 . jy le e 6 9 7 7 . c o m / t c

디지털시대의 정보디자인의 특성1. 정보는 그자체로 절대적으로 존재하는 것이아니라송신자와 수신자가 있어 상대적으로존재한다.

2. 어떠한 정보라도수신자는 일정한목적을 갖고받아들인다.

3. 정보의 가치는수신자에 따라결정된다.

똑같은사실이 있을 때, 그것이 유용한사람에게는 정보가되지만필요 없는사람에게는 정보가되지않는다.

4. 정보는 그자체로는 형태가없을 뿐아니라표현되지도 못하여반드시 매체를통하여 드러나게된다.

5. 정보는 복제와유포에 의해공유할 수있다. 공유된 정보를바탕으로 사람들간의 커뮤니케이션이 발생된다.

6. 정보는 전달이용이해야 한다. 전달되지 않으면정보가아니다.

7. 정보를 장기보존할 수있으나, 정보의가치는시간과 함께변화될 수있다.

디지털시대의 정보디자인의 특성“정보를 준비하는 기술과 과학”

정보디자인 방법 by Robert E. Horn

1. 데이터 수집2. 정보 조직화. 정보 재배열. 정보 설계3. 정보 시각화4. 사용 컨텍스트 디자인5. 인터랙션 디자인. 경험디자인

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

|개념도|

의미 만들기Data organization

형태 만들기Visualization

맥락 만들기User Context

정보 디자인Information Design

인지cognition

지각perception

경험experience

정보의 조직화정보디자인의 인지과정과 관계된 데이터의 조직화는 논리적 접근의 질서 있는 배열을 통해 정보 자체가 해석되고 이해될 수 있게 한다.

정보 시각화정보의 형태만들기는 정보를 받아들이는 시각과 청각을중심으로 촉각, 미각, 후각의 감각 기관에 소구할 방법을 찾는 것이다.

사용자 경험감각적 자극이 신경계 중추에 도달하여 발생시키는 일련의 감각을 지각이라고 할때, 정보의 지각적인 요소는 인지적인 요소와더불어 이해와 기억을 증진시키는 것이라 할수 있다.

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

04. Information Design History

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

국가 통계의 시각화윌리엄 플레이페어(William Henry Playfair)의 다이어그램(1786)

경제변동을 나타내는 데이터를 시기별로 배열한 그래프나 다이어그램을 사용텍스트의 내용 보완꺾은선 그래프나 막대그래프, 원그래프와 같은 오늘날의 통계 그래픽 표현의 시초

|역사|

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

설득의 수단플로렌스 나이팅게일의 폴라 그래프(1858)

크림전쟁에서 부상자와 사망자 수의 통계를 도표로 정리해 전쟁에서의간호 개혁을 제안하는 정보 자료로서 제시.

당시 그녀는 비위생적인 처리가 육군의 사망률을 높이고 있다고 생각하고위생의 개선과 개혁의 효과를 입증하기 위해 ‘polar-area diagram’ 을개발해 영국 정부에 제안서를 제출하였다.

|역사|

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

이 다이어그램은 나폴레옹이 모스크바로 진군하는 과정에서 얼마나 많은 군사가 희생되었는지를 진군한 경로의 두께로 표현하였다. 그림 아래에는 꺾은선 그래프로 기온 변화를 나타내었다. 엄청난 병력을 동원한 나폴레옹 군이 진격 과정에서 무지막지한 추위에 패해 대부분의 병력을 잃게 되는 과정을 명쾌하게 설명하고 있다. 한 장의 지도에 시간축 변화 정보까지 표현하여 이는 19세기 정보그래픽 가운데에서도 가장 유명한 사례로 꼽힌다.

|역사|

통합적 내러티브의 표현샤를 미나르의 나포레옹 모스크바 진군 그래프(1859)

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

당시 의사였던 스노우 박사는 오래된 물 펌프 주변에 콜레라 사망자가 많다는 사실적 근원을 풀고자위와 같이 데이터를 다각도로 해석하여 표현함으로써,명확한 논리의 데이터 표현과 분헉을 통해 과학적인 접근을 시도

발병 원인의 발견존 스노우 Jhon Snow의 콜레라 지도(1854)

|역사|

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

빈 시민을 위한 사회경제 박물관 프로젝트의 일환으로 교육받지 못한 많은 시민에게 복잡한 사회 경제에 관한 정보를 전달하려는 의도에서 시작. 이미지 한 개가 천개의 문자보다 더욱 많은 것을 전달할수 있음을 확신, 게르트 아른츠와 아이소타입이라는 그래픽 아이콘디자인. 내러티브적 표현의 시각물을 만들어내기 위한 픽토그램의 세트로써 아이콘의 원형

|역사|

아이콘의 시초오토 노이라트Otto Neurath(1924)의 아이소타입 디자인

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

도심의 지하를 종횡으로 연결하는 런던의 복잡한 지하철 네트워크를 표현하기 위해 벡은 지리적인 디테일을 배제하고 각 노선을 컬러코딩에 의해 식별할 수 있도록 해서 단순하면서도 필요한 정보를 충분히 표현하한 노선도를 디자인. 벡이 만들어낸 스타일은 지금까지도 계승되어 세계 각 도시 철도 노선도 디자인에 커다란 영향

|역사|

절제의 미학해리 벡(Harry Beck)의 런던지하철 노선도(1933)

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

한국과 일본의 정보 디자인

꾸미는 20代남자 - 즐기는 50代여자가 ‘긁는다’ (위)일본 인터넷 사용자 트렌드에 대한 서베이 결과 그래프 (아래)

|비교|