動態天然吸引人類的目光#

任何東西一移動,眼睛就像撲火的飛蛾被吸過去——這是「戰或逃」本能寫進人類大腦的反應。

簡報是專業人士每天接觸的少數時間軸媒介(time-based media)之一。

不要因此讓所有東西都嗡嗡飛或咻咻穿越螢幕。每一個動畫,無論多細微,都會干擾觀眾接收洞察的能力。

動畫並不壞——它應該為幫助觀眾理解資訊而存在。但許多簡報者選擇動畫時並不謹慎。

動畫不是最後在蛋糕上灑糖霜,而是核心溝通策略

規劃動畫#

動畫(animation)的字源是拉丁文 anima,意為「生命之氣」。

但多數簡報的動畫是吸走觀眾的生命,而非為他們注入生命。

物件的移動應該自然且合乎期待#

  • 動畫應該幫助觀眾理解資訊的順序或互相關聯
  • 觀眾應該能按動畫呈現的順序去處理資訊
  • 在好萊塢電影裡,每一場戲與演員的每一個移動都會仔細規劃
  • 在簡報中,元素就是演員——每個都必須為故事服務

與你的投影片同步#

  • 觀眾天生會即時讀完視覺資訊
  • 若一張投影片包含多個視覺、講者只談其中一個,觀眾會邊聽邊讀別的,造成混亂
  • 隱藏元素直到要談它時才出現:讓觀眾的焦點停在你正在講的內容
  • 這正是「需要有一個講者」的本意

不同節奏,不同情緒#

慢速動畫(Ken Burns 風格):營造懷舊感或時間流逝的感覺。

快速動畫(quick cuts):營造刺激、活力或驚奇。

動畫服務於目的#

組合投影片時,把自己當作正在透過攝影機觀景窗的電影導演

任何元素——色彩、文字、影像、圖示、形狀、線條——都能成為這一場戲的演員。

動畫的五大用途#

  • 改變關係(Change in Relationship):調整鄰近、修改階層、顯示流動、比較、分離或納入、影響或衝擊、吸引或排斥
  • 方向(Direction):進場/離場、推近/拉遠、轉換視角、平移影像、揭露/覆蓋、建構/解構
  • 物件變化(Change in Object):變形、修改、變化、放大/縮小、簡化或顯複雜
  • 序列(Sequence):場景轉換、時光流逝、生長/衰退、流程演示、模式浮現
  • 強調(Emphasis):控制視線、創造對比、向前/向後、突顯重點

從電影中學動畫#

過去一百年,電影靠視覺語言敘事與激起情感。Van Sijll 在《Cinematic Storytelling》中說:

「電影敘事的差別在於記錄還是戲劇化,在於是否善用這個媒介的強大敘事工具。」

這同樣適用於簡報——你可以做出文件,也可以做出戲劇。

優秀的簡報製作者更像編劇而非演講稿撰寫人:他不只專注內容,也能流利地構想「觀眾在螢幕上會看到什麼」。

畫面動力學的方向偏好#

偏好原因
X 軸:從左到右舒適模擬閱讀順序——電影中「好人」常從左方進場,「壞人」從右方進場
X 軸:從右到左不舒適違逆閱讀方向,潛意識帶來負面印象
Y 軸:向下合理順從地心引力
Y 軸:向上違反直覺看似抵抗地心引力
對角線:左上 → 右下最易順向閱讀又順向地心引力
對角線:右下 → 左上最難違閱讀又抗地心引力

物件如何動#

動畫呈現的是運動的錯覺。決定如何讓物件運動,會影響觀眾處理資訊的速度與眼球運動量。

  • 彈跳(文字落下後再彈進位置)不僅惱人,而且無意義
  • 規劃節奏:物件到哪、什麼時候到、在空間中的軌跡
  • 同一物件常需多個動畫效果疊加才能模擬自然行為

自然運動的例子#

  • 球體下降時應斜向右下移動,跟隨進入角度
  • 接觸地面時,圓變橢圓,表現衝擊變形
  • 彈起後弧高變低,表現能量損耗
  • 進出畫面的物件,搭配路徑與縮放效果,能模擬遠近——例如雙向街景,遠處的球小、近處大,相對縮放營造三維深度

利用 push transition 串接全景#

當一張投影片裝不下所有內容時,把它分成多張,用 PowerPoint 的 push 轉場連起來,模擬攝影機平移。

  • 例如左側放一張人物與引言,右側放另一張,push left 後像是「鏡頭平移過去」
  • 把擁擠的時間軸拆成多張投影片,用 push left 串接,給觀眾「一條長時間軸」的錯覺
  • 動畫進入加上意外揭曉,效果更強

用「場景」思考,而不是「投影片」#

把整份簡報當成一部電影,從一個場景流到下一個場景,而不是一張接一張的快照。

10 張投影片組合的範例可以營造「穿越一個連續長場景」的觀感,每張投影片只是其中一格。

若要使用此手法,模板必須在四邊都淨空

頁碼、標題與其他標準模板元素,在 push 轉場時會把模板痕跡一起帶過去,破壞錯覺。

案例:Logitech CEO Guerrino De Luca#

De Luca 在 IFA Berlin 解釋家用電子產品的新世代演進。他的策略:

  • 跟著家庭娛樂演化史走一條敘事線
  • 用動畫線條串起場景
  • 最後鏡頭拉遠,揭露出更大畫面——人形剪影
  • 全圖、無文字的方法,給講者極大彈性,不必逐項照唸條列點

「人是我們駕馭家庭娛樂系統複雜性的核心。」——Guerrino De Luca

PowerPoint 的 motion path 與自動 fade 轉場巧妙結合,模擬出攝影機在畫面中的移動。

案例:用比喻做出有意義的動畫——Citrix SmartAccess#

與高階主管在白板腦力激盪後,誕生出密碼鎖(combination lock)的比喻:

  • 撥盤轉動模擬授予存取權
  • 第一個撥盤對上、解鎖後觸發下一個撥盤
  • 三個撥盤都對上時,視覺上彷彿開啟了三項應用程式的存取

案例:Rare——以舞台和木偶劇敘事#

Rare 是一家美國保育組織,以在地化、貼近文化的方式喚起環境保育意識。他們的簡報採用「演木偶劇」的策略:

  • 不條列「成為 Rare Champion 的步驟」,而是用一場故事讓演員上下舞台
  • 每張投影片底部顯示故事當下的章節進度
  • 從識別威脅、訓練、規劃,到動員社區,整個流程像在閱讀一齣戲

避免造成視覺暈眩#

杜爾特曾出席印度某高階簡報中心的演說,動畫過度誇張到 20 位主管中有 2 位閉著眼睛硬撐到結束——10% 的觀眾因此失去。

軟體裡有那個動畫,不代表你必須使用它。

Duarte 與許多公司合作時,會明確禁用某些動畫,因為它們與品牌個性背道而馳。PowerPoint 的多數自訂動畫,最好假裝它們不存在。

你正在錯用動畫的 8 個跡象#

  1. 動畫不自然或反直覺
  2. 節奏狂亂、惱人或像蒼蠅嗡嗡叫
  3. 不為內容加值、無目的
  4. 動畫把觀眾的注意力從講者身上帶走
  5. 「因為功能有,所以用」
  6. 動畫太多模糊了用意
  7. 動畫風格與內容不搭
  8. 突如其來的動畫讓觀眾被嚇到

原書圖片附錄#

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

原書 p.194

原書 p.196

原書 p.196

原書 p.198

原書 p.198

原書 p.201