상세정보
미리보기
차트 제작 & 인포그래픽 데이터 시각화
- 저자
- 이혜진 저
- 출판사
- 성안당
- 출판일
- 2022-04-29
- 등록일
- 2022-05-26
- 파일포맷
- PDF
- 파일크기
- 71MB
- 공급사
- YES24
- 지원기기
-
PC
PHONE
TABLET
웹뷰어
프로그램 수동설치
뷰어프로그램 설치 안내
책소개
빅데이터 시대, 빠르고 정확한 정보 전달을 위한 데이터 시각화 제작 지침서!잘 만들어진 데이터의 시각적 표현은 정리되지 않은 복잡한 정보를 장황하게 설명 하는 대신 이해하는 시간을 줄일 수 있다. 또한, 경제적이며 신속하며 또한 대중의 시선을 끌고 주의를 집중시키며 기억에 오래 남게 한다. 이 책은 시각적 표현의 가장 기초 이론인 컬러와 타이포그래피에 대해 소개하고, 독자들이 잘 알고 있는 차트부터 새로운 형태의 차트, 인포그래픽까지 차근차근 설명한 후 새로운 형태의 데이터 디자인까지도 만들어낼 수 있도록 돕고 있다. 기본 원리를 단단히 다져 단순하지만 시선을 끌고, 쉽게 기억할 수 있는 최소한의 기술로 시각화된 차트를 만들 수 있는 표준화된 방법을 배워보자.
저자소개
홍익대학교 시각디자인 학과에서 석사 학위를 취득하고 현재 성균관 대학교에서 학생들과 소통하며 타이포그래 피와 디자인을 가르치고 있습니다. 그래픽 디자인 스튜디오 디자인닷 대표로, 책을 통해 얻을 수 있는 기쁨을 전하고자 디자인닷을 통해 출판 디자인과 각종 시각 요소들을 다루 며 다양한 매체의 프로젝트를 진행하고 있습니다. 디자인으로 대중의 마음속에 남으며 감동을 줄 수 있기를 바라며, 창의적인 디자인 솔루션을 제공하고자 하는 노력을 멈추지 않고 있습니다. 주요 저서로 『좋아 보이는 것들의 비밀 타이포그래피』(길벗)가 있습니다.
목차
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 비율과 항목 입력하기 도판 목록
.jpg)
.jpg)
