이지연 / 인포그래픽 기획과 실전 전략 book summary

시각영상디자인과
1516939 이지연
인포그래픽 기획과 실전 전략

PART 01
인포그래픽 실무 활용전략
Chapter 01 왜‘인포그래픽’인가?
Chapter 02 비즈니스의 운명을 결정하는
한 장의 인포그래픽
Chapter 03 인포그래픽 新비즈니스 시장
Chapter 04 인포그래픽 비즈니스 전략

Chapter 01
왜‘인포그래픽’인가?

인포그래픽
정보를 분석해 표현하고자하는 ‘ 메시지 ’를 ‘ 대소경중 ’으로 배열하는 일
간결함 쉽게 표현 분명한 주제 감정이입간결한 메시지
01 인포그래픽 혁명의 시작
Chapter 01
좋은 인포그래픽 좋은 정보의 질, ‘ 지적 동기’ 를 제공, ‘소통’의 효과, SNS 플랫폼에서 높은 관심을 갖는 주제

SNS 유통의 활발화
인포그래픽은 SNS를 업고 천리를 간다
Chapter 01

02 인포그래픽을 활용하고 싶다면 다국적 기업 홈페이지를 주목해라!
IBM 인포그래픽
기업가치
기술동향
신제품 소개
…
소통의 시작
‘ 인포그래픽 ’
IBM, 인텔, 삼성전자 등
수많은 다국적 IT 기업들의 인포그래픽 사용
Chapter 01
IT leaders are rapidly shifting away from traditional isolated environments and moving
toward Integrated Infrastructure to tame the demand for big data applications.
of total server shipped value
will be as integrated systems4
of the $64B services, software
and hardware markets will represent
converged infrastructure 3
by year-end
2015
35%
9.5%
by Cisco and IBM
VersaStackTM
Solution
Easy. Efficient. Versatile.
Integrated infrastructure solution to accelerate data center infrastructure deployment,
efficiently manage information and resources, and adapt to business change.
Integrated Infrastructure Solution of Network, Compute
and Hybrid Storage
Lower
risk
Increase
revenue
Reduce total
cost of ownership
Tame
data growth
TCO
76%
of CIO’s say it’s difficult
to stay on schedule and budget1
70%
of IT budgets spent on operations
and maintenance instead
of innovation and insights 2
Sources:
1 According to IDG research
2 Studies of CFO's
3 According to IDC research
4 According to Gartner research
5 Cisco UCS Changing the Economics of the Data Center, Customer Case Studies, Cisco UCS Performance Benchmarks
6 Cisco Blogs - The Economic Impact of a VersaStack Solution
7 http://www-03.ibm.com/systems/storage/resource/info/compression-guarantee.html
8 Founder, i-Virtualize
84%
Easy
reduced
provisioning
times5
Seamless integration
Simplify deployment
3x
performance
acceleration7
and
5x data reduction
Efficient Versatile
62%
lower infrastructure
cost with data reduction
guarantee6
Unified management
Store more with less
Flexible cloud capabilities
Dynamic infrastructure
VersaStack
“is a perfect fit
for big data, cloud solutions and on-site virtualization” − i-Virtualize8
Network Compute
Hybrid
Storage
Integrated
Infrastructure
Individual components
+ value
+ time
+ costs

Chapter 01
삼성 인포그래픽
인텔 인포그래픽
맥도날드 인포그래픽

03 보관하고 싶은 정보를 생산하라!
보관하는 정보
매출에 도움이 되는 정보
좋은 인포그래픽
도움
긍정적 호의
= ‘공중(Publics)’ 관계 형성
정보 수용자
소비자
‘ 홍보 소스 ’의 역할
충성도 ▲
버려지는 정보
Chapter 01
핵심적인 메시지 X • 너무나 많은 용량 • 복잡한 ‘비주얼’

바이럴 마케팅
: 입소문 마케팅 ( viral marketing )
BLOG CAFE
소비자
자연스럽게 정보 제공
기업의 신뢰도 , 인지도 ▲
구매 욕구 ▲
자발적으로 상품에 대해 긍정적인 메시지가 내포되어있는
긍정적인 입소문을 내게 함
Tip 페이스북의 경우 , 포토+이모티콘+적은 텍스트 => 상호 반응 효과 ▲
Chapter 01

Chapter 02
비즈니스의 운명을 결정하는
한 장의 인포그래픽

Chapter 02
비즈니스의 운명을 결정하는 한장의 인포그래픽
01 비즈니스의 시작은 인포그래픽
캠페인 인포그래픽
자금이 부족한 신생 기업의 선택
SNS라는 특성을 가장 잘 효과적으로 활용
사람들의 참여율 ▲
단시간 내 회사의 인지도 ▲
6.25 전쟁 캠페인 인포그래픽

Chapter 02
기업 형태별 인포그래픽 활용 범위
회사 구분
캠페인
인포그래픽
시장 분위기 유도
인포그래픽
상품 소개
인포그래픽
전위 그룹 활용
신생 기업
기술 중심 기업
소비 제품 기업
신생 기업 : 기업의 인지도 ▲
Why?
기술 중심 기업 : 영업 활동 ▲
소비 제품 기업 : 상품의 우수성을 소개

Chapter 02
02 이런 일도 인포그래픽으로 해결한다!
채용 공고 기업 브로셔 정부 정책 홍보

Chapter 02
03 인포그래픽 제작, 무엇을 생각할 것인가?
인포그래픽
= 데이터
1 데이터 발생
2 데이터 1차 인용
3 데이터 2차 인포그래픽 발전
4 인포그래픽 확산
1 제작 상담
2 상담 이후 견적
3 데이터 구성 (제작 진행)
4 수정
마케터

Chapter 02
04 인포그래픽을 활용한 마케팅 전략
인포그래픽
➤ 영업 사원 투자 ⇧ 영업 현장 투입 영업 계약률 ⇧
Tip 인포그래픽 효과 높이는 방법
언론사와 협력 ➤ 다양한 효과
협력 언론사, 포털, SNS ➤ 배포 효과 ▲
정부산하기관 ➤ 인포그래픽 +DB연계
교육 콘텐츠 가치를 지닌 주제
Tip SNS 유통 배포하는 방법
정부 공식 홈페이지
정부 공식 페이스북, 트위터
검색 사이트
해외 사이트
동영상 사이트
블로그
핀터레스트

Chapter 03
인포그래픽 新비지니스 시장

Chapter 03
인포그래픽 新비즈니스 시장
01 빙산일각에 숨은 비즈니스 금맥
인포그래픽 비주얼 데이터
플랫폼 시장
유료 광고 콘텐츠 판매 제작 및 배포 사업
인포그래픽 DB 기반 사이트 인포그래픽 아카이브

02 ‘인포그래픽’비즈니스 마켓의 흐름
Chapter 03
전망 좋은 인포그래픽 교육 관련 비즈니스 시장
인포그래픽 디자이너 비주얼 정보 분석가 산업 성공 사례 세미나

Chapter 03
03 교육도 인포그래픽 시대
Edutech
Education + Technology
교과서를 활용한 인포그래픽
국가 정보 활용한 인포그래픽
뉴스를 활용한 인포그래픽
민간 교육 기관을 활용한 인포그래픽
21C 디지털 교실에서는
사업
교과서 활용 인포그래픽
뉴스 활용 인포그래픽

Chapter 04
인포그래픽 비즈니스 전략

Chapter 04
업종별 인포그래픽 비즈니스 전략
01 업종별 인포그래픽 비즈니스 전략
금융사금융사 지역 신문사비주얼 콘텐츠 마케팅

Chapter 04
그래픽 운영방안
제작 프로세스
1
2
3
4
5
그래픽 아티스트 : 어떤 뉴스를 그래픽으로 보여줄 것인지 주제 결정
리포터 : 정보 조사, 분석
일러스트레이터 : 작업 방식 선택
리포터 : 텍스트 작성
그래픽 아티스트 = 텍스트 + 그림 = 결과물 제작

Chapter 04
02 산업 현장에서 살펴보는 인포그래픽 비즈니스 Tip 10
One Data, One kill 콘텐츠
eBook 콘텐츠 시장 진출
3 애니 그래픽
2
1
4 이미지 개념 참고서
5 공공 인포그래픽 + IT 융합
eBook
지도 기반 인터렉티브 인포그래픽
교육용 인포그래픽

인포그래픽 어워드
콤팩트 인포그래픽
8 인포그래픽 AD 마스터
7
6
9 지역 관광 인포그래픽
10 인포그래픽 모바일 채널 구축
Chapter 04
제 1회 대한민국 인포그래픽 어워드
지역 관광 인포그래픽

Chapter 04
TIP
사이즈는 Compact , 정보는 One Data
빠른 제작 기간
콤팩트한 모바일 인포그래픽
적은 제작 비용
빠른 확산
웹 - 모바일 - SNS 로
이어지는 멀티 플랫폼에서,

PART 02
인포그래픽 디자인
Chapter 05 다양한 인포그래픽의 종류
Chapter 06 인포그래픽 제작 프로세스
Chapter 07 인포그래픽 제작 실무 I
Chapter 08 인포그래픽 제작 실무 II

Chapter 05
다양한 인포그래픽 종류

Chapter 05
01 인포그래픽의 진화
대중문화 접목 선거활동의 핵심

Chapter 05
02 형태(포맷)에 따른 인포그래픽의 종류
이미지형 인포그래픽
(Image Infographic)
인터랙티브 인포그래픽
(Interactive Infographic)
모션 인포그래픽
(Motion Infographic)

Chapter 05
이미지형 인포그래픽
신문신문 웹
가로형
세로형
한눈에 볼 수 있는 포맷
세로 길이 제약 X
스토리텔링의 흐름

인터랙티브 인포그래픽
Chapter 05
나의 행위에 따라 상호작용이 일어나는 인포그래픽:

모션 인포그래픽
Chapter 05
풀(Full)영상으로 만들어진 인포그래픽:
많은 양의 정보를 담기에 유리함
자유로운 표현
높은 시각적 집중도

Chapter 05
인포그래픽
이미지형
인터랙티브
모션
주요 장점 주요 단점
쉽게 제작 / 높은 노출 및 확산성 표현의 한계 / 새로운 경험 제공 환계
정보 多 / 양방향 소통 디바이스별로 적합한 코딩 선택해야 함
자유 多 / 수치 자료 多 비용과 시간 多

Chapter 05
03 목적에 따른 인포그래픽의 분류
제품 홍보 프로세스 제품비교
변천 과정
캠페인

Chapter 06

Chapter 06
인포그래픽 제작 프로세스
01 목적과 타깃에 따른 인포그래픽 기획
소비하는 사람이 누구인가 ? 무엇을 전달하고자 하는가 ?
에디토리얼 인포그래픽 브랜드 중심 인포그래픽

Chapter 06
에디토리얼 인포그래픽
블로그, SNS 등에 올라가는 스토리텔링 콘텐츠
시사성 신문 기사
공익 캠페인 및 광고

Chapter 06
브랜드 중심 인포그래픽
홈페이지 , 프레스 릴리즈 , 제품 매뉴얼
프레젠테이션 , 애뉴얼리포트
크리에이티브 브리프

Chapter 06
02 자료수집 단계 : 정보는 많을수록 좋다?
브랜드 중심 인포그래픽
클라이언트 회사와 직접적 연관이 있는 내용 담기
가능한 많은 자료를 전달받기
*장점
사용할 자료 선택의 폭 넓어짐
정보, 데이터의 균형이 잡힌 결과물
시간 소비 줄임
에디토리얼 인포그래픽
최근의 이슈,흥미로운 소재 - 스토리텔링
필요에 따라 제작 에이전시 또한 리서치
*체크리스트
데이터가 믿을만한가?
스토리가 담겨져있는가?
감정에 어필할 수 있는가?

Chapter 06
02 정보 가공 단계 : 메시지는 간결할수록 좋다
정보의 분류
선별 - 삭제 - 재배열
정보의 그룹화
*장점
원하는 정보를 빠르게 찾을 수 있음
하나의 비주얼 , 정보 多
탄탄한 짜임새

Chapter 06
03 정보 가공 단계 : 메시지는 간결할수록 좋다
스케치 그래픽 작업 컬러링
디테일 작업 및
레이아웃 정리
디테일 활용 및
푸터 삽입
표현적인 부분에서
많은 고민 필요 단계
컬러만으로 정보 전달?
컬러와 주제 부합?
컬러가 정보전달 방해?
그래픽 텍스트 얼라이먼트
폰트 사이즈
컬러 밸런스 조정
퍼블리시 기업 또는
크리에이티브
커먼즈 라이선스

Chapter 07
인포그래픽 제작 실무 I

01 차트 사용법
라인차트 바 차트 파이 차트
0
50
100
0
25
50
75
100 7%8%
10%
11%
29%
35%
시간의 흐름에 따른
지속적인 수치의 변화를 활용
트렌드나 증가량 보여줄 때
가장 많이 활용되는 차트 중 하나
두가지 혹은 그 이상의 양
비교할 때
한눈에 순위 비교 가능
%의 단위를 표기할 때
버블 차트
0
15
30
0 4 8 12 16
크기 한눈에 비교 가능
데이터를 시각화할 때
Chapter 07

올바른 차트 사용법
전달하고자 하는 메시지에 맞게 데이터 가공
비교 정보의 균형에 맞게 차트 선택
익숙한 증가량을 기준으로
긍정은 오른쪽으로, 부정은 왼쪽으로
픽토그램 사용하기
Chapter 07

Chapter 07
02 타이포그래피와 컬러
타이포그래피
도표, 차트 등을 포함한 다양한 그래픽들을 보조해주는 역할
Serif : 나눔명조
San Serif : 윤고딕
세리프(Serif) 서체 : 본문
대상자는 누구인지?
산세리프(San Serif) 서체 : 제목

낙관
Chapter 07
컬러
정보의 전달을 돕는 수단으로 사용
유사대비 보색대비 무채색/강조 감정 표현
창조성
예술
열정
사랑
위험

Chapter 07
design by Zakscloset John Nelson의 데이터시각화

03 비주얼 메타포 (Visual Metaphor)
Chapter 07
비주얼 메타포
메타포 : 비유, 은유
시각적 매개체 활용한 정보 전달
보다 직관적
보다 재미있게 정보 전달
보다 오래 기억에 남음
보다 강력하게 메시지 전달

04 데이터 시각화 (Data Visualization)
Chapter 07
데이터 시각화
많은 양의 데이터를 기초 자료로 하여 시각화하는 것
분석하여 미래를 예측하거나 문제점을 발견
디자인이 복잡 X
쉬운 인터랙션에 대한 인지
*주의

Chapter 07
05 소셜 큐레이션과 좋은 인포그래픽
좋은 인포그래픽의 세 가지 요소
1 인터넷 환경의 변화
2 이미지와 사진에 대한 인기
정보의 전달
스토리텔링 그래픽
전달하고자 하는 정보
빠르고 효과적으로 전달
심플 + 강력한 정보의 전달
for 효과적인 커뮤니케이션
이미지, 차트, 그래프 등
다양한 시각적 요소들을 활용
사람들의 시선을 끌음
조력자적인 역할

Chapter 07
인포그래픽 제작 실무 II

Chapter 08
01 인포그래픽의 시작은 숫자와 함께
시각적 집중도 , 전달력 뿐 아니라 오랫동안 보관할 수 있는 정보의 가치
숫자 활용 인포그래픽
구체적 & 신뢰감
London Olympic 인포그래픽

Chapter 08
02 시각적 설득력의 힘을 믿는다
Espresso
A black coffee served in
a small glass or cup about
two thirds full
Latte
Equal quantities of black coffee
and hot milk with around 2cm
of milk foam on top
Cappuccino
One third coffee to two thirds hot
frothed milk served in a cup
Don’t tell but show !

Chapter 08
03 메인 비주얼 Hook(훅)을 설정하라
Hook 인포그래픽에서 가장 먼저 시선을 끄는 부분
시각적 attraction (매력) 부여할 수 있음
정보의 중요도를 자연스럽게 구별할 수 있음
*장점

Chapter 08
04 강약중강약 그리고 리듬
리듬감 을 부여하고 지루함 을 덜어보자
그래픽 크기의 변화, 시선의 유도, 다양한 그래프의 활용

05 과장되지 않게 과장하라
Chapter 08
vsMaximum Minimum
예상을 뛰어넘는 규모를 보여줌
or
무언가를 비교할 때

Chapter 08
06 컬러로 정보를 표현하라
컬러
디자인 요소 뿐 아니라
정보를 표현하는 수단으로 사용

07 심플함(Simplicity)이란?
Chapter 08
심플함 ( Simplicity )
Quick ( 빠른 )
Accurate ( 정확한 )
Powerful ( 영향력 있는 )

Chapter 08
08 비교의 기준을 명확히 하라
비교 기준 명확히
빠른 인지
지
정보에 대한 신뢰성
지

맥도날드 인포그래픽 ( www.aboutmcdonalds.com )
IBM 인포그래픽 ( www.ibm.com/smarterplanet )
6.25 ( http://infographicworks.com )
gs칼텍스 ( http://www.insightofgscaltex.com/ )
기업 브로셔 ( www.behance.net )
교과서 인포그래픽 ( http://bookimg.gilbut.co.kr/ )
김정일-사회 인포그래픽 ( http://info-graphics.kr/?p=881 )
은행 인포그래픽 ( http://www.keepingcurrentmatters.com/2012/09/21/tdbanks-infographic/ )
eBook 스크린샷 ( mekia(메키아) - 전자책(ebook) 서점 for iPad )
교육용 인포그래픽 ( http://dl.dongascience.com/magazine/view/S200903N028 )
지도 인포그래픽 (http://design.tutsplus.com/articles/envato-remote-staff-infographic-a-case-study--vector-4702 )
관광지도 인포그래픽 ( 공감코리아 인포그래픽 )
Sources
삼성 인포그래픽( http://www.samsung.com/ )
인텔 인포그래픽( http://blogs.intel.com/ )
대중문화 접목 인포그래픽 ( http://content.stamen.com/hangin_with_mr_bieber )
선거 활동 (http://www.democraticunderground.com/10021440660)
신문 인포그래픽 ( hendelsblatt )
신문 인포그래픽 ( http://www.dailyinfographic.com/category/animals )
인터렉티브 인포그래픽 ( 뉴욕타임즈 )
목적에 따른 인포그래픽 ( bmw / http://visual.ly/evolution-architectural-visualization
http://anna.vc/post/109238846197/how-to-make-infographics-in-a-nutshell
behance.net )
에디토리알 인포그래픽 ( http://www.columnfivemedia.com/work-items/infographic-nascar-sprint-cup-vs-formula-one)
브랜드중심 인포그래픽 ( http://peak15.co.kr/363 / http://social.lge.co.kr/lg_story/lg_mobile/g4/g4_infographics/)
타이포그래피 ( http://azhardesign.blogspot.kr/ )
컬러 데이터시각화 ( Zakscloset / john nelson )
숫자 ( charlottestelle.com )
시각적 설득력 ( charlottestelle.com )
Hook ( blog.benjieboo.co.uk )
에버노트 ( evernote-ko.tumblr.com )
컬러 ( informationisbeautiful.net / crestmedia.com ) 심플함 ( slowalk.co.kr ) 비교 기준 ( ffctn.com )

이지연 / 인포그래픽 기획과 실전 전략 book summary

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (18)

Similar to 이지연 / 인포그래픽 기획과 실전 전략 book summary

Similar to 이지연 / 인포그래픽 기획과 실전 전략 book summary (20)

More from Ji Yeon Lee

More from Ji Yeon Lee (20)

이지연 / 인포그래픽 기획과 실전 전략 book summary