内容简介

本书是一本全面揭秘信息图制作的大全，从两条线帮助读者精通信息图制作：一条是横向案例线，通过对目前信息图制作行业内应用极广泛的领域，如房地产、电商平台、网店、公司招聘、求职简历等，透析每个领域信息图的特色、优势与卖点，对相关的内容从制作的角度进行深入详解。

另一条是纵向技能线，通过全面了解，掌握信息图的制作工具，如Word、Excel、PowerPoint、Piktochart网站、Easel.ly网站、Infogr.am网站、Visual.ly网站、ICharts网站等，掌握信息图各类制作工具的使用。

全书共分为10章。具体内容包括：数据之美——信息可视化、信息之美——信息图解化、美化要素流程——保证质量、颜色之美——强化表达内涵、文字之美——字体增强信息、制作软件——基础入门工具、图形可视化——形象表达信息、图表可视化——高效整合数据、版式可视化——提升阅读感受、纯案例实战——信息图的应用。

本书结构清晰、语言简洁、图解丰富，适合初学信息图的设计师、从事设计相关行业的个人与公司、有意学习信息图制作的白领或工薪阶层、希望通过信息图传递相关信息的个体老板、企业高管、政府媒体等人群使用。

 

前言 

 

写作驱动 

随着信息可视化的升温，信息图越来越被人重视，有越来越多的设计师热衷 

于用信息图的方式，结合视觉上的美感将信息传达给读者，这种视觉传递信息的 

方式也被大众所喜爱。 

本书以信息图制作为中心，通过基础篇、技巧篇、实战篇三大版块分别讲述 

信息图的基础知识、设计技巧及各类案例，配合全程图解，有利于读者的理解， 

帮助读者一本书玩转信息图制作。

 

本书特色 

本书主要特色：内容全面＋实用性强。 

(1) 图文结合，实战性强：书中整合了 300 多张图片，理论与实际结合，帮助 

读者了解信息图的制作。 

(2) 内容全面，专业性强：书中涵盖了信息图的 3 个基础制作软件、5 个在线 

制作工具、5 个信息图设计素材、6 个信息图分类、7 个信息图设计步骤、5 个实 

用信息图实例以及 390 多张精美图片，来帮助、指导读者了解和制作各个种类的 

信息图。 

(3) 即学即用，实用性强：书中用到的信息图实例素材，可直接应用，或者以 

这些实例为模板稍做修改，即可制作出更多实用信息图。 

 

适合人群 

本书结构清晰、语言简洁、图解丰富，适合以下读者学习使用。 

(1) 初学信息图设计师。 

(2) 从事设计相关行业的个人与公司。 

(3) 有意学习信息图制作的白领阶层、工薪阶层等。 

(4) 希望通过信息图传递信息的个体老板、企业高管、政府媒体等人群。 

 

作者信息 

本书由海天电商金融研究中心编著，同时参加编写的人员还有杨侃滢、李四 

华、王力建、谭贤、谭俊杰、徐茜、刘嫔、苏高、柏慧、周旭阳、袁淑敏、谭中阳、 

杨端阳、刘伟、卢博、柏承能、刘桂花、刘胜璋、刘向东、刘松异等人，在此表 

示感谢。由于作者知识水平有限，书中难免有错误和疏漏之处，恳请广大读者批 

评指正。 

编 者

目录

第1 章 数据之美：信息可视化 ........1

1.1 信息可视化的定义与意义.............. 2

1.1.1 数据可视化 ............................ 2

1.1.2 信息可视化 ............................ 4

1.2 信息可视化的依据与优势.............. 6

1.2.1 信息可视化依据 .................... 6

1.2.2 信息可视化优势 .................... 7

第2 章 信息之美：信息图解化 ........9

2.1 信息图的定义.............................. 10

2.2 信息图的分类.............................. 11

2.3 信息图的特点.............................. 14

2.4 信息图的应用.............................. 15

第3 章 美化要素流程：保证质量 ..21

3.1 美化要素——信息图的零件........ 22

3.1.1 创意 ...................................... 22

3.1.2 图形 ...................................... 23

3.1.3 图表 ...................................... 23

3.1.4 颜色 ...................................... 25

3.1.5 字体 ...................................... 26

3.1.6 布局 ...................................... 28

3.2 美化流程——信息图的流水线..... 30

3.2.1 步骤1：明确需求 ............... 31

3.2.2 步骤2：选定主题 ............... 31

3.2.3 步骤3：调查信息 ............... 32

3.2.4 步骤4：整理内容 ............... 32

3.2.5 步骤5：画出草图 ............... 33

3.2.6 步骤6：执行设计 ............... 36

3.2.7 步骤7：检查细节 ............... 36

第4 章 颜色之美：强化表达内涵 ..37

4.1 颜色印象——行业的印象表达..... 38

4.1.1 房地产行业的配色 .............. 40

4.1.2 服务行业的配色 .................. 40

4.1.3 金融行业的配色 .................. 40

4.1.4 教育行业的配色 .................. 41

4.1.5 医疗行业的配色 .................. 41

4.1.6 餐饮行业的配色 .................. 42

4.2 颜色应用——主题的气氛表达..... 43

4.2.1 以性别为主题的配色 .......... 43

4.2.2 以环保为主题的配色 .......... 44

4.2.3 以节日为主题的配色 .......... 46

第5 章 文字之美：字体的美化 ......49

5.1 文字应用——信息图文字编排..... 50

5.1.1 长段文字巧妙排列 ............. 50

5.1.2 突出文字中的重点 ............. 53

5.1.3 文字的图形化表达 ............. 53

5.2 字体应用——信息图字体选择..... 54

5.2.1 字体样式形成对比 ............. 54

5.2.2 字体其他对比形式 ............. 55

5.2.3 字体搭配不宜相似 ............. 56

第6 章 制作软件：基础入门工具 ..59

6.1 基础——信息图制作常用的简单软件............................................. 60

6.1.1 Word：图形轻松搞定 ......... 60

6.1.2 Excel：图表超强助手 ......... 60

6.1.3 PowerPoint：全能型软件 ... 61

6.2 捷径——快速制作信息图的

网站............................................. 61

6.2.1 Piktochart 网站：简洁的信息

图在线制作工具 ................. 62

6.2.2 Easel.ly 网站：任何人都可以

自己设计信息图 ................. 63

6.2.3 Infogr.am 网站：导入数据快

速创建信息图 ..................... 65

6.2.4 Visual.ly 网站：简单的自动化

信息图制作工具 ................. 67

6.2.5 ICharts 网站：高分辨率的信

息图在线制作工具 ............. 68

第7 章 图形可视化：形象表达

信息 ...................................73

7.1 基础——图形可视化快速入门

知识............................................. 74

7.1.1 基础1：专门网站下载 ....... 74

7.1.2 基础2：基本形状组合 ....... 77

7.1.3 基础3：实物人物转化 ....... 79

7.1.4 基础4：文字信息转化 ....... 80

7.1.5 基础5：同构创意图形 ....... 83

7.1.6 基础6：聚集多元图形 ....... 84

7.2 实战——Word 案例效果制作

步骤详解..................................... 86

7.2.1 实例1：绘制抢购时间

图形 ..................................... 86

7.2.2 实例2：绘制男女人物

图形 ..................................... 93

7.2.3 实例3：绘制定位标签

图形 ..................................... 98

7.2.4 实例4：绘制旅行天气

图形 ................................... 104

7.2.5 实例5：绘制写字板

图形 ................................... 111

第8 章 图表可视化：高效整合

数据 ................................. 117

8.1 基础——图表可视化快速入门

知识........................................... 118

8.1.1 基础1：柱形( 条形) 图——

填充图案 ........................... 118

8.1.2 基础2：柱形( 条形) 图——

立体设置 ........................... 120

8.1.3 基础3：圆环图——调整线条

粗细更美观 ....................... 122

8.1.4 基础4：圆环图——重复使用

强调对比 ........................... 125

8.1.5 基础5：饼图——突出重点的

立体设置 ........................... 127

8.1.6 基础6：折线图——改变颜色

突出重点 ........................... 130

8.2 实战——Excel 案例效果制作

步骤详解................................... 133

8.2.1 实例1：使用近似色填充多直

条柱形图 ........................... 133

8.2.2 实例2：使用并列对比条形图

体现对比 ........................... 136

8.2.3 实例3：使用同系列面积图表

示数据总额 ....................... 141

8.2.4 实例4：使用多个饼图重叠凸

显对比关系 ....................... 145

8.2.5 实例5：用复合饼图表示多项

数据 ................................... 148

第9 章 版式可视化：提升阅读

感受 .................................153

9.1 基础——布局可视化快速入门

知识........................................... 154

9.1.1 基础1：版式布局强调

对齐 ................................... 154

9.1.2 基础2：布局符合阅读

习惯 ................................... 156

9.1.3 基础3：调整图文对应关

系 ....................................... 157

9.1.4 基础4：曲线布局凸显

灵活性 ............................... 167

9.1.5 基础5：三角形布局体现

稳定性 ............................... 168

9.2 实战——PPT 案例效果制作

步骤详解................................... 169

9.2.1 实例1：轻松设置布局

对齐 ................................... 169

9.2.2 实例2：巧妙设置图文

表达 ................................... 174

9.2.3 实例3：设置图文有序混排

布局 ................................... 180

9.2.4 实例4：设置图文无序混排

布局 ................................... 184

9.2.5 实例5：灵活设置三角形

布局 ................................... 186

第10 章 纯案例实战：信息图的

应用 ................................193

10.1 案例1：政府公布信息制作..... 194

10.2 案例2：企业官网简介制作..... 202

10.3 案例3：企业招聘信息制作..... 214

10.4 案例4：淘宝网页详情页制作.. 223

10.5 案例5：个人求职简历制作..... 231