內容簡介

本書是一本全面揭秘信息圖制作的大全，從兩條線幫助讀者精通信息圖制作：一條是橫向案例線，通過對目前信息圖制作行業內應用極廣泛的領域，如房地產、電商平臺、網店、公司招聘、求職簡歷等，透析每個領域信息圖的特色、優勢與賣點，對相關的內容從制作的角度進行深入詳解。

另一條是縱向技能線，通過全面了解，掌握信息圖的制作工具，如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