四個原則總覽#

作者主張:把以下四個原則學會、刻意練習,就足以讓非設計背景的人做出有專業感的投影片。原則彼此關聯,但每一個都可以獨立思考。

  • Contrast(對比):讓不同的東西看起來明顯不同。
  • Repetition(重複):讓統一的元素重複出現以建立一致性。
  • Alignment(對齊):所有元素都應有理由地與其他元素對齊。
  • Proximity(親近):相關的元素靠近,不相關的拉開。

縮寫「CRAP」是作者本人愛用的記憶法(Contrast, Repetition, Alignment, Proximity)。

Contrast:對比#

如果兩個元素不一樣(例如標題與內文),就讓它們看起來真的不一樣——不要只差一兩級字。

  • 字型對比(例如 sans-serif 配 serif)比字級對比更有戲。
  • 顏色對比要明確(深 vs 淺),不要兩個都是中間色。
  • 對比的目的是建立視覺層級:觀眾一眼就知道哪裡是重點。

「有點像又有點不像」是最糟的選擇,看起來像失誤而不是設計。

對比示範:左邊版面對比微弱,看起來軟弱無力;右邊放大標題、加上強烈黑底白字後,視覺重量立刻不同。

Repetition:重複#

把某些元素(顏色、字型、bullet 樣式、位置)在整份投影片中反覆出現,建立一致的視覺語言。

  • 同一份簡報內,標題位置、字型、顏色應一致。
  • 重複不是僵化——主題可以變化,但變化是有秩序的。
  • 重複建立的是「這是同一份簡報」的感覺,缺了它觀眾會分心。

重複示範:同一個主題在多張投影片之間沿用相同的標題位置、字型、配色與圖像元素,建立一致的視覺語言。

Alignment:對齊#

每個元素都應該與另一個元素有清楚的對齊關係,不要隨手拖到「差不多」的位置。

  • 偏好強對齊(左對齊或右對齊)勝過弱對齊(置中)。
  • 置中對齊在大多數簡報情境下會顯得業餘。
  • 整份簡報的標題、內容區塊應該在固定位置,這也屬於對齊。

「對齊讓你看起來比較聰明」——這是作者原書的小標。實際上這個變化最便宜:不花錢、不花時間,但效果最明顯。

對齊示範:左邊元素隨意散落、彼此無關;右邊把照片與標題、副標題沿同一條左對齊線排好,整張投影片瞬間有秩序。

Proximity:親近#

有關的東西放在一起,把無關的東西拉開

  • 標題與它的內容靠近,與下一段內容拉開距離。
  • 圖片與它的說明靠近,不要被其他元素切開。
  • 親近建立群組關係,觀眾會自然地把靠近的東西讀成一組。

親近示範:左邊每行文字之間距離相同,看起來像四個獨立元素;右邊把相關項目靠近、不相關項目拉開,立刻讀成兩組——主題與作者署名。

套用順序的建議#

當你回頭檢查一張投影片時,可以依序問:

  1. 該對比的有沒有對比夠?
  2. 整份簡報是否有一致的重複元素?
  3. 每個元素有沒有與另一個元素清楚對齊?
  4. 相關的有沒有靠在一起?

這四個原則來自作者另一本書《The Non-Designer’s Design Book》。本章是把它們具體應用在投影片這個媒介上。