圖表大師課——名師手把手教圖表設計與制作

目錄

contents

第1章?圖表選擇困難癥，如何準確定位類型和風格？  /  1

1.1?根據數據關系選擇：分段坐標軸式折線圖  /  1

1.1.1?圖表自畫像  /  1

1.1.2?制作技巧拆解  /  2

1.1.3?圖表分步還原  /  2

1.2?根據數據關系選擇：長標簽+條形圖  /  4

1.2.1?圖表自畫像  /  4

1.2.2?制作技巧拆解  /  5

1.2.3?圖表分步還原  /  5

1.3?根據數據關系選擇：個性引導線+餅圖  /  7

1.3.1?圖表自畫像  /  7

1.3.2?制作技巧拆解  /  8

1.3.3?圖表分步還原  /  9

1.4?根據數據關系選擇：分象限背景填充式散點圖  /  11

1.4.1?圖表自畫像  /  11

1.4.2?制作技巧拆解  /  12

1.4.3?圖表分步還原  /  13

1.5?依據數據關系選擇：“表格+圓角條形圖+餅圖”組合  /  15

1.5.1?圖表自畫像  /  15

1.5.2?制作技巧拆解  /  16

1.5.3?圖表分步還原  /  17

1.6?依據使用場景選擇：長標簽+多系列條形圖  /  20

1.6.1?圖表自畫像  /  20

1.6.2?制作技巧拆解  /  21

1.6.3?圖表分步還原  /  21

1.7?依據使用場景選擇：上下蝴蝶圖  /  23

1.7.1?圖表自畫像  /  23

1.7.2?制作技巧拆解  /  24

1.7.3?圖表分步還原  /  25

1.8?依據使用場景選擇：新聞式熱力圖  /  27

1.8.1?圖表自畫像  /  27

1.8.2?制作技巧拆解  /  28

1.8.3?圖表分步還原  /  30

1.9?依據展示內容選擇：標註重點式表格  /  31

1.9.1?圖表自畫像  /  31

1.9.2?制作技巧拆解  /  31

1.9.3?圖表分步還原  /  32

1.10?依據展示內容選擇：表格+條形圖+條件格式組合圖  /  34

1.10.1?圖表自畫像  /  34

1.10.2?制作技巧拆解  /  35

1.10.3?圖表分步還原  /  36

1.11?依據圖表主題選擇：“條形圖+氣泡圖”組合  /  38

1.11.1?大師圖表推薦  /  38

1.11.2?制作技巧拆解  /  39

1.11.3?圖表分步還原  /  42

1.12?依據圖表主題選擇：“條形圖+折線圖”組合式蝴蝶圖  /  45

1.12.1?圖表自畫像  /  45

1.12.2?制作技巧拆解  /  45

1.12.3?圖表分步還原  /  47

1.13?依據圖表主題選擇：面積式蝴蝶圖  /  49

1.13.1?圖表自畫像  /  49

1.13.2?制作技巧拆解  /  50

1.13.3?圖表分步還原  /  51

1.14?依據圖表主題選擇：擬物式熱力圖  /  53

1.14.1?圖表自畫像  /  53

1.14.2?制作技巧拆解  /  54

1.14.3?圖表分步還原  /  54

1.15?依據圖表主題選擇：“表格+圓環圖+氣泡圖+滑珠圖”組合  /  55

1.15.1?圖表自畫像  /  55

1.15.2?制作技巧拆解  /  56

1.15.3?圖表分步還原  /  57

1.16?依據圖表主題選擇：“表格+氣泡圖+蝴蝶圖”組合  /  59

1.16.1?圖表自畫像  /  59

1.16.2?制作技巧拆解  /  60

1.16.3?圖表分步還原  /  61

第2章?五花八門的數據，如何正確規劃和設計圖表？  /  63

2.1?數據太少，加個背景：圓角柱形圖  /  63

2.1.1?圖表自畫像  /  63

2.1.2?制作技巧拆解  /  64

2.1.3?圖表分步還原  /  65

2.2?數據太少，加上輔助：圓角柱形背景式折線圖  /  66

2.2.1?圖表自畫像  /  66

2.2.2?制作技巧拆解  /  66

2.2.3?圖表分步還原  /  67

2.3?數據太少，拆分圖表：百分比氣泡圖  /  69

2.3.1?圖表自畫像  /  69

2.3.2?制作技巧拆解  /  70

2.3.3?圖表分步還原  /  70

2.4?數據太少，拆分圖表：多圓環圖組合  /  72

2.4.1?圖表自畫像  /  72

2.4.2?制作技巧拆解  /  72

2.4.3?圖表分步還原  /  74

2.5?數據太少，改變類型：左側布局玉玦圖  /  75

2.5.1?圖表自畫像  /  75

2.5.2?制作技巧拆解  /  76

2.5.3?圖表分步還原  /  77

2.6?數據太多，多用點線：“表格+蝴蝶滑珠圖”組合  /  77

2.6.1?圖表自畫像  /  77

2.6.2?制作技巧拆解  /  78

2.6.3?圖表分步還原  /  79

2.7?數據太多，做好對應：雙色縱坐標軸柱線圖  /  81

2.7.1?圖表自畫像  /  81

2.7.2?制作技巧拆解  /  81

2.7.3?圖表分步還原  /  82

2.8?數多和雜，多用線面：階梯圖  /  85

2.8.1?圖表自畫像  /  85

2.8.2?制作技巧拆解  /  85

2.8.3?圖表分步還原  /  86

2.9?數多和雜，分開展示：多折線圖組合  /  87

2.9.1?圖表自畫像  /  87

2.9.2?制作技巧拆解  /  88

2.9.3?圖表分步還原  /  89

2.10?數多和雜，分開展示：“條形圖+箭頭圖”組合  /  90

2.10.1?圖表自畫像  /  90

2.10.2?制作技巧拆解  /  91

2.10.3?圖表分步還原  /  92

2.11?差異太小，縮小範圍：豎版折線圖  /  94

2.11.1?圖表自畫像  /  94

2.11.2?制作技巧拆解  /  94

2.11.3?圖表分步還原  /  96

2.12?差異太大，補充子圖：子母柱形圖  /  97

2.12.1?圖表自畫像  /  97

2.12.2?制作技巧拆解  /  98

2.12.3?圖表分步還原  /  98

2.13?差異太大，補充子圖：多瀑布圖組合  /  100

2.13.1?圖表自畫像  /  100

2.13.2?制作技巧拆解  /  101

2.13.3?圖表分步還原  /  102

第3章?圖表表達不滿意，如何巧妙地化解疑難雜癥？  /  104

3.1?線條分不清，統一標簽：統一化數據標簽折線圖  /  104

3.1.1?圖表自畫像  /  104

3.1.2?制作技巧拆解  /  105

3.1.3?圖表分步還原  /  106

3.2?線條分不清，做好對應：自定義數據標記折線圖  /  108

3.2.1?圖表自畫像  /  108

3.2.2?制作技巧拆解  /  109

3.2.3?圖表分步還原  /  111

3.3?線條分不清，加點透明：排名折線圖  /  113

3.3.1?圖表自畫像  /  113

3.3.2?制作技巧拆解  /  114

3.3.3?圖表分步還原  /  115

3.4?線條分不清，提亮顏色：漸變折線圖  /  117

3.4.1?圖表自畫像  /  117

3.4.2?制作技巧拆解  /  117

3.4.3?圖表分步還原  /  118

3.5?線條總交叉，一線一圖：“折線圖+面積圖”組合  /  119

3.5.1?圖表自畫像  /  119

3.5.2?制作技巧拆解  /  120

3.5.3?圖表分步還原  /  121

3.6?對比不突出，加參照物：圓角繪圖區式折線圖  /  123

3.6.1?圖表自畫像  /  123

3.6.2?制作技巧拆解  /  124

3.6.3?圖表分步還原  /  125

3.7?對比不突出，加參照物：帶誤差線的垂直滑珠圖  /  126

3.7.1?圖表自畫像  /  126

3.7.2?制作技巧拆解  /  127

3.7.3?圖表分步還原  /  128

3.8?對比不突出，上下連通：高低柱形圖  /  130

3.8.1?圖表自畫像  /  130

3.8.2?制作技巧拆解  /  130

3.8.3?圖表分步還原  /  131

3.9?對比不突出，首尾比較：分區折線+面積組合圖  /  132

3.9.1?圖表自畫像  /  132

3.9.2?制作技巧拆解  /  133

3.9.3?圖表分步還原  /  133

3.10?對比維度多，左右開工：“個性標簽+雙蝴蝶圖”組合  /  135

3.10.1?圖表自畫像  /  135

3.10.2?制作技巧拆解  /  135

3.10.3?圖表分步還原  /  136

3.11?分配空間少，就近放置：自定義圖例條形圖  /  137

3.11.1?圖表自畫像  /  137

3.11.2?制作技巧拆解  /  138

3.11.3?圖表分步還原  /  140

3.12?分配空間少，就近放置：數據標註式堆積條形圖  /  141

3.12.1?圖表自畫像  /  141

3.12.2?制作技巧拆解  /  142

3.12.3?圖表分步還原  /  144

3.13?分配空間少，就近放置：個性標簽+餅圖  /  146

3.13.1?圖表自畫像  /  146

3.13.2?制作技巧拆解  /  146

3.13.3?圖表分步還原  /  147

3.14?長標簽棘手，加寬圖形：堆積柱形圖  /  148

3.14.1?圖表自畫像  /  148

3.14.2?制作技巧拆解  /  148

3.14.3?圖表分步還原  /  149

3.15?長標簽棘手，獨立放置：帶連接線的滑珠圖  /  151

3.15.1?圖表自畫像  /  151

3.15.2?制作技巧拆解  /  152

3.15.3?圖表分步還原  /  153

3.16?多圖難排版，規律擺放：“條形圖+多扇形圖”組合  /  155

3.16.1?圖表自畫像  /  155

3.16.2?制作技巧拆解  /  156

3.16.3?圖表分步還原  /  157

3.17?多圖難排版，規律擺放：多方塊圖組合  /  159

3.17.1?圖表自畫像  /  159

3.17.2?制作技巧拆解  /  159

3.17.3?圖表分步還原  /  160

第4章?重點內容不突出，如何有效地傳遞圖表觀點？  /  163

4.1?重點難區分，劃分區域：分象限散點圖  /  163

4.1.1?圖表自畫像  /  163

4.1.2?制作技巧拆解  /  164

4.1.3?圖表分步還原  /  164

4.2?重點難區分，加標準線：“標準線+面積圖+條形圖”組合  /  166

4.2.1?圖表自畫像  /  166

4.2.2?制作技巧拆解  /  167

4.2.3?圖表分步還原  /  168

4.3?抓不住重點，增加輔助：突出重點式折線圖  /  170

4.3.1?圖表自畫像  /  170

4.3.2?制作技巧拆解  /  170

4.3.3?圖表分步還原  /  171

4.4?抓不住重點，加上標簽：顯示特定坐標軸標簽的柱線圖  /  173

4.4.1?圖表自畫像  /  173

4.4.2?制作技巧拆解  /  173

4.4.3?圖表分步還原  /  173

4.5?抓不住重點，加上標註：“折線圖+面積圖+氣泡圖”組合  /  175

4.5.1?圖表自畫像  /  175

4.5.2?制作技巧拆解  /  175

4.5.3?圖表分步還原  /  176

4.6?抓不住重點，加上箭頭：增長箭頭式柱形圖  /  178

4.6.1?圖表自畫像  /  178

4.6.2?制作技巧拆解  /  179

4.6.3?圖表分步還原  /  179

4.7?抓不住重點，先做排名：長標簽+蝴蝶圖  /  181

4.7.1?圖表自畫像  /  181

4.7.2?制作技巧拆解  /  182

4.7.3?圖表分步還原  /  182

4.8?觀點難提煉，加平均線：平均線式柱線圖  /  184

4.8.1?圖表自畫像  /  184

4.8.2?制作技巧拆解  /  185

4.8.3?圖表分步還原  /  185

4.9?觀點難提煉，營造趨勢：增強式數據標簽面積圖  /  187

4.9.1?圖表自畫像  /  187

4.9.2?制作技巧拆解  /  187

4.9.3?圖表分步還原  /  188

4.10?觀點難提煉，添加合計：漸變百分比堆積條形圖  /  189

4.10.1?圖表自畫像  /  189

4.10.2?制作技巧拆解  /  190

4.10.3?圖表分步還原  /  191

4.11?觀點難提煉，大者入題：分隔式堆積柱形圖  /  192

4.11.1?圖表自畫像  /  192

4.11.2?制作技巧拆解  /  192

4.11.3?圖表分步還原  /  193

第5章?數據新聞沒亮點，如何利用圖表把故事講好？  /  196

5.1?並列式展開：“圓環圖+蝴蝶圖”組合  /  196

5.1.1?圖表自畫像  /  196

5.1.2?制作技巧拆解  /  197

5.1.3?圖表分步還原  /  198

5.2?並列式展開：“半玫瑰圖+條形圖”組合  /  200

5.2.1?圖表自畫像  /  200

5.2.2?制作技巧拆解  /  201

5.2.3?圖表分步還原  /  202

5.3?並列式展開：“散點圖+條形圖+分類框”組合  /  204

5.3.1?圖表自畫像  /  204

5.3.2?制作技巧拆解  /  206

5.3.3?圖表分步還原  /  206

5.4?遞進式展開：“百分比方塊圖+條形圖+氣泡圖”組合  /  208

5.4.1?圖表自畫像  /  208

5.4.2?制作技巧拆解  /  209

5.4.3?圖表分步還原  /  211

5.5?遞進式展開：“雙色柱形圖+漸變條形圖”組合  /  213

5.5.1?圖表自畫像  /  213

5.5.2?制作技巧拆解  /  214

5.5.3?圖表分步還原  /  215

5.6?遞進式展開：“半圓環圖+方形氣泡圖”組合  /  217

5.6.1?圖表自畫像  /  217

5.6.2?制作技巧拆解  /  218

5.6.3?圖表分步還原  /  219

5.7?遞進式展開：“圓式條形圖+方形氣泡圖”組合  /  221

5.7.1?圖表自畫像  /  221

5.7.2?制作技巧拆解  /  222

5.7.3?圖表分步還原  /  223

5.8?總分式展開：“懸空柱形圖+條形圖”組合  /  225

5.8.1?圖表自畫像  /  225

5.8.2?制作技巧拆解  /  226

5.8.3?圖表分步還原  /  226

5.9?總分式展開：“折線圖+多面積圖”組合  /  228

5.9.1?圖表自畫像  /  228

5.9.2?制作技巧拆解  /  229

5.9.3?圖表分步還原  /  230

5.10?總分式展開：“氣泡圖+多面積圖”組合  /  232

5.10.1?圖表自畫像  /  232

5.10.2?制作技巧拆解  /  233

5.10.3?圖表分步還原  /  234

5.11?總分式展開：“長標簽+氣泡圖+熱力圖”組合  /  236

5.11.1?圖表自畫像  /  236

5.11.2?制作技巧拆解  /  236

5.11.3?圖表分步還原  /  237

5.12?總分式展開：“半圓環圖+子母柱形圖”組合  /  240

5.12.1?圖表自畫像  /  240

5.12.2?制作技巧拆解  /  240

5.12.3?圖表分步還原  /  241

第6章?靈感枯竭沒創意，實用圖表如何做到不枯燥？  /  244

6.1?變換形狀：切角式柱形圖  /  244

6.1.1?圖表自畫像  /  244

6.1.2?制作技巧拆解  /  244

6.1.3?圖表分步還原  /  245

6.2?變換形狀：山峰圖  /  247

6.2.1?圖表自畫像  /  247

6.2.2?制作技巧拆解  /  248

6.2.3?圖表分步還原  /  249

6.3?變換形狀：多組填充柱形圖  /  250

6.3.1?圖表自畫像  /  250

6.3.2?制作技巧拆解  /  251

6.3.3?圖表分步還原  /  251

6.4?變換形狀：扇形玫瑰圖  /  253

6.4.1?圖表自畫像  /  253

6.4.2?制作技巧拆解  /  254

6.4.3?圖表分步還原  /  255

6.5?轉換方向：帶誤差線的豎版折線圖  /  257

6.5.1?圖表自畫像  /  257

6.5.2?制作技巧拆解  /  257

6.5.3?圖表分步還原  /  258

6.6?漸變填充：內部漸變條形圖  /  260

6.6.1?圖表自畫像  /  260

6.6.2?制作技巧拆解  /  260

6.6.3?圖表分步還原  /  261

6.7?圖形填充：泡泡圖  /  263

6.7.1?圖表自畫像  /  263

6.7.2?制作技巧拆解  /  264

6.7.3?圖表分步還原  /  264

6.8?圖形點綴：水波圖  /  266

6.8.1?圖表自畫像  /  266

6.8.2?制作技巧拆解  /  267

6.8.3?圖表分步還原  /  267

6.9?圖表混搭：“誤差線+折線圖+面積圖+氣泡圖”組合  /  269

6.9.1?圖表自畫像  /  269

6.9.2?制作技巧拆解  /  269

6.9.3?圖表分步還原  /  270

6.10?分段顯示：長標簽+刻度條形圖  /  272

6.10.1?圖表自畫像  /  272

6.10.2?制作技巧拆解  /  273

6.10.3?圖表分步還原  /  273

6.11?巧用圖標：添加圖標的樹狀圖  /  275

6.11.1?圖表自畫像  /  275

6.11.2?制作技巧拆解  /  276

6.11.3?圖表分步還原  /  277

6.12?增加背景：頂部坐標軸標簽式折線圖  /  278

6.12.1?圖表自畫像  /  278

6.12.2?制作技巧拆解  /  278

6.12.3?圖表分步還原  /  279

第7章?表格平庸內容多，如何兼容並包又提升顏值？  /  283

7.1?顏值提升術：添加裝飾線條的表格  /  283

7.1.1?圖表自畫像  /  283

7.1.2?制作技巧拆解  /  284

7.1.3?圖表分步還原  /  284

7.2?顏值提升術：添加色塊式表格  /  285

7.2.1?圖表自畫像  /  285

7.2.2?制作技巧拆解  /  286

7.2.3?圖表分步還原  /  287

7.3?顏值提升術：雙色填充表格  /  288

7.3.1?圖表自畫像  /  288

7.3.2?制作技巧拆解  /  289

7.3.3?圖表分步還原  /  289

7.4?顏值提升術：“表格+進度圖”組合  /  290

7.4.1?圖表自畫像  /  290

7.4.2?制作技巧拆解  /  291

7.4.3?圖表分步還原  /  292

7.5?表和圖組合：“表格+圓環圖”組合  /  293

7.5.1?圖表自畫像  /  293

7.5.2?制作技巧拆解  /  294

7.5.3?圖表分步還原  /  295

7.6?表和圖組合：“表格+氣泡圖”組合  /  296

7.6.1?圖表自畫像  /  296

7.6.2?制作技巧拆解  /  297

7.6.3?圖表分步還原  /  297

7.7?表和圖組合：“表格+多氣泡圖+圓環圖”組合  /  298

7.7.1?圖表自畫像  /  298

7.7.2?制作技巧拆解  /  299

7.7.3?圖表分步還原  /  300

7.8?表和圖組合：“表格+雙滑珠圖”組合  /  301

7.8.1?圖表自畫像  /  301

7.8.2?制作技巧拆解  /  302

7.8.3?圖表分步還原  /  303

7.9?將內容分類：KPI式表格  /  305

7.9.1?圖表自畫像  /  305

7.9.2?制作技巧拆解  /  306

7.9.3?圖表分步還原  /  306

7.10?將內容分類：羅列式表格  /  307

7.10.1?圖表自畫像  /  307

7.10.2?制作技巧拆解  /  308

7.10.3?圖表分步還原  /  309

7.11?多圖形拼接：添加圖標式表格  /  310

7.11.1?圖表自畫像  /  310

7.11.2?制作技巧拆解  /  310

7.11.3?圖表分步還原  /  311

7.12?特殊功能表：時間軸式表格  /  312

7.12.1?圖表自畫像  /  312

7.12.2?制作技巧拆解  /  313

7.12.3?圖表分步還原  /  313

7.13?特殊功能表：組織結構圖  /  314

7.13.1?圖表自畫像  /  314

7.13.2?制作技巧拆解  /  315

7.13.3?圖表分步還原  /  316

第8章?綜合性問題來襲，如何分類拆解、優雅展示？  /  318

8.1?對比不突出+創意不足：“蝴蝶圖+半氣泡圖”組合  /  318

8.1.1?圖表自畫像  /  318

8.1.2?制作技巧拆解  /  319

8.1.3?圖表分步還原  /  320

8.2?對比不突出+創意不足：豎版蝴蝶式棒棒糖圖  /  322

8.2.1?圖表自畫像  /  322

8.2.2?制作技巧拆解  /  323

8.2.3?圖表分步還原  /  323

8.3?創意不足+多圖排版：齒輪圓環圖  /  325

8.3.1?圖表自畫像  /  325

8.3.2?制作技巧拆解  /  326

8.3.3?圖表分步還原  /  326

8.4?對比不突出+抓不住重點：對比折線圖  /  327

8.4.1?圖表自畫像  /  327

8.4.2?制作技巧拆解  /  328

8.4.3?圖表分步還原  /  329

8.5?創意不足+標簽難處理：長標簽+填充柱形圖  /  330

8.5.1?圖表自畫像  /  330

8.5.2?制作技巧拆解  /  331

8.5.3?圖表分步還原  /  331

8.6?表和圖結合+標簽難處理：長標簽+填充條形圖  /  333

8.6.1?圖表自畫像  /  333

8.6.2?制作技巧拆解  /  334

8.6.3?圖表分步還原  /  335

8.7?對比不突出+創意不足：蝴蝶氣泡圖  /  337

8.7.1?圖表自畫像  /  337

8.7.2?制作技巧拆解  /  337

8.7.3?圖表分步還原  /  338

8.8?數據太多+創意不足+多圖排版：“堆積條形圖+氣泡圖”組合  /  339

8.8.1?圖表自畫像  /  339

8.8.2?制作技巧拆解  /  340

8.8.3?圖表分步還原  /  341

8.9?觀點提煉+創意不足+多圖排版：“多層圓環圖+條形圖”組合  /  343

8.9.1?圖表自畫像  /  343

8.9.2?制作技巧拆解  /  344

8.9.3?圖表分步還原  /  345

8.10?觀點提煉+創意不足+多圖排版：“自由排版餅圖+柱形圖”組合  /  346

8.10.1?圖表自畫像  /  346

8.10.2?制作技巧拆解  /  347

8.10.3?圖表分步還原  /  348

8.11?對比不突出+創意不足+多圖排版：對比圓環圖  /  350

8.11.1?圖表自畫像  /  350

8.11.2?制作技巧拆解  /  350

8.11.3?圖表分步還原  /  351

8.12?對比不突出+創意不足+多圖排版：對比餅圖  /  353

8.12.1?圖表自畫像  /  353

8.12.2?制作技巧拆解  /  354

8.12.3?圖表分步還原  /  355

8.13?數據太少+對比不突出+創意不足：圓形氣泡圖  /  356

8.13.1?圖表自畫像  /  356

8.13.2?制作技巧拆解  /  357

8.13.3?圖表分步還原  /  359