什麼是信息圖？簡言之：將複雜信息通過圖形樣式清晰明了地傳達給讀者。它是信息可視化的產物，跨越統計學、認知心理學、圖形設計、敘事藝術。從公共指示系統、統計圖表、五線譜，到當下爆火的長圖資訊圖，本質皆是「降低認知負荷、提升信息傳遞效率」。

信息圖六大分類（木村博之《圖解力》）

類型	核心功能	典型案例
圖解 Diagram	插圖說明事物結構/原理/流程	產品拆解圖、手術示意圖、建築剖面圖
圖表 Chart	圖形/線條/插圖闡明事物關係	組織架構圖、思維導圖、用戶旅程圖
表格 Table	特定標準區分，縱橫軸交叉對比	價格對比表、規格參數表、決策矩陣
統計圖 Graph	數值表現趨勢/比較/分布	折線圖/柱狀圖/餅圖/散點圖/面積圖
地圖 Map	特定區域/空間位置關係	地鐵路線圖、商圈熱力圖、物流路徑圖
圖形符號 Pictogram	無文字，純圖形傳達信息	公共標識、App 圖標、奧運會會徽

實戰中常混合運用多種形式完成複雜敘事。

生活中的信息可視化經典案例

混合形式信息圖示例

標準化製作流程：團隊協作的骨架

信息圖標準製作流程：選題→數據收集清洗→核心敘事提煉→視覺隱喻設計→草圖驗證→精細製作→多輪評審→發布推廣

核心原則：流程服務於「核心主題傳達」，而非流程本身。實際操作可敏捷調整，但「以數據為本、以敘事為魂、以視覺為形」三位一體不可動搖。

SND 大賽專家總結：優秀信息圖五大黃金準則

1. 吸引眼球，令人心動

信息爆炸時代，視覺沖擊力是入場券。設計讓讀者產生共鳴的視覺鉤子。
案例：Facebook Relationships Visualized — 全球社交連結可視化，極致視覺衝擊力構建病毒式傳播潛力。

2. 準確傳達，信息明了

鎖定單一核心主題，巧妙表現，拒絕貪多嚼不爛。
案例：The Internet Map — 全球網站以星系隱喻呈現，流量=恆星大小，顏色=國家，一眼洞察互聯網權力版圖。

3. 去粗取精，簡單易懂

從龐大數據篩選真正必要信息，表現手法合理簡化，突出重點。
案例：倫敦地鐵路線圖進化史 — 1935 年方塊換乘標記難讀 → 1946 年相切圓環+單次標註站名，閱讀效率質變。

4. 視線流動，構建時空

順應閱讀習慣（左上→右下、Z 型/F 型/螺旋型），設計視線引導路徑，營造時空敘事感。
案例：How Long Do Animals Live — 曲線引導視線流動，動物沿曲線行走朝向統一，方向性極強，瀏覽流暢無阻。

5. 摒棄文字，以圖釋義

結構/流程/機制說明，盡量零文字、純圖形傳達。
案例：Nigel Holmes《各國問候禮儀》 — 純圖解法國雙頰吻、荷蘭三吻、紐西蘭鼻碰鼻等禮儀，跨語言無障礙傳達。

八大核心視覺化手法工具箱

1. 圖形化：直觀呈現結構/比例/組成（如咖啡飲品成分圖示：一杯咖啡圖形內部按比例分層）
2. 對比：同類對比（世界高樓建設進度：已建成上色 vs 未建成線框）+ 熟悉事物比較（Yottabyte 存儲量換算為 iPhone/圖書館/地球體積）
3. 轉換：邏輯轉換（馬拉松成績：越快越好 → 以最快為 100% 基準反向映射）+ 維度轉換（一維數據→面積/體積：世界廣告支出面積圖結合地理位置）
4. 比喻：近似類比賦予聯想（如：大腦=城市、細胞=工廠、區塊鏈=公共賬本）
5. 關聯：連線/分組/嵌套/矩陣展示實體/概念間關係
6. 流動：箭頭/路徑/管道/粒子流引導視線，表達過程/轉化/傳遞
7. 引入時空：時間軸/動態切片/空間定位，構建四維敘事
8. 構建場景：將抽象數據置入具體生活場景（如：用滿滿一卡車礦泉水瓶堆疊表現塑膠廢棄物量）

圖形化案例：咖啡飲品成分結構圖

插圖輔助案例：淘寶 UED 工作流程插畫

圖形代替數值案例：調研數據可視化

對比案例：世界高樓建設進度

熟悉事物比較案例：Yottabyte 具象化

轉換案例：馬拉松百年紀錄反向映射

維度轉換案例：2012 世界廣告支出面積地圖

給設計師的信息圖專案啟動清單

□ 明確單一核心傳播目標（一句話說清）
□ 獲取權威數據源，完成清洗驗證
□ 提煉 3-5 個關鍵洞見，構建敘事大綱
□ 選型：哪種/哪幾種圖表形式最適配？
□ 設計視覺隱喻系統（色彩/圖形/圖標/字體/動效）
□ 繪製低保真草圖，團隊內測閱讀效率
□ 精細製作：嚴格遵循品牌規範/無障礙標準/響應式適配
□ 多輪可用性測試：5 秒獲取核心信息？關鍵操作無障礙？
□ 發布推廣：多尺寸裁剪/社交媒體適配/SEO 優化/嵌入代碼生成
□ 效果追蹤：閱讀完畢率/分享轉發/引用/轉化/用戶反饋

信息圖設計的極致，不是畫出多漂亮的圖，而是讓複雜真相以最低認知成本被理解、被記住、被行動。這是設計師作為「信息建築師」的最高價值體現。