ⓞ 좋은 디자인과 인포그래픽
인포그래픽은 다른 디자인에 비해 정보 양이 많다. 따라서 빠른 시간 안에 더 많은 정보를 효과적으로 전달하는 효율적인 방법을 고민해야 한다. 인간이 지닌 순간 기억과 단기 기억의 한계를 인식하고, 그에 맞는 적당량의 정보를 제공해야 한다. 이 책은 이러한 관점에서 차트, 이미지, 레이아웃, 컬러, 타입으로 구분하여 정보를 다룰 때 지켜야 하는 기본 원칙과 다양한 사례를 함께 살펴본다. 이 책을 다 읽고 덮을 즈음에는 인포그래픽이 더 이상 멀거나 낯설게 느껴지지 않을 것이다.
ⓞ 인포그래픽 디자인 능력 향상을 위한 다양한 구성 요소
다른 분야에 비해 정보의 양이 많은 인포그래픽의 특성을 고려하여 디자이너는 정보에 대한 이해력, 정보를 분석하고 구조화하는 편집력, 심미성과 효율성을 고려한 디자인 능력을 갖춰야 한다. 이러한 관점에서 인포그래픽 디자인의 기본기를 알려 주는 [Fundermental], 다양한 형태의 응용 사례를 확인할 수 있는 [Variation], 기본기가 잘 반영된 실제 사례로 디자인 감각을 키울 수 있는 [Example] 등의 다양한 구성 요소를 포함하고 있다.
ⓞ 실무 적응 능력을 높일 수 있는 대표적인 사례 분석
각 장 말미에는 대표적인 사례를 선별하여 세부 분석 작업을 진행하는 [Study] 코너를 포함하고 있다. 대표 사례에 포함된 정보를 파악하고, 샘플 사례의 작업 과정을 추론하면서 번뜩이는 아이디어는 물론 생각거리를 얻을 수 있으며, 이러한 Study 분석 작업을 통해 실무 적응 능력을 높일 수 있다.
▶ 이 책이 필요한 독자
- 인포그래픽을 시작하려는 디자이너
· 인포그래픽을 자주 사용하는 기획자
· 프레젠테이션이 잦은 직장인
· 효과적인 정보 전달을 원하는 마케터
이화여자대학교 장식미술학과, 연세대학교 영상대학원을 졸업하고 문화관광부, 경찰청, 금융결제원, SK Tworld, 롯데카드, BC라운지, 포스코ict 등 다수의 브로셔 및 웹사이트 프로젝트에 아트디렉터, 메인디자이너로 참여했습니다. 현재 인천대학교, 수원대학교, 계원디자인예술대학, 청강문화산업대학 등에서 강의하고 있으며, 주요 저서 및 역서로는 『크리에이티브 아트웍』(퓨처미디어), 『회사에서 바로 통하는 포토샵 CS5』,『크리에이티브 워크샵』(한빛미디어) 등이 있습니다.
wondaye@naver.com
1장 차트
01 차트 용어 : 표 vs 차트 vs 다이어그램 vs 그래프
02 차트 작성 순서 : 무엇을 어떻게 만들 것인가
03 수직 막대그래프 : 항목을 비교할 때 가장 많이 쓰인다
04 수평 막대그래프 : 내용이 긴 항목도 깔끔하게 비교한다
05 파이 차트 : 전체에서 부분이 차지하는 비율을 나타낸다
06 버블 차트 : 여러 항목을 밀도와 크기로 비교한다
07 점그래프 : 데이터 변화 또는 분포를 깔끔하게 보여 준다
08 꺾은선그래프 : 시간에 따른 데이터 변화를 보여 준다
09 방사형 차트 : 개략적인 특성과 경향을 파악한다
10 트리맵 : 계층 구조와 데이터 비율을 동시에 보여 준다
11 표 : 수치가 중요하면 표를 사용하라
12 타임라인 : 시간에 따라 변하는 정보를 표현한다
13 지도와 약도 : 지역별 데이터를 쉽고 빠르게 비교한다
14 다이어그램 : 상호 관계, 과정, 구조 등을 빠르게 설명한다
15 아이콘과 픽토그램 : 항목을 직관적으로 표현한다
[Study 01] 역사상 가장 크게 파산한 기업, 상위 20개
[Study 02] 아이티 대지진 기부금 현황
[Study 03] 나라별 흡연율과 흡연 정책
2장 이미지
01 차트 속 이미지 : 사실감과 주목도를 높여라
02 일러스트 : 감성적으로 다가가 친근함을 살려라
03 비주얼 메타포 : 상상력을 끌어내 공감하게 하라
04 국기와 CI : 직관적으로 비교할 수 있게 하라
05 실루엣 : 주제는 살리되 내용에 좀 더 집중하게 하라
06 위트와 유머 : 재미있는 콘텐츠가 더 오래 남는다
07 연결선 : 연결과 흐름을 한눈에 보여 줘라
08 화살표 : 시선의 흐름을 주도하라
09 통일감 : 전체 비주얼에 일관성을 유지하라
10 배경 이미지와 오브젝트 : 분위기로 말하라
11 시각화 : 주연을 정하고 부각시켜라
12 단순화 : 핵심에 집중하도록 최대한 단순화하라
13 사진 배경 : 실사 이미지를 배경으로 넣어 주제를 살리고 이해도를 높여라
14 참고 : 무료 이미지 제공 사이트
[Study 04] 행복의 의미
[Study 05] 미국으로 오는 사람은 누구인가?
[Study 06] 금문교에 대해 몰랐던 일곱 가지
3장 레이아웃
01 레이아웃 : 조화로운 레이아웃
02 크기 : 오브젝트 크기로 주연과 조연을 구분하라
03 반복 : 반복 배치하여 통일감과 리듬감을 살려라
04 대칭 : 비교할 때는 대칭을 활용하라
05 균형 : 안정감에 변화를 더해 시각적 균형을 맞춰라
06 가운데 원형 : 원 하나로 중심도 잡고 흐름도 보여 줘라
07 가운데 펼침 : 전체가 한눈에 보이도록 콘텐츠를 중앙에 펼쳐라
08 방사형 : 방사형 레이아웃으로 경쾌함을 더하라
09 사선 : 사선 배치로 약동감을 살려라
10 그리드 : 그리드를 활용하고 변형하라
11 황금비 : 황금비를 활용하라
12 3등분의 법칙 1 : 면 분할을 활용하라
13 3등분의 법칙 2 : 구도를 활용하라
14 3등분의 법칙 3 : 균등 배치를 활용하라
15 그룹화 : 관련 있는 것은 그룹으로 묶어라
16 콘셉트 : 레이아웃에 콘셉트를 반영하라
17 여백 : 여백으로 숨 쉬게 하라
18 입체감 : 공간감을 더해 시각적 재미를 선사하라
[Study 07] 도심 속 공원
[Study 08] 굶주림의 고통
[Study 09] 대륙별 건강 습관
4장 컬러
01 색의 기초 : 색상, 명도, 채도
02 차트 속 색 : 차트에서도 색을 활용하라
03 모든 이를 위한 컬러 선택 : 색각 이상자를 배려하라
04 카테고리 : 색으로 카테고리와 위계를 정하라
05 콘셉트 : 콘셉트에 맞는 색을 사용하라
06 색의 의미 : 색의 상징과 심리적 의미를 살려라
07 유사색 : 유사색으로 자연스럽게 배색하라
08 보색 : 보색으로 임팩트를 살려라
09 분리 보색 : 보색이 부담스럽다면 분리 보색을 이용하라
10 삼합색 : 삼합색으로 경쾌하게 연출하라
11 멀티컬러 : 멀티컬러로 풍성한 느낌을 전하라
12 중재색 : 회색으로 세련되게 표현하라
13 무채색과 유채색 : 색은 강조할 부분에만 사용하라
14 명도와 채도 : 명도나 채도를 활용해 리듬감을 살려라
15 명도 차 : 명도 차를 높여 전달력을 높여라
16 저채도 유사색 : 저채도 유사색으로 통일감을 부여하라
17 색의 절제 : 색의 개수를 줄여라
18 전경색과 배경색의 반전 : 형태 색과 배경색에 반전을 꾀하라
19 참고 : 색을 고르는 데 도움을 주는 사이트
[Study 10] 미래를 위한 독서
[Study 11] 성적 학대를 받는 수감자
[Study 12] 중국 부유층 학생들의 해외 유학
5장 타입
01 가독성 : 잘 읽히게 하라
02 서체 개수 : 서체 개수를 줄여라
03 제목과 본문 : 제목은 산세리프체, 본문은 세리프체를 써라
04 자간, 행간, 자폭 : 자간은 좁게, 행간은 넓게, 자폭은 좁게 써라
05 숫자 : 숫자를 효율적으로 활용하라
06 타이포그래피 : 글자를 이미지화 하라
07 워드클라우드 : 핵심 단어를 시각적으로 표현하라
08 참고 : 무료 서체 사이트
[Study 13] 세계의 무게
[Study 14] 세계의 시장
[Study 15] 친환경 에너지 자원 개발국