도서상세정보
Detail Information
차트 제작&인포그래픽 데이터 시각화
총서명
BM성안당
저자
출판사
출판일
20210324
가격
₩ 25,000
ISBN
9788931557008
페이지
319 p.
판형
190 X 220 mm
커버
Book
책 소개
빅데이터 시대, 빠르고 정확한 정보 전달을 위한
데이터 시각화 제작 지침서!
잘 만들어진 데이터의 시각적 표현은 정리되지 않은 복잡한 정보를 장황하게 설명 하는 대신 이해하는 시간을 줄일 수 있다. 또한, 경제적이며 신속하며 또한 대중의 시선을 끌고 주의를 집중시키며 기억에 오래 남게 한다. 이 책은 시각적 표현의 가장 기초 이론인 컬러와 타이포그래피에 대해 소개하고, 독자들이 잘 알고 있는 차트부터 새로운 형태의 차트, 인포그래픽까지 차근차근 설명한 후 새로운 형태의 데이터 디자인까지도 만들어낼 수 있도록 돕고 있다. 기본 원리를 단단히 다져 단순하지만 시선을 끌고, 쉽게 기억할 수 있는 최소한의 기술로 시각화된 차트를 만들 수 있는 표준화된 방법을 배워보자.
데이터 시각화 제작 지침서!
잘 만들어진 데이터의 시각적 표현은 정리되지 않은 복잡한 정보를 장황하게 설명 하는 대신 이해하는 시간을 줄일 수 있다. 또한, 경제적이며 신속하며 또한 대중의 시선을 끌고 주의를 집중시키며 기억에 오래 남게 한다. 이 책은 시각적 표현의 가장 기초 이론인 컬러와 타이포그래피에 대해 소개하고, 독자들이 잘 알고 있는 차트부터 새로운 형태의 차트, 인포그래픽까지 차근차근 설명한 후 새로운 형태의 데이터 디자인까지도 만들어낼 수 있도록 돕고 있다. 기본 원리를 단단히 다져 단순하지만 시선을 끌고, 쉽게 기억할 수 있는 최소한의 기술로 시각화된 차트를 만들 수 있는 표준화된 방법을 배워보자.
목차
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 비율과 항목 입력하기
도판 목록
데이터 시각화를 위한 컬러 타이포 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 비율과 항목 입력하기
도판 목록
저자소개
홍익대학교 시각디자인 학과에서 석사 학위를 취득하고 현재 성균관 대학교에서 학생들과 소통하며 타이포그래 피와 디자인을 가르치고 있습니다. 그래픽 디자인 스튜디오 디자인닷 대표로, 책을 통해 얻을 수 있는 기쁨을 전하고자 디자인닷을 통해 출판 디자인과 각종 시각 요소들을 다루 며 다양한 매체의 프로젝트를 진행하고 있습니다. 디자인으로 대중의 마음속에 남으며 감동을 줄 수 있기를 바라며, 창의적인 디자인 솔루션을 제공하고자 하는 노력을 멈추지 않고 있습니다. 주요 저서로 『좋아 보이는 것들의 비밀 타이포그래피』(길벗)가 있습니다.
서평
빅데이터 시대, 빠르고 정확한 정보 전달을 위한
데이터 시각화 제작 지침서!
데이터 인사이트, 데이터 안에 숨겨진 가치를 위한 데이터 시각화는 비즈니스 인사이트에도 매우 중요하다. 인포그래픽, 즉 데이터 시각화(data visualization)는 데이터 분석 결과를 쉽게 이해할 수 있도록 시각적으로 표현하고 전달되는 과정을 말한다. 데이터 시각화의 목적은 도표(graph)라는 수단을 통해 정보를 명확하고 효과적으로 전달하는 것이다. 데이터 량이 폭발적으로 증가하고 있는 요즘은 데이터 시각화의 중요성이 날이 갈수록 높아지고 있다.
이 책은 데이터 시각화의 사례와 차트 제작법 뿐 아니라 실무 차트와 인포그래픽 제작 지침을 담고 있는 본격 인포그래픽 입문서이다. 데이터시각화 전문 디자이너를 꿈꾸는 대학생이나 데이터 시각화 전문 기업으로 취업을 꿈꾸는 많은 준비생들에게 큰 도움이 될 것으로 보인다.
데이터 시각화 제작 지침서!
데이터 인사이트, 데이터 안에 숨겨진 가치를 위한 데이터 시각화는 비즈니스 인사이트에도 매우 중요하다. 인포그래픽, 즉 데이터 시각화(data visualization)는 데이터 분석 결과를 쉽게 이해할 수 있도록 시각적으로 표현하고 전달되는 과정을 말한다. 데이터 시각화의 목적은 도표(graph)라는 수단을 통해 정보를 명확하고 효과적으로 전달하는 것이다. 데이터 량이 폭발적으로 증가하고 있는 요즘은 데이터 시각화의 중요성이 날이 갈수록 높아지고 있다.
이 책은 데이터 시각화의 사례와 차트 제작법 뿐 아니라 실무 차트와 인포그래픽 제작 지침을 담고 있는 본격 인포그래픽 입문서이다. 데이터시각화 전문 디자이너를 꿈꾸는 대학생이나 데이터 시각화 전문 기업으로 취업을 꿈꾸는 많은 준비생들에게 큰 도움이 될 것으로 보인다.