이지연 / 인포그래픽 기획과 실전 전략 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 movingtoward Integrated Infrastructure to tame the demand for big data applications.

of total server shipped valuewill be as integrated systems4

of the $64B services, softwareand hardware markets will represent

converged infrastructure 3

by year-end

2015

35%9.5%

by Cisco and IBMVersaStackTM 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, Computeand Hybrid Storage

Lowerrisk

Increaserevenue

Reduce totalcost of ownership

Tamedata growth

TCO

76%of CIO’s say it’s difficultto stay on schedule and budget 1

70%of IT budgets spent on operations and maintenance insteadof innovation and insights 2

Sources: 1 According to IDG research2 Studies of CFO's3 According to IDC research4 According to Gartner research5 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.html8 Founder, i-Virtualize

84%

Easy

reduced provisioning

times 5

Seamless integrationSimplify deployment

3 xperformance

acceleration 7 and5x data reduction

Efficient Versatile

62%

lower infrastructurecost with data reduction

guarantee 6

Unified managementStore more with less

Flexible cloud capabilitiesDynamic infrastructure

VersaStack“is a perfect fit

for big data, cloud solutions and on-site virtualization” − i-Virtualize 8

Network Compute HybridStorage

IntegratedInfrastructure

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

0255075100 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

Design

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