Vice versa design studio CEO Myoyoung Kim presents an overview of infographics, examples, and process.

1. 22%
22%
48%
10%
10%
3%
3%
4%
4%
3%
3%
Visual Storytelling,
INFOGRAPHICS!
24
YE
%S
A
S
YES

2. 바이스 버사 디자인 스튜디오 Vice Versa design studio
*Vice Versa란 거꾸로, 반대로, 역(逆)도 또한 ((略 v.v.)) 같다는 뜻의 영어단어입니다.
일반적인 생각의 방향을 뒤집고 정해진 틀에서 벗어나
새로운 형식의 디자인을 하고자 하는 신념을 담아 네이밍 하였습니다.
v-vdesign.com
Porfolio Site: http://v-vdesign.com | E-MAIL : designer_myo@v-vdesign.com | 담당자: 김묘영 | Mobile : 010.3736.4917 1

3. What we do?
Service Directing Interactive
& Design Infographics
Porfolio Site: http://v-vdesign.com | E-MAIL : designer_myo@v-vdesign.com | 담당자: 김묘영 | Mobile : 010.3736.4917 2

4. information + graphic

5. information + graphic

6. infographic
복잡한 정보를 차트, 지도, 다이어그램, 로고, 일러스트레이션 등을 활용하여
한눈에 파악할 수 있도록 하는 디자인

7. Designed by Vice Versa design studio

8. 2011년 서울시 예산규모
( : )
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

9. : http://www.seoul.go.kr

10. http://www.behance.net/gallery/Infographics-The-Times-Newspaper-(UK)/2412324

12. facebook
Twitter
lastfm delicious
Vimeo Mixx
tumblr
You Tube
Flickr Myspace

13. 수많은 채널의 등장으로
소화해야 할 정보가 기하급수적으로 증가

14. INTEREST

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

18. SAVE TIME

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

24. RAPID SPREAD

30. visualy

31. Advantage of Infographics
Interest Save Time Rapid Spread
Easy, quickly, strongly

32. 실제로 듣고 기억한 정보는 시간이 지나면
15%정도만 기억에 남지만,
이미지가 결합되면 약 89% 가량 기억해 냄
[Robert Horn, Stanford University]

33. 기승전결 [ 起承轉結 ]
STORY

41. MOVIE CLIP
< The State of The Internet >

42. http://www.breathingearth.net/

44. PROCESS

45. Step.1 Step.2 Step.3 Step.4
Collecting Organizing Grouping
Storytelling
Information Information Information
키워드에 따른 다량의 정보 중에서 다양한 분류를 시도하며 스토리텔링을 통한
정보 리서치 필요한 정보를 카테고리별로 정보 배열 및
필터링함으로써 정보 그룹핑 메인메시지 추출
꼭 필요한 정보만 전달

46. Step.5 Step.6 Step.7 Step.8
Design Type Create
Design Complete Design
Decisions Color Schemes
3D, 일러스트, 드로잉 등 주제와 디자인 타입에 기호, 상징, 이미지를 타이틀, 내용 구성,
주제에 적합한 어울리는 칼라 구성표 제작 활용한 디자인 그래픽 등을
디자인 타입 선정 (정보와 메시지를 다시 한번 점검하며
한눈에 알아볼 수 있는 마무리
정확하고
매력적인 디자인이 중요함)

47. INFOGRAPHIC
1 PAGE GRAPHIC MOVIE INTERACTIVE WEB
신문 잡지 TV
Tablet Web
You
Twitter Tube Vimeo
SNS 시대에 걸맞은 새로운 정보전달의 방법이자,
마케팅 수단으로 활용 가능한 비주얼 소통 방법

48. 22%
22%
48%
10%
10%
3%
3%
4%
4%
v-vdesign.com
3%
3%
Thank you YE
24
%S
S
A
YES