建立影像系統#

整個組織都受益於一個共享的影像庫——員工不必每次都重新搜尋產業相關圖片，能聚焦於內容本身。

強大的影像庫不是「一堆圖」，而是可重用的元件系統，彼此搭配自然。

本章涵蓋兩類影像：攝影（photography）與插畫（illustration）。

攝影：建立照片家族#

你的懶惰競爭對手會抓搜尋結果第一張圖。

你應該投資時間，挑選一組能像「同一位攝影師拍的」、感覺渾然一體的照片。

影像「家族」的判斷標準#

• 燈光與色調一致
• 構圖風格、被攝者風格一致
• 內容真實，而非擺拍的隱喻
• 避開老套：兩隻手在地球前握手、一群面目模糊的人對著筆電微笑——這些情境根本不在現實裡發生

選擇人物照片時的清單

• 反映觀眾的文化或族裔
• 符合脈絡
• 不要從脖子處裁切
• 表現產業、顧客體驗、真實生活情境
• 反映當下時代感

三分法構圖（Rule of Thirds）#

把畫面水平與垂直各切成三等分，交點稱為power points。

• 焦點略偏離正中央——更平衡、更具能量、更有趣味
• 焦點偏一邊也為投影片上的文字留出空間
• 新型數位相機通常有此網格選項，開啟它並對齊你的鏡頭
• 看電影時留意：大多場景的焦點都落在這四個交點上

裁切影像時，把焦點留在最重要的部分。

案例：學區的「重拾教育的樂趣」#

教師最初投身教育的初衷是孩子。將孩子放在學區振興計畫的核心，是這個簡報的設計起點：

• 快樂的孩子、明亮的顏色、簡單的構圖，奠定愉快基調
• 主視覺以同心圓圖示（concentric diagram）呈現，學生是中心綠點，新措施圍繞著學生需求展開
• 章節過渡頁用孩子的雙色調（duotone）照片強化正面氛圍
• 攝影與資訊設計結合，同時觸動教師的理性與情感

自己拍攝照片#

許多時候，最適合你故事的照片並不存在於任何圖庫。

• 不要先去搜圖；先想清楚「什麼樣的畫面最能講出我的故事」，再去拍或找
• 仔細打光，避免奇怪的陰影；前期規劃比後期修圖更省時
• 創意例子：
  • 字母湯：在番茄湯上仔細排出字母
  • Mozilla 開源解：用樂高拼出固定形狀的海盜船，比喻 pre-set kit 的侷限——而 Mozilla 是真正的開源（無此限制）
  • 美國醫療系統破碎：用切割成多片的派來表現多方利益勢力各據一塊

擁有你使用的影像：不要隨手從網路抓圖。

若你的簡報在網路上爆紅，影像擁有者可以追討授權費，那會非常昂貴。

插畫：用線條傳達個性#

線條是插畫的基礎。寬度、類型、紋理都展現不同氣質：

• 直線+尖角：直接、分析感
• 曲線：俏皮、隨性

線寬的提醒#

從 ¼ pt 到 6 pt 都可選擇。

最細的線在大型場館投影時可能看不到。

線型與紋理#

• 線型：點線（dotted）、虛線（dashed）、鋸齒（zig-zag）、曲線（curved）、自由形（freeform）
• 紋理：書法（calligraphy）、筆/麥克筆（pen, marker）、粉筆/炭筆（chalk, charcoal）、畫筆（paintbrush）

紋理線條無法直接在簡報軟體中完成。

用其他繪圖軟體，或手繪後掃描進來。把背景去透明後，疊在照片上，甚至可加上動畫（如讓秋千動起來）。

建立插畫圖庫#

可以購買既成圖示，或聘插畫師打造產業專屬圖庫。

• 等距軸測（isometric）風格沒有消失點，所有平面相互平行
• 即便隨意擺放，圖示也像放在同一個平面上
• 用水平或對角線連接圖示，視覺上依然成立

想稱霸新興產業？打造一套圖庫然後免費送給整個產業（包括競爭對手）。

Cisco 自始就把自己的網路圖示圖庫公開贈送，從此 Cisco 的圖形就是業界標準。

描繪複雜故事：infographics#

當概念過於複雜時，往往需要資訊圖（infographics）——結合系統運作邏輯與深度資訊。

• 用動畫逐步建構：讓觀眾理解各部件如何相互連動
• 太複雜時請專業插畫師

與插畫師合作的成功要訣#

• 講故事、不要指定畫面：告訴他們你想表達什麼，讓他們從新鮮觀點出發
• 給時間：研究、發想、修改都需要時間；趕時，請先畫草稿
• 讓他們做專家：信任他們的判斷；外行而主觀的意見會毀掉專案
• 做決定：把所有 stakeholder 的回饋整合成清晰、無衝突的指示

案例：抗病毒城堡#

把電腦病毒比喻為攻擊城堡：

• 上圖：病毒攻擊城邦，市民被感染
• 下圖：IT 人員（穿成守衛）堵住病毒入侵的破口

統一圖示與插畫的風格#

同一份簡報的所有圖示，應該像是出自同一位插畫師之手。

即使根本造形相同，比例、表面、光照、紋理任一不同，就會像是各自不同的角色——放在同一份檔案會荒謬可笑。

• 鎖定一種紋理、一個光源或一種模式
• 絕對不要使用 clip art
• 聘當地插畫師建立屬於你故事的關鍵圖像
• 線上購買插畫也可以，但要確保它們看起來「同源」

按住 Shift 拖曳，可以等比例縮放，避免變形。

案例：Dr. Mike Magee——以「家」為核心的醫療#

馬基（Mike Magee）醫師主張：醫療的核心不是醫院的病患與疾病，而是家——這個地理位置中的營養、運動、教育與安全。設計挑戰因此是：讓簡報遠離冰冷的醫院觀感，引人進入溫暖的家庭氛圍。

• 每個段落使用居家紋理：木紋、布料、皮革
• 手繪插畫為簡報添上像麥克筆畫上去的溫度
• 照片以家中擺設方式呈現：精緻框邊、突出位置——「這是我生命中重要的事」
• 圖表後方加微妙漸層，提升對比

案例：以影片作為「處罰」#

Duarte VP Dan Post 的兩個青少年兒子幾次太過冒險。他選擇的處罰方式：週六早上一起做一份「關於界線」的簡報。

• 從一個種子想法開始，腦力激盪、規劃、拍攝
• 在 4 小時內用 Apple Keynote 完成
• 把 Ken 娃娃的腳釘在地上，背後空腔放鞭炮——只剩牛仔褲在搖晃，頭噹啷掉下，然後一片寂靜，全家爆笑
• 兩個男孩在製作過程中已內化訊息——根本不需要再「看」這份簡報

把影片融入簡報並不可怕。

重點不是製作品質，而是創意。每段影片幾秒到 30 秒之間，已足以高經濟效率地傳達複雜論點。我們稱之為「video slides」。

原書圖片附錄#

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