[info09]infographics01

35
KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design KGIT 2014 Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN

Upload: jyleesidlab

Post on 03-Jul-2015

123 views

Category:

Design


0 download

DESCRIPTION

KGIT 2014 2nd SIDLAB/JYLEE Information Design Class

TRANSCRIPT

Page 1: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information DesignKGIT 2014 Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

Page 2: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Course TODAY

INFOGRAPHICS첫 번째 이야기

Page 3: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

데이터 시각화같은 범주 안의 많은 양의 데이터에 의미를부여하여 효율적으로 전달하기 위한 시각화

정보디자인

데이터시각화

인포그래픽스

정보시각화

데이터 시각화, 정보 시각화, 인포그래픽

정보 시각화데이터 시각화 보다 큰 범주에 해당하는 정

보들을 시각화

인포그래픽 & 정보디자인데이터의 디테일을 나타내기 보다는 보다

그래픽을 적극적으로 이용하여 시각 스토리텔링 형식의 설득형 메시지를 전달

효율적인 정보 전달 설득적 메시지 전달

Page 4: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

데이터 시각화

데이터 메시지정보

데이터 시각화, 정보 시각화, 인포그래픽

통찰

정보시각화

인포그래픽

가공되지 않은 데이터를 통계와 알고리즘을

통해 시각화

의미 있는 정보를 선결하여 쓰임에 맞게

시각화

정확한 주제, 메시지를 담고 있는 시각적 결과물

+STORY/MESSAGE

Page 5: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC?

STORYTELLING DESIGN

INFO INFO

data

data

data

VISUAL

BIG DATA

Page 6: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC이 왜 중요한가?

Page 7: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC이 왜 중요한가?

빅데이타 시대에서는 효과적으로 정보를 전달하는 것이 무엇보다 중요함. 즉 정신적 에너지 소모가 작은 인포그래픽이 중요한 수단임

기억하시죠? 여우와 벌새

Page 8: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC의 역사

BC17000

기원전 17000~15000프랑스 라스코 동물 벽화

기원전 3000년이집트 룩소르 사원 상형 문자

BC 3000 1700년

1786년윌리엄 플레이페어 그래프

1800년 1900년

1854년나이팅게일 폴라그래프

1869년나폴레옹의 행진

1924년아이소타입

2000년

1931년영국 지하철 노선도

Page 9: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점

관심끌기 이해 기억유지

Page 10: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 관심끌기

“DESIGN IS TO DATA AS CHEESE SAUSE IS TO BROCCOLI”채소가 중요하지만 차갑고 건조하다면 치즈소스는 “있으면 좋은 것“ 이 아닌“꼭 있어야 할 것“ 이다. 사람들은 정보를 소비할 때 효율적이고 매력적이며 즐거움을 주는 형식에 끌린다.

Page 11: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 관심끌기

Page 12: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 관심끌기

Page 13: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 관심끌기

Page 14: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 15: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 16: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

인간의 시각 시스템은 미묘함 속에서 패턴을 찾는 엄청난 능력을 갖고 있다.

눈과 시각피질은 인간의 인지 기관 중 가장 높은 대역폭을 가진 거대한 병렬식 프로세서를 형성한다.

고급 처리 단계에서 지각과 인지는 밀접하게 연결되어 있으며 그런 이유로 ‘이해(I understand)‘

라는 단어와 ‘보다(I see)’라는 단어는 동의어로 볼 수 있다.

Information Visualization Perception for design by Colin Ware

Page 17: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 18: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 19: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

Page 20: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

Page 21: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

Page 22: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

< <

Page 23: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 이해

Pre-attentive Visual Attributes전주의 처리

Page 24: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Coffee Drinks Illustrated[Source: Lokesh Dhakar]

Page 25: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 26: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tcFreelance-Friendly Cities by Josh Covarrubias

Page 27: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 기억의 유지

1. 이미지가 많을수록 기억하고 기억을 불러오는 데 사용할 수 있는 시각 요소가 많아지기 때문에 사람들은 정보를 더 선명히 부호화 했다.

2. 모두 유사해 보이는 평범한 그래픽 보다 나이젤 홈즈의 다양한 스타일이 기억을 돕는데 유리했다.

3. 앞서 관심 끌기에서 언급했던 것처럼 사용자의 선호도에는 숨겨진 요인이 존재했다. 참가자가 그래픽에 보이는 감성적 반응이 이미지와 더해져 기억에 확고한 이미지를 형성할 수 있었다.

Page 28: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 기억의 유지

시각적은유

장식적구성

기호와아이콘

주제를 드러내는 시각적 구조자체에정보를 담는다 (칼럼파이브)

문화적 맥락 중요.청중이 해당 아이콘과 기호를 이해언어로 된 설명대신 시각요소 사용

매력적으로 다가갈 수 있는 디자인요소사용함으로써 정서적 연결고리 형성

Page 29: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 기억의 유지

Page 30: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 기억의 유지

Page 31: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHIC 장점 | 기억의 유지

Page 32: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Course TODAY

INFOGRAPHICS프리 도구들

Page 33: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Infor.am 단순한 데이터 시각화와 디자인 도구

Page 34: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

visualize.me 나를 간단하게 표현하는 도구

Page 35: [Info09]infographics01

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Piktochart 다양한 인포그래픽들의 향연