아름다운 인포그래픽을 디자인 하기 위한 비쥬얼 스토리텔링 이야기 1. New Visual Language 2. 좋은 컨셉의 조건 3. 새로운 모티브를 얻는 발상법 4. 비쥬얼 스토리텔링

1. Concept & Storytelling
How to design a Beautiful Infographics
Park Ki-Young
Sugarcube

2. 아름다운 인포그래픽을 디자인 하기 위한
비쥬얼 스토리텔링 이야기
1. New Visual Language
2. 좋은 컨셉의 조건
3. 새로운 모티브를 얻는 발상법
4. 비쥬얼 스토리텔링

3. Information Age

4. Information
지혜
Wisdom
지식
Knowledge
정보
Information
데이터
Data

5. Information Is Cheap,
Meaning Is Expensive
“We now live a world where inform
ation is potentially unlimited. Infor
mation is cheap, but meaning is ex
pensive. Where is the meaning? On
ly human beings can tell you where
it is. We’re extracting meaning fro
m our minds and our own lives.”
George Dyson

6. New Language for the Information Age
Maria Popova
Visual Storytelling,
Infographics

7. 샤를 미나르의 나폴레옹의 모스크바 침공
Charles Minard's flow map of Napoleon's March (1869)
원제: Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-1813
통합적 내러티브의 표현

8. Visualization
Immaterials: Light painting WiFi
by Timo Arnall, Jorn Knutsen and Einar Sneve Martinussen.

9. Visual Language
by Jonathan Harris. 2003

10. CONCEPT
: 컨셉을 정하는 이유
= 비교되기 위함
= 차별화 differentiation

11. Single Concept
Peter Orntoft (Denmark)

12. CONCEPT
: 좋은 컨셉의 조건
1.Single Concept
- 주제의 가장 중요한 한가지만을 표현
- 한가지 컨셉트의 일관성 유지 + 다양한 표현방식의 개발
- 확고한 이미지 전달
2.Easy / Simple / Clear
- 제작자가 아닌 소비자가 이해
- 표현의 간결성 및 명료성이 필요

15. Composition of Mammals
Wataru Yoshida (Japan)

16. Composition of Mammals
Wataru Yoshida (Japan)

17. 1 1. Henry Beck – London Underground Tube map (1931)
2. ZEROPERZERO – London Railway System (2012)
3. Sam Loman – Underskin (2010)
3
2

18. NYC SEOUL
TOKYO Hokkaido
ZEROPERZERO (Korea)

19. 새로운 모티브를 얻는 발상법
INSPIRABILITY

20. INSPIRABILITY
“Creativity is just connecting things.
When you ask creative people how they did something,
they feel a little guilty because they didn't really do it,
they just saw something. It seemed obvious to them
after a while. That's because they were able to connect
experiences they've had and synthesize new things.”
Steve Jobs (1996 Wired)
"창조성은 여러 가지 것들을 연결하는 것일 뿐입니다. 창의적인 사람들에게 어떻게 그런 일을 할 수
있었느냐고 물어보면 그들은 약간의 죄책감을 느낍니다. 그들은 실제로 한 일이 없기 때문입니다.
그들은 그저 뭔가를 보았을 뿐입니다. 얼마간의 시간이 지난 후 그것은 그들에게 명백해 보였습니
다. 그래서 그들은 자신들의 경험을 연결하여 새로운 것을 합성할 수 있었던 것입니다."

21. INSPIRABILITY
“디자이너들은 전문적인 스펀지 같은 존재
우리 주변의 모든 걸 지속적으로 흡수하여 정보와 영감을 순서 없이 그냥 다 받아들입
니다. 그 다음에 특히 어려운 업무가 주어졌을 때 그 스펀지를 비틀어 짜면 새롭고 재미
있는 해답이 나옵니다. 우리가 흡수했던 다양한 색감과 맛, 질감의 특이한 혼합물인 겁
니다. 이런 재료들을 제대로 섞을 수 있게 도와주는 것이 바로 우리의 미적 감각과 재능,
경험입니다.
하지만 성공적인 혼합물을 만들 수 있도록 도와주는 것은 여러 가능성을 받아들일 수
있는 열린 마음가짐이라고 생각합니다.”
Bruce Turkel

22. INSPIRABILITY #1.
고전 Classic에서 배우기
정조 ‘반차도’

23. #1. 고전 Classic에서 배우기
가교도(駕轎圖) Stephen Biesty's Incredible Cross-Sections
- 혜경궁 홍씨를 위한 가마 제작도 - Westland Rescue Helicopter

24. #1. 고전 Classic에서 배우기

25. #1. 고전 Classic에서 배우기
논문: 정보 디자인의 관점으로 본 조선시대 의궤 연구 :
<원행을묘정리의궤>와 <화성성역의궤>를 중심으로 (2005, 문장현)
현대적인 재해석

26. INSPIRABILITY #2.
예술과 친해지기
Applied Arts
응용미술
Fine Art
순수미술
서도호 전 ‘집 속의 집’ (리움미술관, 2012)

27. #2. 예술과 친해지기
Ahn Min Jeong

28. #2. 예술과 친해지기
Conceptual artist Katie Lewis

29. #2. 예술과 친해지기
Mondrian ‘Broadway Boogie Woogie’
René Magritte ‘Castle in The Pyrenees’

30. INSPIRABILITY #3.
창의력을 키우는 생각도구
• 관찰 Observing
• 형상화 Imaging
• 패턴인식 Recognizing Pattern
‘생각의 탄생’ 중에서

31. #3. 생각도구
관찰 Observing
수동적인 ‘보기’가 아닌 적극적인 ‘관찰’
조지아 오키프 作 ‘천남성’ 연작 (1930) Georgia O'Keeffe jack-in-the-pulpit

32. #3. 생각도구
관찰 Observing 인포그래픽을 통해 깨닫는 ‘세속적인 것의 장엄함’

33. #3. 생각도구
형상화 Imaging 형상화는 세계를 재창조한다.

34. #3. 생각도구
형상화 Imaging 인포그래픽은 세계를 재창조한다.

35. #3. 생각도구
패턴인식
Recognizing Pattern
‘정원사’ 주세페 아르치몰도
Giuseppe Arcimboldo, 1590

36. #3. 생각도구
패턴인식 < Pattern Puzzle >
Recognizing Pattern

37. Visual Storytelling
Eric Johansson ‘Zip City’ (2009)

38. Jonathan Harris
“We Feel Fine” – an exploration of human emotion
분석적 통찰보다 이야기 전달을 중시한 작업을 했고,
이렇게 전달된 이야기는 숫자와 통계로 사람의 감정을 불러일으켰다.

39. 좋은 이야기는 기승전결과 클라이막스가 있다.

40. 데이터가 스스로 이야기Storytelling하게 하자

41. Concept & Storytelling
How to design a Beautiful Infographics
Thank you
박 기 영 Park Ki-Young
ky.park@sugarcube.tv
http://fb.com/kiyoung.park1