10%10%

3%3%

3%3%4%4%

22%22%48%48%

나도인포그래픽디자이너!

YES

24% SAIDYESidea designer 김묘영

designerMYO myoyoungkim

information + graphic복잡한 정보를  차트, 지도, 다이어그램, 로고, 일러스트레이션 등을 활용하여 

한눈에 파악할 수 있도록 하는 디자인

Designed by Vice Versa design studio

2011년 서울시 예산규모

구 분 2011(안) 2010 증 감증 감구 분 2011(안) 2010 금 액 %계 206,107 212,573 △6,466 △3.0

일반회계 144,600 154,220 △9,620 △6.2특별회계 61,507 58,353 3,154 5.4도시철도 8,050 5,954 2,096 35.2교통사업 11,789 10,363 1,428 13.8광역교통 1,648 2,859 △1,211 △42.4주택사업 6,675 6,537 138 2.1도시개발 9,165 8,806 359 4.1하수도 4,940 4,723 217 4.6집단에너지공급 2,570 2,395 175 7.3의료급여기금 6,598 6,085 513 8.4한강수질 147 120 27 22.5재정비촉진 1,490 2,479 △989 △39.9지역개발기금 5 22 △17 △77.3수도사업 8,430 8,010 420 5.2

(단위 : 억원)

출처: http://www.seoul.go.kr

출처: http://www.seoul.go.kr

Good:_http://www.good.is/post/transparency-who-has-given-the-most-to-haiti/

Mean Happiness_http://awesome.good.is/transparency/web/1004/mean-happiness/flat.html

정보 습득 시간 절감 흥미 유발 빠른 확산

인포그래픽의 장점

쉽고, 빠르고, 강렬하게 

SNS 시대수많은 채널의 등장으로 

소화해야 할 정보가 기하급수적으로 증가

Twitter facebookYou Tube FlickrVimeo delicioustumblr

실제로 듣고 기억한 정보는 시간이 지나면 

15%정도만 기억에 남지만,

이미지가 결합되면 약 89% 가량 기억해 냄

[Robert Horn, Stanford University]

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

인포그래픽 제작방법

1. 타이틀 정하기

2. 기호, 상징, 이미지 활용

3. 제작 툴 소개 

4. 마지막 점검

Title

Design

Complete Design

Tool

1. 타이틀 정하기

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

EX1) 사용자가 5천만이 되는데 소요된 기간 -> “Giant Baby, facebook!”

EX2) 닭에 관한 인포그래픽 -> “대한민국은 지금 닭 전쟁 중”

1) 인포그래픽의 내용을 한번에 알아차릴 수 있는 타이틀

2) 호기심을 유발해서 클릭을 유도할 수 있는 매력적인 제목

3) 트렌드를 반영할 것

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

[ 1단계_텍스트 ]

사용자가 5천만이 되는데 소요된 기간은 

라디오 38년, TV 13년, 인터넷 4년, iPod 3년인 반면

페이스 북은 9개월이 지나기 전에 사용자가 1억명에 달함

2. 기호, 상징, 이미지 활용

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

[ 2단계_텍스트 + 그래프 ]

사용자가5천만이되는데소요된기간

iPodTVRadio FacebookInternet0

5

10

15

20

25

30

35

40

Designed by Vice Versa design studio

4 years 1 year3 years13 years38 years

사용자가5천만이되는데소요된기간

iPodTVRadio FacebookInternet

[ 3단계_그래프 + 이미지 ]

2. 기호, 상징, 이미지 활용

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

[ 4단계 _그래픽 + 이미지 ]

Designed by Vice Versa design studio

[ 5단계 그래픽 사이즈 반전 + 이미지 ]

iPodTVRadio Facebook

4 years 1 year3 years13 years38 years

사용자가5천만이되는데소요된기간

Internet

Time taken for users to 50 million people

iPodTVRadio Facebook

4 years 1 year3 years13 years38 years

사용자가5천만이되는데소요된기간

DATASOURCE: CREATEDBY:

Internet

#004 January 7th, 2011 | viceversadesign.co.kr

Time taken for users to 50 million people

2. 기호, 상징, 이미지 활용

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

Designed by Vice Versa design studio

iPodTVRadio Facebook

4 years 1 year3 years13 years38 years

사용자가5천만이되는데소요된기간

DATASOURCE: CREATEDBY:

Internet

#004 January 7th, 2011 | viceversadesign.co.kr

Time taken for users to 50 million people

2. 기호, 상징, 이미지 활용

3. 제작 툴 소개

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

Chartsbin

http://chartsbin.com/

ManyEyes

http://www-958.ibm.com

출처: http://magazine.jungle.co.kr

지도가 필요한 인포그래픽에 유용함.무료 계정을 만들면 엑셀 데이터 입력을

통해 직접 제작도 가능.

IBM Research에서 제공하는 차트 제작 온라인 서비스. 자바를 기반으로 다양한 그래픽 옵션을 제공.

제작한 인포그래픽은 이메일, 페이스북, 트위터 등을 통해 공유 가능. 

4. 마지막 점검 

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYES

Radio

DATASOURCE:

#004 January 7th, 2011 | viceversadesign.co.kr

TV

DATASOURCE: CREATEDBY:

출처 명시저작권자,

제작 날짜 표시 CCL

주소창에

qok.me/인포이벤트 를

입력하시면 자세한 내용을 보실 수 있습니다.

Thank you

10%10%

3%3%

3%3%4%4%

22%22%48%48%

YES

24% SAIDYESidea designer 김묘영

주소창에

qok.me/인포이벤트 를

입력하시면 자세한 내용을 보실 수 있습니다.

designerMYO myoyoungkim