數據可視化時代，不會圖表設計就落伍！阿里劉穎帶來簡單高效教程：先精準表達數據，再提升易讀性，內含大量實戰案例，干貨滿滿。

一、圖表的目的與價值

圖表是數據二次加工的統計呈現。單一數字（如 3 月銷售 50 萬）無法說明問題，但加上多月數據繪製折線圖，結合同比曲線，即可判斷趨勢並推斷換季帶來的增長，指導決策。大腦處理圖形比文本更省力：文本解碼是線性的，圖表同步解碼，理解度高 30 倍。Nielsen 研究顯示網頁僅讀 20% 文字，圖表能抓住碎片化注意力，在社交傳播中獲更高點擊、收藏，更易記住製造話題。試比較純文字列舉七大洲最高峰與圖表呈現，後者顯然更易分享記憶。

圖 1-1 店鋪成交金額趨勢

圖 1-2 女裝金額占比

圖 1-3 七大洲最高峰對比

二、數據產品圖表設計原則與方法

生意參謀等數據產品，核心在於圖表設計：既要數據清晰準確、直觀易懂，又要突顯用戶關注核心，輔助決策，並賦予設計感創造商業傳播價值。

1. 如何精準表達數據

（1）選擇合適圖表類型

明確定義與適用場景是關鍵。柱形圖、餅圖、折線圖、表格是四大基礎類型，常被混用。

• 柱形圖：以長方形長度為變量，比較兩個以上數值。四種常見形式：垂直/水平/簇狀（強調組內比較）/堆疊（強調部分與整體關係）。
• 餅圖：以圓心角表達數值，展示佔比關係，總和 100%，適合單一主題。三類：基礎型（常規/環形）、半圓型（利於排版標注）、復合型（合併小項為「其他」再展開）。
• 折線圖：線條波動顯示連續數據隨時間/有序類別變化，強調趨勢。單條/多條/堆疊（推薦用面積圖而非折線）。
• 表格：行列有序組織，高效展現大量數據，可嵌入圖片、操作等。類型：基礎/內容復合/操作復合。

（2）正確繪製圖表

選對類型後，繪製細節決定準確性。

A. 柱形圖

• 零基線不可或缺：顏色灰度≥94 確保不同設備清晰可見。
• 柱寬與間距：柱寬 D，間距 0.5D~D；簇狀柱間距 0.125D，平衡關聯性與獨立性。

圖 2-14 柱形圖零基線

圖 2-15 柱形間距

B. 餅圖

• 標準繪製：12 點起點，順時針排布。
• 優化繪製：12 點起點，逆時針畫最大扇區，回 12 點順時針畫第二大，其餘依序。視覺焦點（上半部）承載最重要數據，但多餅圖起始位置不一，需按場景選擇。

圖 2-16 標準餅圖繪製

圖 2-17 優化餅圖繪製