動態天然吸引人類的目光#
任何東西一移動,眼睛就像撲火的飛蛾被吸過去——這是「戰或逃」本能寫進人類大腦的反應。
簡報是專業人士每天接觸的少數時間軸媒介(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 個跡象#
- 動畫不自然或反直覺
- 節奏狂亂、惱人或像蒼蠅嗡嗡叫
- 不為內容加值、無目的
- 動畫把觀眾的注意力從講者身上帶走
- 「因為功能有,所以用」
- 動畫太多模糊了用意
- 動畫風格與內容不搭
- 突如其來的動畫讓觀眾被嚇到
原書圖片附錄#
以下為原書本章對應頁面的視覺素材,依出現順序排列;頁碼為英文原版印刷頁碼。

原書 p.194

原書 p.196

原書 p.196

原書 p.198

原書 p.198
