빅데이터 시대, 빠르고 정확한 정보 전달을 위한 데이터 시각화 제작 지침서!잘 만들어진 데이터의 시각적 표현은 정리되지 않은 복잡한 정보를 장황하게 설명 하는 대신 이해하는 시간을 줄일 수 있다. 또한, 경제적이며 신속하며 또한 대중의 시선을 끌고 주의를 집중시키며 기억에 오래 남게 한다. 이 책은 시각적 표현의 가장 기초 이론인 컬러와 타이포그래피에 대해 소개하고, 독자들이 잘 알고 있는 차트부터 새로운 형태의 차트, 인포그래픽까지 차근차근 설명한 후 새로운 형태의 데이터 디자인까지도 만들어낼 수 있도록 돕고 있다. 기본 원리를 단단히 다져 단순하지만 시선을 끌고, 쉽게 기억할 수 있는 최소한의 기술로 시각화된 차트를 만들 수 있는 표준화된 방법을 배워보자.
홍익대학교 시각디자인 학과에서 석사 학위를 취득하고 현재 성균관 대학교에서 학생들과 소통하며 타이포그래 피와 디자인을 가르치고 있습니다. 그래픽 디자인 스튜디오 디자인닷 대표로, 책을 통해 얻을 수 있는 기쁨을 전하고자 디자인닷을 통해 출판 디자인과 각종 시각 요소들을 다루 며 다양한 매체의 프로젝트를 진행하고 있습니다. 디자인으로 대중의 마음속에 남으며 감동을 줄 수 있기를 바라며, 창의적인 디자인 솔루션을 제공하고자 하는 노력을 멈추지 않고 있습니다. 주요 저서로 『좋아 보이는 것들의 비밀 타이포그래피』(길벗)가 있습니다.
PART 1 데이터 시각화를 위한 컬러 타이포 THEORY / 기본 이론CHAPTER 1 색의 3속성_Three Attributes of Color 01 색상(Hue) | 02 명도(Value)|03 채도(Saturation)CHAPTER 2 색상(Hue)의 기본 모드_Basic Models of Color 01 CMYK 모드 | 02 RGB 모드 | 03 Lab 모드 | 04 GrayScale 모드CHAPTER 3 색상 선택 시 주의점_Color Selection Notes 01 컬러 조합 | 02 유사 대비 | 03 보색 대비 | 04 명도 대비 | 05 명도와 채도를 이용한 컬러 표시06 특정 주제 색상 | 07 색의 의미 | 08 색의 상징 | 09 색상 계획 | 10 포인트 색상CHAPTER 4 서체_Fonts 01 영문 서체의 기본 분류 | 02 한글 서체의 기본 분류 | 03 한글 서체의 글줄 이미지 | 04 서체의 용도 05 서체 사용의 단순화(서체 패밀리 사용) | 06 형태가 복잡한 폰트 가독성 | 07 알파벳의 대문자 가독성08 기울기 | 09 이탤릭(오블리크) 서체 | 10 글자의 두께 | 11 글자의 색 | 12 글자의 너비(자폭) 조절13 글자 사이(자간, Tracking) | 14 글줄 사이(행간, Leading)15 숫자의 스타일 | 16 숫자 정렬 방식PART 2 데이터 시각화 표현 기법 28가지 GUIDE / 가이드CHAPTER 1 범주별로 빈도에 비례하는 수직 막대 차트_Column Chart 디자인 이론 | 이해하기 쉬운 수직 막대 차트의 주의점01 형태 | 02 효과 및 그림자 | 03 현란한 패턴 | 04 기준점은 0으로! | 05 기준선 위치와 시작점 | 06 시작선과 단위 눈금 | 07 입체 | 08 누적 정보가 적은 막대의 경우 | 09 끊어진 막대 사용 | 10 비교 막대의 수치가 비슷한 경우 |11 도형 막대 차트 | 12 겹치는 막대 디자인 파워팁 | 다양한 형태로 차트에 변화를 시도하라 01 아이콘 사용 | 02 아이콘 병합 | 03 도형 치환 | 04 심벌 치환 | 05 화살표 이용 06 사진 활용 | 07 이미지 활용 CHAPTER 2 항목들의 순서를 매길 수 있는 수평 막대 차트_Bar Chart 디자인 이론 | 수평 막대와 수직 막대 사용 시 주의점 01 수직 막대 vs 수평 막대 | 02 그리드 | 03 비교 막대가 많은 경우 | 04 순서 | 05 음수 표현 | 06 강조 항목과 비교 값 |디자인 파워팁 | 눈이 즐거운 차트를 활용하라 01 아이콘 사용 | 02 단순한 막대의 지루함 탈피 | 03 아이콘 병합 CHAPTER 3 데이터를 빠르게 비교하는 분할 막대 차트_100% Stacked Column Chart 디자인 이론 | 항목간 비교가 쉬운 분할 막대 차트 특징 01 분할 개수 | 02 막대를 나누는 선 | 03 막대 높이 | 04 누적 백분율과 각 항목 백분율 | 05 분할 막대 항목명 | 06 컬러 | 07 변화 폭이 작은 순서대로 | 08 분할 막대 추가 디자인 파워팁 | 직관적으로 정보를 전달하라 01 아이콘 사용 | 02 배경에 상징 그래픽 활용 | 03 상징 치환 | 04 수평 분할 막대 차트 CHAPTER 4 절대 수치 데이터로 비교하는 누적 막대 차트_Stacked Column Chart 디자인 이론 | 절대 수치를 비교하는 누적 막대 차트의 구성 01 형태|02 수치 표시 | 03 항목명디자인 파워팁 | 상징적인 이미지를 더하라 01 상징 치환CHAPTER 5 범주간 데이터 비교에 유용한 원형 막대 차트_Radial Bar Chart 디자인 이론 | 시각적인 흥미를 유발하기 좋은 원형 막대 차트의 원칙 01 그리드 | 02 간격 | 03 기준선(시작점) | 04 각각 다른 시작점디자인 파워팁 | 하나의 원형 안에 다양한 자료를 표현하라 01 기준선 이동 | 02 타임라인 | 03 다양한 정보CHAPTER 6 데이터 척도와 구간을 비교하는원형 열/별 차트_Radial Column Chart 디자인 이론 | 막대그래프를 동심원 그리드에 표현하는 별 차트 특성 01 그리드와 수치 표시 | 02 음수 값 | 03 기준점 | 04 막대 개수디자인 파워팁 | 간결한 디자인으로 정보를 전달하라 01 아이콘 사용 | 02 반원 | 03 반원 누적 별 차트 CHAPTER 7 데이터 흐름을 시각적으로 표현하는콕스콤 차트/나이팅게일 차트_Coxcomb Chart 디자인 이론 | 시각적으로 화려한 이미지를 만드는 콕스콤 차트 표현 방법 01 그리드와 수치 표시 | 02 영역을 나누는 선 | 03 중심에 정보 표시 | 04 누적 콕스콤 차트디자인 파워팁 | 다양한 형태로 변형하라 01 여러 정보를 하나로 | 02 반원 | 03 시간의 흐름 CHAPTER 8 데이터 추세를 시각화하는 꺾은선 차트_Line Chart 디자인 이론 | 시간의 변화를 쉽게 파악할 수 있는 꺾은선 차트 규칙 01 데이터 값 표시 | 02 높이 | 03 기준점 | 04 기울기 | 05 선 두께 | 06 Y축 수치 | 07 기준선 | 08 그림자디자인 파워팁 | 시각적인 이미지를 삽입하라 01 아이콘 사용과 강조 값 표시 | 02 상징 치환 | 03 사진 활용 CHAPTER 9 데이터 수세를 예측 비교가 가능한다중 꺾은선 차트_Multi-Line Chart 디자인 이론 | 많은 데이터를 한번에 비교하는 다중 꺾은선 차트 기준 01 선 개수 | 02 선의 컬러 | 03 선의 형태 | 04 설명 위치 | 05 포인트 크기 | 06 강조 선디자인 파워팁 | 딱딱하고 지루한 그래프에서 벗어나라01 이미지 사용 | 02 이미지의 그래프화 | 03 아이콘 사용 | 04 수치 입력 CHAPTER 10 전체 합을 시각화할 때는누적 꺾은선 차트_Area Chart 디자인 이론 | 위로 쌓아 올린 누적 꺾은선 차트에 필요한 요소 01 개수| 02 컬러| 03 항목명 | 04 변화 폭이 작은 순서대로디자인 파워팁 | 차트에 활력을 불어넣어라 01 이미지 사용| 02 아이콘 사용 | 03 꺾은선 포인트에 수치 강조| 04 곡선 좌표 CHAPTER 11 상대적 데이터 크기를 시각화하는 파이 차트_Pie Chart 디자인 이론 | 통계 수치에 자주 활용하는 파이 차트 디자인시 유의점 01 조각의 합 | 02 시작점 | 03 조각의 순서 | 04 파이 조각 | 05 컬러 | 06 분리 | 07 입체디자인 파워팁 | 그래픽 요소를 활용하라 01 아이콘 사용 | 02 상징 그래픽 활용 | 03 상징 치환 | 04 사진 활용 CHAPTER 12 특정 항목의 비중을 표현하는 도넛 차트_Ring Chart 디자인 이론 | 정보를 중심에 넣을 수 있는 도넛 차트의 원리 01 조각의 합 | 02 시작점 | 03 조각의 순서 | 04 도넛의 조각 | 05 컬러 | 06 도넛의 너비 | 07 두꺼운 도넛 | 08 도넛 속 도넛 디자인 파워팁 | 많은 정보와 조화롭게 디자인하라 01 총량 기술 | 02 도넛 속 이미지 | 03 여러 항목의 도넛 차트 | 04 도넛 속 그래프 | 05 하프링 CHAPTER 13 데이터를 계층 구조로 시각화하는 피라미드 차트_Pyramid Chart 디자인 이론 | 계층 구조를 보여주는 피라미드 차트의 조건 01 분할 | 02 계층 사이 | 03 높이디자인 파워팁 | 시선을 사로잡아라 01 아이콘과 이미지CHAPTER 14 진행 절차를 단계별로 필터링하는 깔때기 차트_Funnel Chart 디자인 이론 | 프로세스의 각 단계를 표시하는 깔때기 차트의 특징01 가로 방향 | 02 간격디자인 파워팁 | 한눈에 정보를 파악하라01 아이콘과 이미지CHAPTER 15 개념이나 부분 연관을 시각화하는 버블 차트_Bubble chart 디자인 이론 | 다른 버블과의 수치를 비교하는 버블 차트의 속성 01 버블의 크기 | 02 수치 입력 | 03 겹치는 버블 | 04 모양디자인 파워팁 | 쉽게 비교할 수 있도록 하라01 수치 입력 | 02 이미지 활용 | 03 상징 그래픽 활용 | 04 이중 버블 | 05 버블 안, 또 다른 영역 비교 CHAPTER 16 3차원 데이터로 만드는 좌표가 있는 버블 차트_Bubble Plot 디자인 이론 | 3차원 데이터를 만들 수 있는 버블 플롯 구성 01 모양 | 02 컬러디자인 파워팁 | 명시성이 높은 컬러를 선택하라 01 컬러CHAPTER 17 데이터 통계를 그래프로 표현하는 산점도_Scatter Plot 디자인 이론 | 좌표 평면에 점을 찍어 만든 산점도 표현 방식 01 그리드 | 02 다중 산점도 컬러 | 03 항목명디자인 파워팁 | 버블 차트와 이미지를 사용하라 01 상징 그래픽 활용|02 사진 활용 CHAPTER 18 공간에 데이터를 담는 트리맵_Treemap 디자인 이론 | 면적 값을 수평과 수직으로 나누는 트리맵 형식 01 배치 | 02 입체 | 03 구조 변경디자인 파워팁 | 단조로운 사각형을 재미있게 표현하라 01 아이콘 사용 | 02 수많은 정보를 담을 수 있는 트리맵 | 03 보로노이 트리맵CHAPTER 19 데이터 의미를 시각적으로 표현하는 픽토그래프_Pictograph 디자인 이론 | 그림과 그래프를 합한 픽토그래프의 특성01 형태와 컬러 | 02 픽토그램의 사이 공간 | 03 애매한 단위 | 04 구성디자인 파워팁 | 상징적인 이미지로 메시지를 전달하라 01 제한적인 형태와 색상 | 02 수평 막대형 | 03 배경 이미지 | 04 픽토그래프의 시각 이미지 형상화CHAPTER 20 측정 목표를 비교 가능한 레이더 차트_Radar Chart디자인 이론 | 평가 항목간 점을 이어 선으로 만든 레이더 차트 표현 방법 01 면적 | 02 선 | 03 그리드 | 04 항목 개수 | 05 응용디자인 파워팁 | 균형 잡힌 차트를 만들어라 01 아이콘 사용 | 02 레이더+버블 차트 CHAPTER 21 위치를 기반으로 데이터를 시각화하는 지도_Map 디자인 이론 | 위치나 장소에 기반을 둔 지도를 만들 때 주의점 01 형태 | 02 그리드 | 03 입체 | 04 컬러와 텍스트 | 05 노스업 지도디자인 파워팁 | 지도를 단순화하라 01 도트맵 | 02 명암 단계 이용CHAPTER 22 지도와 정보 데이터의 결합지도와 그래프_Map + Infographic 디자인 이론 | 지도와 관련된 많은 정보를 다룰 때지도와 그래프의 사용법 01 정보의 크기 | 02 항목 범례디자인 파워팁 | 지도와 함께 다양한 그래프를 활용하라 01 아이콘 사용 | 02 지도 버블 차트 | 03 지도 트리맵 | 04 지도 픽토그래프 | 05 흐름 활용 CHAPTER 23 집합 데이터의 조합을 시각화하는 벤다이어그램_Venn Diagram 디자인 이론 | 집합과 집합 사이를 시각화한 벤다이어그램의 기본 01 집합 개수 | 02 집합의 선 | 03 항목명 위치 | 04 입체디자인 파워팁 | 시각적인 전달력을 높여라 01 아이콘 또는 일러스트 사용 | 02 형태의 변형 | 03 원형 크기CHAPTER 24 집합 데이터의 논리 관계를 시각화하는 오일러 다이어그램_Euler’s Diagram 디자인 이론 | 공집합이 없는 오일러 다이어그램과 벤다이어그램의 차이01 집합 개수 | 02 항목명 위치디자인 파워팁 | 원이 아닌 여러가지 형태로 표현하라 01 형태 변형CHAPTER 25 현상이나 사건을 시간 순으로 시각화하는 타임라인_Timeline 디자인 이론 | 시간의 흐름 전개와 단계를 구조화하는 타임라인의 규칙 01 시선의 흐름 1 | 02 시선의 흐름 2 | 03 화살표 이용 | 04 구간 설정디자인 파워팁 | 스토리텔링을 기반으로 어울리는구도를 선택하라 01 가로 구도 | 02 세로 구도 | 03 사선 구도 | 04 불규칙 구도 | 05 원형 구도 | 06 프로세스 기반CHAPTER 26 알고리즘을 시각화하는 플로 차트_Flow Chart 디자인 이론 | 알고리즘을 기술하여 시각화하는 플로 차트의 유의점 01 일관된 도형과 컬러 | 02 화살표 | 03 시작과 끝 표시디자인 파워팁 | 전체적인 과정을 이해하기 쉽게 전달하라 01 컬러 제한 | 02 외적 변화 | 03 이해를 돕는 디자인 요소 CHAPTER 27 시스템의 계층 구조를 시각화하는 트리 구조_Tree Structure 디자인 이론 | 한 나무에서 여러 가지로 뻗어 나온 트리 구조의 형태01 뿌리 강조 | 02 일관된 나뭇가지 구조디자인 파워팁 | 디자인 구조를 숙지하라 01 원 형태 | 02 일러스트 이용 | 03 조직도CHAPTER 28 빅데이터 분석 표현에 유용한 워드 클라우드_Word Cloud 디자인 이론 | 중요도에 따라 글자를 늘어놓는 워드 클라우드의 글자 표현01 컬러 | 02 서체 | 03 형태PART 3 데이터 시각화 실무 제작 테크닉 PROCESS / 작업 과정CHAPTER 1 수직 막대 상징 치환하기_Symbol Substitution 01 심벌 찾기 | 02 기준선과 단위 눈금 그리기 | 03 크기 조절하기 | 04 크기 조절의 다른 예시 | 05 항목명 입력하기 | 06 색상 조절하기 | 07 수치 입력 및 강조하기 CHAPTER 2 클리핑 마스크로 수직 막대 그래프 제작하기_Clipping Mask 01 사진 선별하기 | 02 기준선과 단위 눈금 작성하기 | 03 막대 그리기 | 04 항목명 입력하기 | 05 사진 삽입하기 06 사진 막대의 그래프 스타일 확인하기 CHAPTER 3 아이콘 병합으로 수평 막대그래프 제작하기_Icon Amalgamation 01 브레인스토밍하기 | 02 심벌 선별하기 | 03 기준 막대 그리기 | 04 단위 눈금 그리기 | 05 수치 막대 그리기 CHAPTER 4 블렌드 도구로 원형 막대그래프 제작하기_Blend Tools 01 그리드 그리기 | 02 원형 막대 그리기 | 03 수치와 항목명 입력하기 CHAPTER 5 방사형 원형 별 차트 제작하기_Concentric Circle 01 그리드 그리기 | 02 기준선과 수치 입력하기 | 03 반복되는 막대 그리기 CHAPTER 6 직관적인 파이 차트 제작하기 _Pie Chart 01 원 분할하기 | 02 원 차트에 사진 넣기 | 03 비율과 항목 입력하기 도판 목록
