元素的擺放會創造意義#

投影片要不要傳達得清楚，排列方式往往是最關鍵的因素。排列本身就是一種敘事——它能引發緊張、混亂或焦躁，也能讓訊息一目了然。

投影片始於想法，終於想法。

簡報者的責任，是把這些無形抽象的想法轉成有形視覺，並引導觀眾穿越這個無形世界，讓他們輕鬆解碼。

排列的六大工具#

讓投影片排列發揮效用的六個基本原則，是這一章的主軸：

• 對比（Contrast）：讓觀眾迅速看出主要訊息
• 流動（Flow）：讓觀眾知道按什麼順序處理資訊
• 階層（Hierarchy）：讓觀眾看見元素之間的關係
• 統一（Unity）：讓觀眾感覺資訊屬於同一群
• 鄰近（Proximity）：讓觀眾從位置中感知意義
• 留白（Whitespace）：讓觀眾的眼睛有呼吸的空間

把所有資訊塞在一張投影片上、給予同等的視覺重量，是簡報者的懶惰。

你必須強制自己決定資訊的優先順序——讓某些元素主導畫面，讓其他元素退到背景。

對比：迅速辨認重點#

觀眾需要對比。視覺差異會立刻把目光鎖定在最突出的元素上。創造對比的方式有很多種：

• 大小（size）
• 形狀（shape）
• 明暗（shade）
• 色彩（color）
• 鄰近（proximity）

例如同一段文字，把標題放得明顯比內文大，無論放在哪個位置，觀眾都會自然認為大字是「標題」或「脈絡」。也可以用色彩創造對比——某些版本的聖經把耶穌的話標成紅色就是一例。

Tufte 的「最小有效差異」#

塔夫特（Edward Tufte，《Visual Explanations》作者）主張使用「smallest effective difference」——僅僅製造剛好可被察覺的視覺差異，足以區分，但絕不過頭。

留意「無意造成的對比」。

兩個元素之間任何風格上的差異，都會在觀眾心中（有意識或無意識地）暗示某種意涵。所有風格選擇都會暗示重要性、緊迫性或價值——因此每個選擇都必須有明確目的。

「沒有對比，就死定了。」——Paul Rand，設計大師

流動：引導資訊處理順序#

西方閱讀習慣是「從左到右、由上而下」，眼睛沿著 Z 字形掃過內容。魏斯曼（Jerry Weissman，《Presenting to Win》作者）稱之為conditioned carriage return——模仿老式打字機字輪回行的動作。

引導視線的策略#

• 觀眾會反覆來回掃描，直到認為自己看完所有元素，才賦予意義
• 若你的圖示需要違反自然視線方向，就逐步建構（build over time），讓元素依預期順序出現
• 也可以用箭頭或符號明確標示起點
• 觀眾不應感到迷失或不知所措

視覺流動的實用技巧#

• 同一平面上避免超過三層資訊
• 設定興趣點：一個主要訊息加最多兩個次要訊息
• 刻意設計投影片內的視覺流向
• 選擇本身就具方向性的圖像與圖示
• 圖像中人物的視線應朝向內容而非背向，否則會引導觀眾移開注意力
• 圖表是要橫看還是直看，要在一眼間就能判斷

階層：呈現元素間的關係#

階層（hierarchy）是把關係套用到一組元素時，所形成的結構。觀眾處理階層幾乎和對比一樣快。

• 最簡單的例子：標題與內文的關係——標題是「父」，內文是「子」
• 透過大小與位置，從左上到右下傳達由重要遞減到次要
• 若把次要點做得比標題還重，會打亂邏輯流動，觀眾難以理解

大小與鄰近性改變故事#

同樣的放射圖（radiate diagram），調整核心與外圍的相對大小，傳達的故事完全不同：

• 元素均等：「我們是一個團隊，地位平等地一起朝目標前進」
• 父主導：「我們是一個團隊，但這個目標比團隊或個人活動都重要」
• 子主導：「我們是一個團隊，但有些子團隊面對的挑戰更大」

如果你不刻意提供訊息，觀眾會根據自己的解讀去創造意義。

確認你呈現的圖形階層精準反映了你想說的訊息。

統一：感受資訊的結構#

統一可透過三種方式達成：

• 結構（grid）
• 外觀（graphical style）
• 主題（big idea）

本節聚焦於最實用的網格系統。

為什麼使用網格？#

• 把元素錨定在矩形區域中，避免雜亂或像是隨機擺放
• 多張投影片佈局相似時，元素不會「跳來跳去」
• 例如連續三張圖表的座標軸位置應保持一致，即便資料變化
• 大型組織內成千上萬位員工自製投影片時，網格能加快重用與一致性

製作流程：先在紙上畫網格、鉛筆草擬圖像/文字/物件位置，預留充足的留白；接著在簡報軟體中放到母片上，完成設計後移除網格。把網格存到檔案最後一頁，方便未來重用。

常見網格系統#

• 三欄
• 四欄
• 五欄
• 費氏數列（Fibonacci）

案例：Adobe——以網格控管視覺#

身為平面設計師最常用的軟體公司，Adobe 的任何視覺都會被同業專家放大檢視。他們把平面設計基礎與簡報設計結合：

• 使用 5x5 網格決定文字、影像與物件的位置
• 即使形狀大小不同，整齊的版面仍給人穩固結構感
• 上下保留通道（channel）給標題，並創造電影般的觀感

偶爾打破網格能聚焦特定元素，但需作為例外，過度使用會失去效果。

鄰近：從位置中感知意義#

當畫面中出現兩個以上的元素時，它們的相對位置會講出畫面之外的次要故事。

空間鄰近性（Space Proximity）#

刻意把相關元素放在一起，不要交給運氣。同樣的兩組物件，不同擺法可以暗示：

• 團結 vs. 分裂
• 秩序 vs. 混亂
• 平等 vs. 不平等
• 寬敞 vs. 擁擠
• 順序 vs. 隨機
• 對稱 vs. 不對稱
• 靜止 vs. 動態

人物鄰近性（People Proximity）#

劇場導演會根據敘事安排演員在舞台上的位置——這些原則同樣適用於投影片中的人物影像（靈感來自 Robert Horn 的《Visual Language》）：

• 左右邊緣的人物：相對於中央人物，感覺較弱
• 畫面兩端對立的人物：暗示關係疏離或敵對
• 中央群集的人物：感覺關係緊密
• 位於下方者：常被解讀為服從、脆弱
• 位於上方者：常被解讀為支配、強勢
• 孤立的單體：視覺重量大於成群
• 大量空間中的人物：暗示自由

留白：給眼睛呼吸的空間#

留白（whitespace）不一定是白色，它指投影片上未被使用的區域。它和標題、條列、圖示一樣，是構成投影片的元素。

留白不是冗餘，是設計元素。

經驗不足的簡報者常覺得「白白浪費了」，於是把所有資訊塞進去——結果觀眾反而難以理解。

留白思考的指南#

• 問自己：「拿掉哪些不會改變意義？」
• 問自己：「能不能把內容拆成多張投影片？」
• 投影片的價值不取決於資訊多寡，而取決於訊息傳達是否清楚
• 留白是「OK 的」——雜亂才是設計失敗

把擁擠的單張投影片拆成三張，不僅解決密度問題，逐步呈現元素更能引導觀眾跟著思考。

案例：Garr Reynolds——空間的一課#

雷諾茲（Garr Reynolds）以部落格與《Presentation Zen》一書，徹底改變了無數簡報者。他的招牌風格：巨大的影像 加上 大量的留白。

「設計不是裝飾或點綴。

設計是讓觀者的溝通變得盡可能簡單與清晰。」——Garr Reynolds

「空白並非空無一物，而是一種強大的存在。學著看見它吧。」——彷彿出自 Yoda 之口的引語

「禪宗花園也是簡潔的一課：開放的空間、無裝飾、幾顆精挑細選的石頭、耙過的礫石。美。簡單。

西方花園則塞滿了美麗，反而讓我們看不見其中的美。簡報也是如此——短時間內視聽刺激過量，我們最終理解很少、記住的更少。」

在生活中尋找美——並輸出美#

設計師創造意義靠的是刻意排列元素，不是隨機潑灑文字與圖像。觀察周遭環境中的平面設計、建築、產品設計：

• 為什麼這位設計師選了這個字體、這種顏色、這個位置？
• 它的對比、流動、階層、統一、鄰近、空間是怎麼形成的？

這些原則甚至存在於自然界。當你看電影、翻雜誌、走過春日草原、看芭蕾、逛博物館——研究這些美。

視覺上吸收得越多美，你就越能輸出美。

但這需要研究與沉思——你必須去思考「為什麼這些事物是美的」。

日式花藝的啟示#

日式插花設計的目的是創造和諧與平衡。設計者事先規劃眼睛在花藝間移動的路徑，並透過剝除一切非必要的花朵來控制視線方向。

把不為重點服務的東西，從投影片上拿掉。

原書圖片附錄#

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