為什麼我們需要圖示？#

圖示（diagram）是用來解釋「整體與部分如何互動」的最佳方式之一。在現代專業溝通中，幾乎不可能不使用圖形（shape）來象徵各種關係與互動。

作者杜爾特（Nancy Duarte）把全公司同事的 sketchbook 蒐集起來，把上千張草圖剪成卡片攤在地上分類。

經過長時間整理，圖示的模式與分類自然浮現——這也是本章的基礎。

圖示的六大分類#

圖示大致可分為兩個層次：抽象概念（abstract concepts）與寫實概念（realistic concepts）。

• 抽象概念：以幾何形狀組合呈現關係
  • 流動（Flow）
  • 結構（Structure）
  • 聚合（Cluster）
  • 放射（Radiate）
• 寫實概念：以更具體、更貼近實物的形式表達
  • 圖像式（Pictorial）
  • 資料展示（Display Data）

抽象概念：流動（Flow）#

呈現具方向性的過程或變化。

• 線性（Linear）：有明確起點與終點的單向流程
• 環形（Circular）：沒有終點、持續循環的流程
• 發散與聚合（Divergent / Convergent）：兩條以上的元素相互匯合或分離
• 多向（Multidirectional）：複合而成的複雜關係，如流程圖（flow chart）

抽象概念：結構（Structure）#

呈現靜態而有秩序的關係。

• 矩陣（Matrices）：比較兩組以上的資料；其中一組可以是 yes/no（如檢核表）
• 樹狀（Trees）：清楚的階層關係
• 層疊（Layers）：元素一層層堆疊或建構，既能表達階層也能表達順序

抽象概念：聚合（Cluster）#

呈現元素如何因相似或共享而聚集。

• 重疊（Overlapping）：用交集表示共同的利益、責任或屬性
• 閉合（Closure）：多個形狀組合形成新形狀，呼應「整體大於部分」的完形（Gestalt）原則
• 包覆（Enclosed）：以外框包住一群元素，標示誰屬於更高層級
• 連結（Linked）：透過共同元素（線、形狀、連接器）串起多組相關項目

抽象概念：放射（Radiate）#

呈現從一個焦點出發、向外延伸的關係。

• 從一點出發（From a point）：從一個明確的原點向外擴散
• 有核心（With a core）：類似親子關係，外圍元素圍繞並連回中心
• 無核心（Without a core）：元素因鄰近或相互吸引而聚於同一區域，但無單一中心

寫實概念：圖像式（Pictorial）#

以更具體、貼近現實的圖像表達流程、結構與位置。

• 過程（Process）：產品或系統依序運作的快照
• 揭露（Reveal）：以剖開、剝開的方式呈現內部結構
• 方向（Direction）：顯示去處或路線，通常含起點、終點與標示
• 位置（Location）：在地理、地形或系統中標記某物的所在，並提供脈絡
• 影響（Influence）：呈現多元素互動的結果與衝擊

寫實概念：資料展示（Display Data）#

把資料視為一種特殊的圖示——當資料呈現得當，比單純的數字更能彰顯意義。

• 比較（Comparison）：兩組以上資訊並列呈現差異，如長條圖、圓餅圖
• 趨勢（Trend）：以時間為一軸，凸顯隨時間變化的趨勢
• 分布（Distribution）：把看似零散的資料映射成更大的模式，如散布圖、鐘形曲線

資料展示本身就是一種圖示。

成功的資訊設計不會把複雜統計過度簡化，而會結合多項參數，把因果故事說得更豐富。

組合多種圖示，呈現複雜概念#

當你要解釋軟體架構、網路應用或其他看不見的概念時，單一圖示往往不夠用。複雜概念可以由多種圖示組合而成——例如客戶口中的「marketecture」圖（行銷化的架構圖）就是把產品與流程描繪成一個系統。

即使圖示能呈現整個系統，也要讓觀眾「一次處理一個概念」。

複雜的系統圖應該逐步建構（build over time），而非一次全部丟出來。

下面是一張以七個抽象構件組合而成的系統圖示例：

把這些抽象構件與寫實概念（人、軟體、資料與裝置）疊合，就能形成一張具脈絡的系統圖。

強化圖示的概念#

「夠用」往往不是「夠好」。

多花一點時間思考概念，能讓圖示意義更清晰、更具一致性。

ZS Associates 的例子展示了這個原則：原本的圖示是合格、但平淡的視覺；經過重新發想，把多個獨立概念圍繞一個中心角色（客戶） 重組，再以「靶心」母題（target motif）強化「廣告主能精準連結特定觀眾」的訊息：

• BEFORE：使用簡單圖示，技術上「夠好」
• IDEATE：草擬多個版本，選定以客戶為中心的方案
• AFTER：完整數位化後，多張圖示形成一致、有家族感的視覺系列

一點點額外的思考時間，能讓零散的概念瞬間擁有脈絡、順序與關聯性。

原書圖片附錄#

以下為原書本章對應頁面的視覺素材，依出現順序排列；頁碼為英文原版印刷頁碼。