좋아보이는것들의비밀 인포그래픽 01

좋아 보이는 것들의 비밀 인포그래픽
디지털 미디어 컨텐츠 I
1514730 최윤소

CONTENTS
II 인포그래픽 기획
I 비주얼 스토리텔링, 인포그래픽이란?
데이터 시각화와 인포그래픽
인포그래픽 역사
사례로 살펴보는 인포그래픽 장점
인포그래픽 유형
인포그래픽 기획
사전에 고려할 요소
인포그래픽 기획 단계
III 인포그래픽 디자인
인포그래픽 디자인에서 고려할 것
주제에 적합한 디자인 스타일을 선정하라
주제에 어울리는 색 팔레트를 만들어라
기호, 상징, 이미지를 활용하여 디자인하라
마지막 점검 포인트를 체크하라
인포그래픽을 자동으로 만드는 도구
IV 인포그래픽 활용
인포그래픽 형태
One Source Multi Use
홍보

I
비주얼 스토리텔링,
인포그래픽이란?

01
데이터 시각화
데이터
통계,
알고리즘
데이터 시각화
시각화한 데이터를 이용하면 정보 구조나 패턴을 찾아내고,
나아가 의미있는 통찰을 할 수 있다.
관계성 분석

01
인포그래픽
명확한 목적 설정
정보의 관계, 패턴, 구조 파악
데이터 시각화
정확한 메시지로 구체화
인포그래픽

02
프랑스 라스코 동굴 벽화
기원전
17000년에서 15000년 사이에
그려진 것이다.
현재 남겨진
인류 최초의 인포그래픽

02
이집트 룩소르 사원 상형 문자
기원전
3000년에 쓰여진 것으로
상징화한 기호와 그림을
언어로 사용하였다.
좋은 초기 인포그래픽 사례

02
윌리엄 플레이페어 그래프
선 그래프
막대 그래프
원 그래프
윌리엄 플레이페어는 그의 저서에서 그래프를 통해
통계 데이터를 표현하여 데이터 시각화 선구자로 평가받고 있다.

02
나이팅게일 폴라 그래프
1854년 크림 전쟁 당시
열악한 위생 및 병원 환경을
개선할 것을 설득하기 위해
나이팅게일이 제작하였다.
정보 시각화의
중요성을 알려주는
의미있는 사례
전염병 사망자를 파란색, 전투 사망자를 빨간색, 그 밖의 사망자를 검은색으로 표현

02
나폴레옹의 행진
1812년 프랑스의 샤를 조셉
미나르에 의해 그려진 ‘나폴레옹
의 행진’ 그래프는 다양한 데이터
를 효과적으로 엮어 나폴레옹의
러시아 침략 실패 원인을 설명하
고 있다.
이동 경로, 행군 방향, 병력 감소, 기온 하락등의 테이터를 효과적으로 엮어 당시 상황을 한눈에 살펴볼 수 있다.
다시는 나오지 않을 최고의 통계 그래픽
- 미국 예일대학교 교수 에드워드 터프티 -

02
아이소타이프
오스트리아 사회학자인 오토 노이라트와
독일 그래픽 디자이너인 게르트 아른츠가
협력하여 만든 시각 소통 모델이다.
오늘날 인포그래픽에서
많이 사용되는 아이콘의 원형

02
영국 지하철 노선도
실제 지리 정보를 무시하고 수직, 수평, 45도 각도로만 간결하게 표현한 지하철 노선도이다.
1931년, 런던 지하철 제도공이었던
헨리 벡이 만든 지하철 노선도이다.
노선별로 각각 다른 색을 적용하고,
활자를 체계화하여 가독성을 높였으며,
환승역을 강조하여 승객이 더 빠르게
지하철을 갈아타고 도착역을
찾아갈 수 있게 하였다.

사례로 살펴보는 인포그래픽 장점
03
흥미유발 정보 습득 시간
절감
기억 지속 시간
연장
빠른 확산
다양한 정보를 해당 정보에
맞는 그래픽으로 구성한 인
포그래픽은 빼곡하게 차 있
는 글 속에서 사람들의 눈길
을 잡고 행동을 하게 만드는
힘을 가진다.
산발적인 정보들을 효과적
으로 배열하여 전달하는 인
포그래픽은 정보를 읽게 하
는 것이 아니라 직관적으로
느끼게 하는 것에 가까우므
로 더 빠른 전달이 가능하다.
사람들의 관심사를 잘 파악
한, 또는 시사성을 갖는 인포
그래픽은 해당 인포그래픽을
보고 공감한 사람들이 SNS
등을 통하여 스스로 정보를
유통한다.
정보가 이미지와 결합될 경
우 그것은 기억에 더 오래 남
는다. 단순히 들은 정보는 시
간이 지나면 15%정도만 기
억에 남지만 이미지와 결합
된 정보는 약 89%가량 기억
된다고 한다.

04
타임라인 기반 인포그래픽
프로세스 기반 인포그래픽
통계 기반 인포그래픽
가장 일반적인 인포그래픽 유형으로, 수치화 된 데이
터를 기반으로 표나 그래프를 이용하여 만들어진다.
시간 순서대로 정보를 보여주는 형태로, 시간성을 가
진 정보를 표현하기에 적합하다.
한 장 안에서 일의 과정을 이해하기 쉽게 나타낸 것으
로, 복잡한 업무 처리 과정이나 제작과정을 보여줄 때
사용할 수 있다.

04
비주얼 스토리텔링 기반 인포그래픽
비교형식 인포그래픽
서로 상반되는 데이터를 대조 및 비교함으로서 강력
한 설득과 이해를 이끌어야 할 경우 사용한다.
잘 짜여진 스토리를 바탕으로 주제를 더 효과적으로
전달할 수 있다. 최근 문화컨텐츠를 기획할 때 많이 사
용되며 타겟에 대한 정확한 이해가 필요하다.
위치, 지리 기반 인포그래픽 정보를 국가별 혹은 지역별로 비교할 때나 범위를 나
타낼 때 주로 사용된다.

인포그래픽 기획을 시작하기 위해 고려할 요소
01
주제
사용목적 타깃
사용환경
무엇을 말하고자 하는가
어디에 어떻게 사용할 것인가 누구에게 보여줄 것인가
정보 수용자가 어떤 환경에서
무엇을 통해 보게 될 것인가

핵심 메시지 추출
02
정보 전달자가
가장 하고싶은
이야기
정보 수용자가
흥미로워 할
이야기
핵심 메시지
더 나아가 매력적인 핵심 메시지를 만들어 내기 위해서는
사람들의 공감을 얻어낼 수 있는 감성과 한 치 오차도 없는 논리성
두 마리의 토끼를 모두 잡아야 한다.

정보 조사
03
인포그래픽에서는
대략적인 양이나 비율로 표기한 데이터가 아닌
정확한 데이터가 필요하다. 이럴 경우 참고한 원문을 찾고,
필요에 따라 그 해 통계만이 아니라
작년, 재작년의 과거 수치까지 찾아야 한다.
DATA

정보 조사
03
인포그래픽 제작에 도움이 되는 사이트 _ 통계, 정보
e-나라지표
국가통계포털 kosis.kr
www.index.go.kr
통계청 www.kostat.go.kr

정보 조사
03
인포그래픽 제작에 도움이 되는 사이트 _ 통계, 정보
삼성경제연구소
대외경제정책연구원 www.kiep.go.kr
www.seri.org
틸리언 (SK 플래닛 소비자 패널) www.tillionpanel.com

정보 조사
03
인포그래픽 제작에 도움이 되는 사이트 _ 인포그래픽 전문 업체
Jess3
인포그래픽 웍스 www.infographicworks.com
jess3.com
바이스 버사 디자인 스튜디오 v-vdesign.com

필요한 정보 선별
04
01
모든 데이터를 꼼꼼하게 읽고 검토해야 한다.
02
시각화할 수 있는 정보인지 판단해야 한다.
03
욕심을 버린다.
7 ± 2
인지 심리학자 조지 아미티지 밀러
에 의하면, 정보는 작업 기억에서 처
리된 이후 장기 기억으로 저장된다.
사람의 작업 기억은 7±2라는 제한
용량이 있다고 한다.
이 제한 용량에 맞추어 정보를 선별
해낼 수 있도록 한다.

정보 그룹화
05
정보 그룹화가 중요한 이유
01
길게 이어진 수나 글자들을 기억 가능한 덩이로 조립하거나 분해할 경우,
기억에 담을 수 있는 정보 양이 늘어난다.
같은 정보라도 어떻게 묶느냐에 따라 전혀 다른 결과를 얻을 수 있다.
정보 및 속성에 따라 잘 분류해 두면 구조화하거나 스토리텔링할 때 다시
구성하지 않아도 된다. 이때 정보의 기준이 명확하고 기준 가중치가 동등
해야 논리적으로 문제가 없는 인포그래픽을 만들 수 있다.
“암기 과정은 우리가 모든 항목을 기억할 수 있을 만큼
적은 수의 덩이를 형성하는 일에 불과할지도 모른다.”
- 조지 아미티지 밀러 -
02

정보 구조화
06
그룹화된 정보
구조화
간결 강력 생명력 새로운
의미 부여
정보를 구조화하면, 정보는 더 간결해지면서 강력해진다.
더불어 정보 구조화를 통해 정보에 생명력을 불어넣음으로써 새로운 의미를 부여할 수 있다.

스토리텔링
07
I 정보 배치에 따른 스토리텔링
기승전결
인포그래픽의 정보 나열 순서와 참고한 자
료의 정보 나열 순서가 같을 필요는 없다.
자료를 읽으며 관심 있는 내용을 포스트잇
한 장에 하나씩 적고 벽에 붙인 다음, 정보
나열 순서를 이리저리 바꿔보며 전체 흐름
을 잡는다. 이때, 기승전결을 이용해서 보
다 극적이고 짜임새있는 배열을 한다.
글을 쓸 때 육하원칙을 염두에 두고 쓰면
간결하면서도 명확하게 쓸 수 있다. 특히
객관성이 중요하게 여겨지는 경우에 사용
하면 유용하다. 인포그래픽은 디자인 요소
에 의해 자칫 사람들이 오해할 소지가 있
으므로 인포그래픽을 제작할 때 육하원칙
을 사용하면 보다 효과적인 결과물을 얻을
수 있다.
육하원칙

스토리텔링
07
II 스토리텔링을 통한 내용 구성
데이터 검토 제목 정하기 개요 작성 인포그래픽 제작스토리텔링
1단계 줄거리 정하기
2단계 스토리 구체화 + 시각화
3단계 1차 시안 작성
4단계 논의 및 수정
5단계 인포그래픽 완성
정보와 스토리 자체에 집중하기 위해
색을 배제하고 작업한다.

생각 표현 및 정리
08
마인드 맵
마인드 맵
중심 주제와 중심 이미지
가지로 뻗어 나가는 구조
키워드
이미지와 색
이야기하고자 하는 중심 주제와
그것을 나타내는 중심 이미지는
가능한 중앙에 크고 인식하기 쉽게 그려
정보를 유추할 수 있도록 하는 것이 좋다.
중심 이미지로부터 관련 키워드들이
뻗어 나가는 구조로 표현하여
다양한 생각을 정리할 수 있도록 한다.
중심 이미지로부터 연관된 모든 정보를
단어 및 그림, 이미지, 영상 등을 이용하여 표현한다.
보다 효과적으로 이해하고 기억할 수 있도록
하기 위해서는 색을 활용하여 간단하게 그리는 것이 좋다.
단순 단어를 적기 보다는 그림으로 표현하면
더 많은 정보와 시각적 아이디어까지 표현할 수 있다.

인포그래픽 디자인에서 고려할 것
01
01 디자인이 정보 이해를 방해하거나 해석을 왜곡해서는 안된다.
전체적으로 통일감을 주면서도 강약을 만들어야 한다.
인포그래픽은 보는이의 배경 지식에 따라 다르게 해석될 수 있음을
기억해야 한다.
02
03
지나치게 그래픽이 많은 인포그래픽은 요소들이 서로 부딪혀서 정보를 효율적으로
받아들이는 것에 방해가 될 수 있다.
핵심 메시지를 제대로 전달하기 위해서는 개별적인 그래픽의 세밀함도 중요하지만 전체적인
큰 그림을 보면서 흐름을 놓치지 않는 것이 더 중요하다.
이때 흐름에 강약을 만들면 인포그래픽을 처음부터 끝까지 지루하지 않게 볼 수 있다.
인포그래픽에서는 많은 정보를 압축적, 효과적으로 보여주기 위해 상징이나 메타포가 많이
사용된다. 문제는 상징이나 메타포가 문화에 따라 다르게 해설될 수 있다는 점이다.
따라서 인포그래픽 디자인은 일반적인 디자인보다 더욱 고도의 계산이 필요하다.

주제에 적합한 디자인 스타일을 선정하라
02
2D
일러스트
3D
일러스트
핸드드로잉
일러스트
사진
+
그래픽
입체
2D 기반의 깔끔한 일러
스트 스타일은 인포그
래픽에서 가장 많이 볼
수 있는 스타일로, 상상
속 이미지를 가장 쉽게
표현할 수 있는 방법이
다.
입체적인 디자인 스타
일은 건물이나 공간, 제
품 구조 등을 설명하는
인포그래픽을 만들 때
효과적이다. 2D 일러스
트로 표현이 불가능한
부분을 효과적으로 표
현할 수 있으므로 주제
에 따라 유용하게 활용
할 수 있다.
손으로 그린 것 같은 핸
드 드로잉 스타일은 가
볍고 재미있는 주제에
적합하다. 2D 일러스트
로 표현하면 자칫 밋밋
해질 수 있는 내용을 핸
드 드로잉 스타일로 표
현함으로써 보는 재미
를 더할 수 있다.
사진을 이용한 인포그
래픽은 아무리 디자인
을 열심히 해도 실제 사
진만큼 상큼하고 싱싱
한 느낌을 전달하기 어
려운 음식 등의 개체에
관한 인포그래픽을 만
들 때 활용하면 좋다.
2D 일러스트 대신 컴퓨
터 렌더링을 활용한 입
체 표현 또는 종이접기
나 만들기 기법을 활용
하면 인포그래픽에 재
미를 더하여 보는 이의
눈길을 사로잡는 인포
그래픽을 만들 수 있다.

03
색
색은 소통을 통해
감성적인 측면과 정보 전달 측면에서
즉각적이면서 강력한 반응을 일으킨다.
정보를 시각화할 때 색을 이용하면
정보를 더욱 효과적으로 강조할 수도 있고
여러가지 내용을 더 명확하게 할 수도 있으며,
반대로 같은 내용을 연결할 때도 사용할 수 있다.

03
I 색 팔레트 만들기
01
로고 색 활용
02
이미지 검색
기업 혹은 정부 부처 및 기관의 인포그래
픽을 위한 색 팔레트는 해당 기업이나 정
부 부처 및 기관의 BI 가이드 또는 로고
를 참고하면 된다.
정보 전달이 목적인 인포그래픽에서는
사람들이 지니고 있는 색 상징성을 이용
할 때 더 좋은 인포그래픽을 만들 수 있
다. 상징적인 색을 떠올리기 어려운 경
우, 포털 사이트의 이미지 검색을 활용하
면 좋다.

03
II 인포그래픽을 만들 때 필요한 색 관련 팁
색의 세가지 속성
색상
채도명도
색상
명도
채도
빨간색이나 파란색, 노란색 등과 같이 일반적으로 빛깔을 부르는
이름을 가리킨다. 색의 가시광 파장에 의해 만들어진다.
하나의 색상에도 밝은 색에서 어두운 색까지 다양한 색이 존재한
다. 이는 명도에 의한 것이다. 명도는 얼마나 많은 빛이 색에서 반
사되고 있는가와 관련이 있다.
채도는 빛깔이 선명한 정도를 말한다.
색은 채도가 강하거나 어두울수록 강한 면모를 지니는 반면, 채도
가 흐리거나 명도가 밝을수록 힘이 약해진다.

03
색각
이상자
색각
색맹 전색맹
부분색맹 청황색맹
적록색맹 적색맹
녹색맹우리나라 인구의 0.003%

03
색각 이상자에 대한 배려는 모든 디자인 분야에서 필요하다.
색각 이상자의 입장에서 디자인 결과물을 확인하는 방법 (포토샵/일러스트)
[view] - Proof Setup의 Color Blindness - Protanopia-type(적색맹)
Deuteranopia-type(녹색맹)

03
색 모드 확인
RGB CMYK
스크린용 인쇄용
+

03
색 상징성 활용
한국
화려한/따뜻한
한국
부드러운/맑은
한국
명랑한
한국
맑은/산뜻한/침울한
한국
중후한/침울한/강렬한
한국
부드러운/맑은/산뜻한
미국
차분한/강렬한
대만
편안한/산뜻한
이탈리아
화려한
일본
차가운/차분한
이탈리아
명랑한
미국
화려한/강렬한

04
강력한
시각효과
낮은
시각효과
쉬움 어려움
1
2 3 4
5 6 7
문자
문자 + 아이콘
사진
그래프 다이어그램
지도 비주얼
스토리텔링
인포그래픽 디자인 7단계

04
I 문자
문자 옵션
글꼴
크기, 굵기, 밑줄
자간<어간<행간
서체에 따라 전달되는 감성이나 느낌이
전혀 다르다.
자간보다는 어간이, 어간보다는 행간이
넓어야 한다.
크기, 굵기, 밑줄 등의 강조는 꼭 필요한
부분에만 사용해야 효과적이다.
또한 가조한 부분만 읽어도 내용을 파악
할 수 있어야 한다.
글꼴
서체에 따라 전달되는 감성이나 느낌이
전혀 다르다.
색 변경
핵심을 더 강조하기 위해 글자의 색을
조절한다.
기호 활용
필요한 부분에 쉼표나 기호 등을 넣어
보다 쉽게 내용을 읽을 수 있도록 한다.

04
II 문자+아이콘
좋은 아이콘
아이콘에서 가장 중요한 것은 겅확한 상징
성과 단순화이다. 단순화한 아이콘은 복잡
한 아이콘보다 훨씬 빠르고 명확하게 인지
된다.
아이콘 스타일은 가장 단순한 스타일부터
입체 느낌이 나는 스타일까지 2D, 2.5D,
3D로 구분할 수 있다. 어떤 스타일을 선택
하든 한 장의 인포그래픽에는 한 가지 아
이콘 스타일만 사용하도록 한다. 아이콘 스
타일을 섞어서 사용하면 디자인적 통일감
이 떨어질 수 있기 때문이다.
아이콘 스타일

04
III 그래프, 차트
0
25
50
75
100
4월 5월 6월 7월
4월
5월
6월
7월
0 25 50 75 100
막대 유형
세로형 막대그래프 가로형 막대그래프

04
꺾은선 유형
꺾은선그래프 막대 + 꺾은선그래프
0
25
50
75
100
4월 5월 6월 7월
0
25
50
75
100
4월 5월 6월 7월

04
파이 유형
파이 차트 아이서클 파이 차트
7%8%
10%
11%
29%
35%
7%8%
10%
11%
29%
35%

04
버블 유형
버블 비교 버블 트리 맵 버블 레이스 벤 다이어그램 버블

04
IV 다이어그램
벤 다이어그램
?
YES NO
? ?
YES NO YES NO
플로 다이어그램

04
V 사진
인포그래픽의 내용에 따라
사진을 이용하면 더 강렬한 인포그래픽을 만들 수 있다.
사진은 직접 그래픽을 그리는 것이 부담스러울 때 활용하면 좋다.

04
VI 지도
나라별,
지역별 인구
선거 관련
특정 동식물
분포 조사
지도를 활용한 인포그래픽은
주로 위치나 장소에 기반을 둔 정보를 보여주거나 비교할 때 사용한다.
지도를 효과적으로 활용하면 정보를 압축하여 한 장으로 볼 수 있기 때문에
정보의 비교와 정보 사이 관계성 파악에 용이하다.

04
VI 지도
색 활용 인터랙티브
활용
상징 활용흐름 활용
데이터를 색 단계별로 나누
어 지도에 표시하여 데이터
를 한눈에 살펴볼 수 있도록
시각화 할 수 있다.
인포그래픽에서의 지나치게
많은 정보는 오히려 원하는
정보를 파악하는데에 방해가
될 수 있다. 인터랙티브 인포
그래픽에서는 원하는 정보를
더 빨리 찾을 수 있다.
지도는 지역별로 정확한 수
치를 넣어서 표현하는 방식
외에도 흐름이나 이동 경로
를 살펴볼 때도 유용하다.
자세한 통계 수치와 세세한
요소를 줄이고, 친근한 느낌
의 일러스트나 아이콘을 이
용하면 흥미로운 결과물을
만들 수 있다.

인포그래픽을 자동으로 만드는 도구
06
visual.ly Create Many EyesGoogle Public Data
Stat Planet PiktochartInfogr.am
이용자의 SNS 계정과 연동하여
해당 계정의 전반적 통계를 자동
으로 인포그래픽으로 만드는 서비
스이다. 다양한 테마를 제공하며
페이스북 브랜드 페이지 분석도
가능하다.
구글에서 제공하는 데이터 시각화
서비스로, 유럽 연합 통계청이나
세계은행에서 제공하는 데이터를
차트로 만들 수 있다. 사용자 데이
터를 이용한 차트 제작은 지원하
지 않는다.
IBM에서 제공하는 차트 제작 도
구이다. 데이터의 성격과 용도에
알맞은 다양한 차트를 만들 수 있
다. 모든 사용자가 제작한 데이터
와 차트를 열람할 수 있다.
세계 지도나 주요 국가의 도시를
기반으로 한 맵 차트를 만들 수 있
는 도구이다. 여러 국가의 지표를
기본으로 제공한다.
비교적 적은 데이터를 이용한 차
트와 원 페이지 인포그래픽을 만
들 수 있는 서비스이다. 텍스트와
차트를 이용한 단순한 디자인이
특징이다.
차트를 포함한 인포그래픽을 만들
수 있는 도구이다. 다양한 테마와
그래픽 소스를 제공한다.

01
웹용
원 페이지
인포그래픽
일반적으로 한 장의 그래픽으로 되어 있고 웹 사이트, 블로그, SNS 등 온라인에서 사용한다. 원 페이
지 인포그래픽은 많은 정보를 한 장으로 압축해서 보여줌으로써 정보를 보다 빠르고 강렬하게 전달
할 수 있다.
기획 디자인 최종 완성
장점
1.가장 일반적이고 쉽게 접근할 수 있는 형태이다.
2.다른 형태에 비해 제작 기간이 짧고 수정이 쉽다.
단점
1.온라인 플랫폼 특성상 사람들이 보는 시간이 짧다.
주의할 점
1. 웹은 가로 너비에 한계가 있다. 웹상에 올렸을 때 글자가 잘 보이는지 반드시 확인해야 한다.

01
인쇄용
인포그래픽
기획 디자인
인쇄용 인포그래픽에서 가장 중요한 것은 충분한 여백을 주고, 최대한 간결하게 디자인하는 것이다.
인쇄용 인포그래픽이 웹용 원 페이지 인포그래픽과 구별되는 가장 큰 특징은 페이지가 있고 가운데
접힌 선이 물리적으로 양 페이지를 나누기도 하는 것이다.
샘플 출력 인쇄 최종 완성

01
장점
1.인포그래픽 수요를 직접적으로 알게 된다.
2.직접 만질 수 있기 때문에 더 자세히 보게 된다.
3.다른 사람에게 보여주거나 보관하기 좋다.
4.정보 던달에는 웹용보다는 인쇄용이 훨씬 효과적이다.
단점
1.지면의 한계가 있다.
2.인쇄 사고를 되돌리기 어렵다.
3.시안과 동일한 결과물이 나오도록 인쇄까지 신경써야 한다.
주의할 점
1.폰트
3.해상도
2.물림 재단
4.샘플 출력

01
인터랙티브
인포그래픽
기획 디자인
인터랙티브 인포그래픽은 특성상 대부분 큰 그림에서 세부 그림을 보는 구조를 가진다. 많은 정보 중
에서 정보 수용자가 필요한 정보만 선택적으로 살펴볼 수 있고, 원 페이지와 달리 입력 값에 따라 정
보 수용자가 원하는 맞춤형 정보를 볼 수도 있다.
제작
가이드
개발
사용성
테스트
최종 완성

01
장점
1.많은 정보 중에서 정보 수용자가 원하는 것만 선택하여 볼 수 있다.
2.입력 값에 따라 정보 수용자가 원하는 맞춤형 정보를 제공할 수 있다.
3.움직임이 더해져서 지루하지 않게 정보를 습득할 수 있다.
4.구조에 따라 정보를 손쉽게 업데이트할 수 있다.
단점
1.기기가 다양해짐에 따라 기기별 대응에 많은 시간이 소요된다.
2.브라우저 간의 호환성 문제가 발생할 수 있다.
3.인쇄용 폰트는 다양하지만, 웹용 폰트는 제한적이라 선택의 폭이 좁다.
주의할 점
1.웹이나 애플리케이션에 대한 이해도가 높지 않은 사용자라도 쉽게 사용할 수
있도록 직관적으로 구성해야 한다.

01
모션
인포그래픽
스크립트
스케치
스토리보드
모션 인포그래픽은 그래픽에 움직임을 주어서 영상으로 만든 것으로 정보 제공자가 기획한 순서대로
인포그래픽과 움직임을 함께 보여주는 것이 특징이다. 정보 제공자는 자신이 계획한 순서대로 원하는
정보를 강력하게 전달할 수 있고, 정보 수용자는 정보를 재미있게 습득할 수 있다.
주요 부분
애니매틱
음향 최종 완성
디자인
스토리보드

01
장점
1.눈과 귀를 동시에 자극하여 정보를 전달하기 때문에 많은 정보를 담아도 지루하지 않다.
2.내레이션과 효과음을 활용하여 정보를 정확하게 전달할 수 있다.
3.젊은 층에게 정보를 전달할 때 사용하면 보다 효과적이다.
단점
1.정보 수용자가 중간에 꺼버린다면 정보를 전혀 전달할 수 없다.
2.시간과 노력이 많이 소요되기 때문에 그만큼 큰 비용이 발생한다.
3.다른 형태의 인포그래픽보다 수정이 어렵다.
주의할 점
1.내레이션을 넣었을 때 집중도가 훨씬 높아진다. 청각적 요소를 효과적으로 활용하자.
2.일반적으로 글자 삽입 안전지대는 가장자리 약 10% 지점 안쪽이다.

01
실제 공간에 적용할 인포그래픽을 디자인할 때는 인포그래픽 결과물이 들어갈 실제 공간
과 그 결과물을 볼 사람과의 관계를 고려해야 한다. 또한, 연령별 키에 따른 시야를 고려해
야 한다. 정보 수용자 입장에서 남성, 여성, 그리고 어린이가 보는 높이를 세심하게 배려해
야 원하는 정보를 제대로 전달할 수 있다.
실제 공간에
적용하는
인포그래픽

ONE SOURCE MULTI USE
02
One Source Multi Use
한 가지 콘텐츠는 다양한 유형으로 활용할 수 있다.
말 그대로 One Source Multi Use 즉, 비용 부담을 최소화하면서
다른 유형으로 전환해 높은 부가가치를 얻을 수 있는 것이다.

홍보
03
인포그래픽은 웹 사이트나 블로그는 물론, 소셜 네트워크, 인쇄물 등
다양한 온오프라인 매체에 실을 수 있다.
이때 가장 중요한 것은 인포그래픽을 디자인할 때와 마찬가지로
정보를 전달하려는 타깃의 특징과 그들이 원하는 정보를 파악하는 것이다.
I 타깃 분석

홍보
03
1. 인포그래픽을 포스팅할 때 포스팅 제목에도 항상 콘텐츠와 관련된 주요 키워드를 넣는다.
2. 포스팅할 때 태그를 다양하고 정확하게 달아야 한다.
3. 이미지를 올리거나 파일을 첨부할 경우, 이미지나 파일 이름에도 콘텐츠와 관련된 주요
키워드를 넣는다.
4. 이미지를 온라인으로 공유할 때에는 항상 설명을 함께 올린다.
5. 지나치게 큰 이미지보다는 적당한 크기의 이미지가 효과적으로 보일 수 있고 검색에도
유리하다.
II 검색 엔진 최적화 (SEO)

홍보
03
III 홍보 채널 구축
웹 사이트
블로그 페이스북 트위터 구글 플러스 핀터레스트 비메오
포트폴리오 사이트에 인포그래픽을 업로드하고
SNS를 통해 공유하며 자연스럽게 홍보한다.

좋아보이는것들의비밀 인포그래픽 01

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (20)

Similar a 좋아보이는것들의비밀 인포그래픽 01

Similar a 좋아보이는것들의비밀 인포그래픽 01 (20)

Más de 윤소 최

Más de 윤소 최 (19)

좋아보이는것들의비밀 인포그래픽 01