一張好投影片的四大材料#

知道如何排列之後,下一步是認識可供排列的材料。一張投影片的視覺元素只有四個:

  • 背景(Background)
  • 色彩(Color)
  • 文字(Text)
  • 影像(Images)

本章探討前三項,影像獨立成一章。

整本書貫穿的主題:一致性(consistency)。

選定元素風格後就堅持下去——它們會成為品牌的視覺觸發點。例外才有力量:當前 20 張都保持一致,第 21 張刻意打破,那一刻才會被記住。

背景:盛裝視覺元素的容器#

背景是承載元素的表面,它可以包含任何東西,也可以什麼都不放。

背景是表面、舞台或佈景,不是作品本身。

印刷設計師面對的是白紙——你很少看到一本手冊每頁都鋪滿瘋狂裝飾的背景。

處理背景的原則#

  • 把預設範本與內建的「投影片垃圾」拋諸腦後
  • 投影片的背景就像不動產:很值錢,要謹慎建造
  • 保持簡單、留白、不喧賓奪主
  • 每張投影片都放 logo 是不必要的:用第一張與最後一張投影片(bumper slides)來標示自己或公司
    • 如果老闆堅持,放在右下角,文字的 right rag 可以包覆它
  • 從公司既有的行銷素材中挖掘永恆的視覺元素:網格、線條結構、色票、定錨圖形——這些變動少的元素適合作為背景設計的基礎

在平面與三維之間做選擇#

圖形可以是 2D 或 3D,但只能選一種。

一旦你開始加入光澤或陰影,你就承諾整份簡報都要遵守那個三維世界的物理規則。

環境一致性的三大法則(Laws of Environmental Consistency)#

  1. 一致的消失點(Consistent vanishing point)
  2. 一致的光源(Consistent light source)
  3. 元素受光的一致效果(Consistent effect on the elements)

挑一個光源、一個消失點,整份簡報始終如一。隨意的光源混搭只會讓觀眾感到視覺暈眩

建立空間感#

每張投影片都是一個環境(environment)。把元素隨機擺放,等於讓觀眾迷失在你打造的空間中。

  • 以三分法(grid of thirds)為基礎,挑一條線作為地平線(horizon line)
  • 從地平線往一個點繪製收斂的線條,模擬消失點
  • 放入的物件(如方塊)必須依消失點與地平線調整角度,不可混搭
  • 若不使用消失點,等距軸測網格(isometric grid)也是一種選項

光源與陰影的應用#

用三種不同的陰影製造不同氣氛

  • 柔和圓形陰影:物件像懸浮在表面或牆前
  • 橢圓陰影:物件像坐落在平面上
  • 倒影:物件像放在光亮的反射面上

背景的提醒

  • 背景是表面、舞台、佈景——不是主角
  • 背景中的元素應該從屬於真正的內容
  • 避免在背景中加入照片或圖像;觀眾會分心去解讀那是什麼、為何被遮蔽

色彩:定義整場簡報的調性#

色彩會立即建立觀眾的期待,告訴他們即將踏上的旅程是刺激的、嚴肅的、還是危險的。

選擇色彩的三個問題#

  1. 你的觀眾是誰? 選擇能引起目標觀眾共鳴的色彩
  2. 你身處哪個產業? 檢視競爭對手的用色以保持區隔;避開該產業有負面聯想的色彩(例如金融機構應慎用紅色,但血液中心可以)
  3. 你是誰? 顏色應反映你或你的品牌個性

杜爾特一家從聖荷西搭火車到芝加哥,原本期待在落磯山脈中欣賞鮮豔的日落,卻因路線改道,整天看到的是單調保守的草原色調。

保守色系並非不好,但不符合預期才是問題。色彩要符合觀眾期待。

色相環與顏色和諧#

色相環(color wheel)由牛頓爵士(Isaac Newton)所發現的原理建構而成,PowerPoint 與 Keynote 的色彩拾取器(color picker)都以此為基礎。

  • 色相(Hue):純色,位於色相環的第四圈
  • 淺色(Tint):在色相中加入白色,朝中心靠近
  • 深色(Shade):在色相中加入黑色,向外延伸

配色方法#

方法描述風格示例
同色系(Monochromatic)同色相的不同淺深變化Earthy(土系)、Strong(強烈)
鄰近色(Analogous)色相環上相鄰的顏色,整體偏暖或偏冷Powerful(有力)、Calm(沉穩)
互補色(Complementary)色相環兩端的顏色,對比最強Athletic(運動感)、Feminine(陰柔)
分裂互補(Split Complementary)互補色兩側的兩色,比純互補更柔和Regal(皇家感)、Retro(復古)
三色等距(Triadic)色相環上等距三色Inviting(迎人)、Playful(玩心)
四色矩形(Tetradic)兩對互補色,需指定主色Spirited(活力)、Healthy(健康)

選擇背景色#

兩個因素決定背景色該深或該淺:場合的正式程度場地大小

屬性深色背景淺色背景
場合正式非正式
氛圍不影響環境光明亮感、會點亮空間
紙本講義不適合適合
戲劇打光元素可發光、效果強較難營造
適合場地大型場館小型會議室

純黑與純白背景對比最大,中間色(midtones)會大幅削弱可讀性。

投影前一定要實際投影測試——電腦螢幕上的顏色與投影後常常完全不同。

從產業中萃取色彩#

了解觀眾後,能用色彩拾取器從產業相關照片中萃取色票:

  • 農業:綠(114, 158, 60)、深綠、黃、橘紅
  • 汽車業:金屬灰、銀、金、橘——以中性灰為基底,亮色點綴

組合色票#

理想配色:3–5 個核心色,加上 1 個中性色與 1 個強調色。

  • 從 logo 或產業色出發
  • 中性色作背景、輔助視覺階層;用於資料圖中可讓重點脫穎而出
  • 強調色用於文字、圖表中製造重點
  • 為主色挑選明暗變體,用於漸層

全球約 12 人中有 1 人有某種色盲。

設計簡報時:使用不同明度的顏色;選擇可辨識的形狀;轉成灰階列印,檢查是否仍能區分。

案例:BzzAgent#

BzzAgent 仰賴口碑行銷,需要主動、有活力的視覺。設計策略:

  • 既有兩個色票位於色相環同側、近乎鄰近色
  • 在色相環同一側選擇間隔一色取色(不同深淺)擴充色票
  • 確保新加入的顏色從屬於核心兩色,避免所有顏色等比例搶眼
  • 圖表中以兩色為主,少量黑色點綴對比

文字:三秒法則#

投影片是「掃視媒介」(glance media)——更接近廣告看板而非雜誌。

觀眾應能在三秒內掌握訊息,再把注意力轉回講者。

想像高速公路上的看板若塞滿條列點,駕駛人會撞車。為什麼會議室裡的「視覺污染」反而沒人抗議?

投資排版(typesetting)#

蘋果第一代麥金塔就把排版功能內建——賈伯斯深知它對品牌的關鍵性。雖然簡報多被認為「不值得花時間排版」,但懂行的人會注意

字體的人格#

每種字體都有個性:嚴肅或俏皮、正式或友善、粗壯或謙遜。觀察字高升部與降部字腔(counter,字母負空間)。

  • 同一字級下,無襯線(sans serif)字體的 x-height 通常較高
  • 撇號要看起來像蝌蚪有頭有尾,而不是兩條碎刺;不要把英尺符號(foot mark)當作撇號

襯線 vs. 無襯線#

類型用途例字個性
Serif(襯線)長段文字,視線沿襯線連起Georgia正式、實用
SerifTimes New Roman專業、傳統
SerifCourier樸素、書呆氣
Sans Serif標題、副標、短句Arial穩定、合群
Sans SerifTahoma年輕、樸素
Sans SerifCentury Gothic愉快、優雅

投影片比較像廣告看板:通常無襯線更易識讀。

一份簡報最多用兩種字體:一種給標題與副標,一種給內文。需要強調時優先使用顏色或斜體,而非引入第三種字體。

一張投影片應放多少字?#

沒有硬性規定,但越少越好。

如果字太多,觀眾會比你說得更快讀完,讓你顯得多餘。

杜爾特曾以「保持安靜、讓同事讀投影片」的方式做了一場簡報——足足提早十分鐘結束。

避開 slideument#

  • 預設範本上每張投影片可放兩行標題與多層子彈點——這已是文件,不是投影片
  • 避免兩行標題:眼睛要橫掃太遠的距離
  • 試試只有標題的簡報——大標、單一概念

揭露文字的順序#

  • 偏好讓文字依序出現(build sequentially),不讓觀眾偷跑
  • 若需要重複議程頁,把已講過的項目調淡(gray out),讓觀眾視覺上自然跳到當前重點
  • 「淡化文字」可用比背景稍淡或稍深的同色

動畫只在能增加意義、情感或價值時才使用。

排版:細節決定觀感#

排版的細節在以下幾個地方累積起整體質感:

  • 連字(Ligatures):兩個字母合併成單一字形,如 fl、fi、ft、ff、ffl、ffi
  • 字距微調(Kerning):調整單一字母間距,避免視覺空隙。大寫字母 A、R、T、V、W、Y 常需手動微調
    • 例如「WAR」中 W 與 A 的斜邊雖然平行,但中間缺口太大,需手動拉近
  • 字母間距 / 字偶間距(Letterspacing / Tracking):影響整個單字的視覺密度

段落與行的間距#

  • 段落間距:條列點之間的距離;每個條列點視為一個新段落
  • 行距:段落內各行的距離
  • Shift + Return 為軟換行(軟回車)→ 行距
  • 直接按 Return 為硬換行(硬回車)→ 段落間距

Rag 與寡行(Widow)#

  • Rag:未對齊側形成的鋸齒邊形狀;觀察是否有突出而不協調的單字
  • Widow:段落最後孤零零的單字
  • 修正方式:微調文字框寬度,或用軟換行手動換行

「Typographer 必須剖析並揭露文字的內在秩序,正如音樂家揭露樂曲的內在秩序。」——Robert Bringhurst

遵守「子彈律」(Bullet Laws)#

「槍不殺人,但子彈(bullet points)殺了不少觀眾。」

過量條列點會讓觀眾在比喻上「斃命」,從而無法達成你的簡報目的。

忽略「4×4」、「5×5」、「七字以內」等硬性規則,用設計判斷力去組織條列。要訣(出自《Power Presenter》作者魏斯曼):

  • 把條列當作新聞標題——你負責補上肉
  • 簡潔,保持平行結構(parallel structure):每一行用同樣的時態與詞性
  • 盡量避免子條列
  • 風格要一致:句末是否加句號、首字大寫或標題大寫,全篇統一

隨手放一本《Chicago Manual of Style》與《Words into Type》,常常翻閱。

驗證字級大小#

要選多大的字?以下方法可以幫你判斷:

  1. 距離測試:螢幕對角線 21 吋,就在離螢幕 21 英尺處貼一條膠帶;播放投影片,膠帶後看不到的內容,最後一排觀眾也看不到
  2. 縮圖檢視:在投影片排序視圖中用 66% 大小檢視,能讀就 OK
  3. 實地測試:開講前實際走到場地後排逐張點過
  4. Guy Kawasaki 法則:「字級的好經驗法則是——把場內最年長投資人的年齡除以 2。」

主題演講(keynote)不要小於 28pt。

若你不停把字級降到 24pt 以下、加到第三層子彈,你做的是文件,不是投影片。

開場暖場與插段動畫#

進場時播放的「curtain warmers」或「splash animations」能在觀眾入座時建立期待。它們可:

  • 結合音樂與旁白
  • 像電視插播一樣,在簡報換段或臨時切換螢幕時填空
  • 內容可以是引言、冷知識、影像、影片

排版越細緻,動畫越能優雅。

例如「coaching」的 i 點可以與「excellence」的 l 結合,這些微妙的排版選擇決定了動畫如何延展。

原書圖片附錄#

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

原書 p.116

原書 p.118

原書 p.118

原書 p.127

原書 p.127

原書 p.134

原書 p.135

原書 p.137

原書 p.137

原書 p.137

原書 p.137

原書 p.137

原書 p.137

原書 p.138

原書 p.138

原書 p.138

原書 p.146

原書 p.149

原書 p.150

原書 p.151

原書 p.153

原書 p.154