為什麼蘋果發表會的Keynote這麼好看?學會這4招,你也能做出同款簡報
為什麼蘋果發表會的Keynote這麼好看?學會這4招,你也能做出同款簡報

假如把蘋果發表會比擬成舞臺劇的話,那麼貫穿全場的Keynote就是它們的劇本。

Keynote1.jpeg
圖/ 愛范兒

今天就帶大家一起解析歷屆蘋果發表會Keynote的套路,手把手教你玩轉Keynote。

懶人目錄

  • 蘋果的Keynote有什麼套路?
  • 電影級別的流暢動畫
  • 手把手教你玩轉神奇移動
  • 還有這些加分的Keynote使用技巧,拿走不謝

蘋果的Keynote有什麼套路

嚴格遵守四原則

《寫給大家看的設計書》中,設計師羅賓·威廉斯(Robin Williams)將複雜的設計原理凝煉為親密性、對齊、重複和對比4個基本原則。我們將這四個原則套入到蘋果發表會的Keynote中,幫助大家更容易梳理製作的邏輯。

  • 親密性:親密性表現在將相關的項目組織在一起,包括物理位置的相近、整體風格的統一,使其成為一個視覺單元,達到一致性。
Keynote2.png
圖/ 愛范兒
Keynote3.png
圖/ 愛范兒
  • 對齊:找一條明確的對齊線,並堅持以其為基準進行對齊,包括文字對齊、圖片對齊、元素對齊等等。
Keynote4.jpg
圖/ 愛范兒
  • 對比:透過多種方式實現有效(突出)的對比。

這一點在蘋果凸顯產品細節時能夠清楚看到,利用單獨一頁來突出放大介紹產品的細節。

Keynote5.jpg
圖/ 愛范兒

又或者是用發光的色塊來突出某個部件,用線條引出對應的資訊。

Keynote6.png
圖/ 愛范兒

或者用「拆解」的方式放大某個零件。

Keynote7.jpg
圖/ 愛范兒
  • 重複:設計的某些方面需要在整個作品中重複,重複的本質是「一致性」。

蘋果風=極簡風,不管是蘋果官網、還是發表會中使用的簡報Keynote,你都可以看到蘋果強迫症式的一致極簡設計。

1. 背景統一

從賈伯斯固定使用的深藍色漸層背景,到現在庫克常用的全黑色背景,統一的字體,大範圍的留白,我們都可以看到這種整體風格的親密性帶來的愉悅。

Keynote8.jpg
圖/ 愛范兒
Keynote9.jpeg
新建Keynote,可以在預設看到賈伯斯固定使用的藍黑漸變範本
圖/ 愛范兒

2. 居中構圖

Keynote10.png
圖/ 愛范兒
Keynote11.png
圖/ 愛范兒

3. 平鋪排列

Keynote12.jpg
圖/ 愛范兒
Keynote13.jpg
圖/ 愛范兒
Keynote14.jpg
圖/ 愛范兒

4. 字體統一

從Myriad到自己設計的San Francisco,無襯線的字體顯得更加簡潔。在iPad介紹部分,也採用了具有手寫風格的字體。

Keynote15.jpg
圖/ 愛范兒

我們還為你們整理出了蘋果發表會的一些排版「套路」:

1. 關於數據的呈現,採用各種視覺化的方式表達。

Keynote16.png
圖/ 愛范兒
Keynote17.png
圖/ 愛范兒
Keynote18.png
在2018 WWDC上用一張一千億美元的支票。
圖/ 愛范兒

而在和以往單品對比上,也用所見即所得的方式,代替了枯燥的資料。

Keynote19.png
圖/ 愛范兒
Keynote20.png
圖/ 愛范兒

2. 關於產品功能羅列,不管是現場進行Memoji Facetime,還是為了展示Apple Watch功能,把電動腳踏車搬上舞臺,都讓你所見即所得。

Keynote21.png
圖/ 愛范兒
Keynote22.png
圖/ 愛范兒

3. Slogan或關鍵點的展示,換成了各種填充背景的字體做突出展示。

Keynote23.png
圖/ 愛范兒
Keynote24.png
圖/ 愛范兒

小結:

  • 少即是多:一頁就是一個主題,主要還是要靠簡報者豐富的現場演講。
  • 所見即所得:實景操作、用更加視覺化的形式展現數據、表現功能。
  • 講一個故事:有興趣的朋友可以去翻翻《賈伯斯的魔力演講》這本書。

而除了排版風格、整體配色上的一致性,Keynote的動畫也極具表現力和感染力。

Keynote25.gif
閃亮出場的轟炸效果
圖/ 愛范兒
Keynote26.gif
順暢過渡「神奇移動」
圖/ 愛范兒

而這些動畫的實現,全靠Keynote內建的動畫效果。像是剛剛的「神奇移動」,是每次發表會的固定「嘉賓」。今天讓我們一起來看看「神奇移動」如何實現。

手把手教你玩轉神奇移動

神奇移動,官方解釋是「將物件從一張投影片移到下一張投影片的效果」。

所以在製作的過程中,需要固定一個物件。讓我們用愛范兒的logo來試一下,我們選定了愛范兒及AppSo兩個logo作為固定元素,插入到第一張幻燈片中。

Keynote27.jpeg
圖/ 愛范兒

在第二張幻燈片中改變固定元素的位置大小,並在第一張幻燈片的動畫效果上選擇「神奇移動」,匹配選項選擇「物件」,即可看到改變位置神奇移動的效果。

Keynote28.gif
改變位置的神奇移動效果
圖/ 愛范兒

同理,你還可以在第三張幻燈片中,將愛范兒單獨拿出來放大,達到改變大小的神奇移動效果。

Keynote29.gif
改變大小的神奇移動效果
圖/ 愛范兒

通過位置和大小的變化,你可以實現從整齊排列到發散的流暢效果,反之亦可。

Keynote30.gif
圖/ 愛范兒

你還可以用來聚焦某個局部,或者是放散到整體:

Keynote31.gif
圖/ 愛范兒
Keynote32.gif
圖/ 愛范兒

除了匹配物件,你還可以匹配單詞和字元,用來表示縮寫。在第一張幻燈片輸入字元,然後在第二張幻燈片進行字元的縮寫。

Keynote33.jpeg
圖/ 愛范兒

選擇按「字元」的匹配方式,就可以達到以下的效果。

Keynote34.gif
圖/ 愛范兒

神奇移動製作的要訣就是選好固定要素,設計變化規則。

除了神奇移動,在剛結束的10月發表會開頭,蘋果為我們展示了300多種形態的蘋果icon,我們也嘗試用Keynote做了簡易版的同款。

首先需要製作一個鏤空的遮罩層,然後可以在背後插入圖片或者影片。

Keynote35.jpeg
圖/ 愛范兒

你就可以製作一個像這樣的遮罩短片。

Keynote36.gif
蘋果Share You Gift廣告片
圖/ 愛范兒

同理,你可以插入多個圖片,並設定各個背景圖片的出場順序,自己做一個渲染背景的效果。

Keynote37.gif
圖/ 愛范兒
Keynote38.jpeg
圖/ 愛范兒

實際上,Keynote還有很多值得把玩的過渡動態和自訂動畫效果,透過構件出現、動作、消失以及各個構件的順序,延續的時間、出場的規則,你可以用Keynote做出非常酷炫的動畫,例如iPhone 7/Plus發佈的快閃廣告。

<iframe width="560" height="315" src="https://www.youtube.com/embed/akT7oe2I-BY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

還有這些加分的Keynote使用技巧,拿走不謝

在我們「高仿」蘋果發表會的過程中,也為你整理一些能幫你快速製作的技巧,在實際過程中也非常實用高效,拿走不謝。

1. 自訂範本保證統一性

為了保持製作過程中的統一性,你可以預設整體風格,文字大小、固定元素也可以在右邊的樣式框裡進行預設,在使用過程中,點擊即可使用,非常便捷。

Keynote39.gif
圖/ 愛范兒

2. 快速對齊模式保證對齊性

多個元素之間的排列,都可以點擊這裡進行選擇。

Keynote40.gif
圖/ 愛范兒

3. 善用陰影,製造層次感

你可以自訂Keynote圖片的陰影功能,陰影類型中的接觸陰影可以用來展現產品與其他元素的層次感。

Keynote41.png
圖/ 愛范兒
Keynote42.png
圖/ 愛范兒
Keynote43.gif
Keynote圖片陰影功能
圖/ 愛范兒

4. 一鍵匯出影片

製作完絢麗的動態效果,你可以直接點擊匯出為iMovie,就可以保存為影片模式,分享給更多的人。

Keynote44.png
圖/ 愛范兒

今天的蘋果發表會Keynote解析就到這裡,而我們還為你找到了WWDC 2014 Keynote的復刻版,讓你看看背後的製作原理。

Keynote45.png
圖/ 愛范兒

本文授權轉載自:愛范兒

關鍵字: #Apple #WWDC
往下滑看下一篇文章
不只投廣告!在 AI 時代,無限創意行銷如何從企業營運出發,放大行銷成效?
不只投廣告!在 AI 時代,無限創意行銷如何從企業營運出發,放大行銷成效?

一家連續十年營收 700 萬元的健身業者,如何在一年內將業績推升至 3,500 萬元,成長整整 5 倍?答案可能和多數人想的不一樣。

這家健身品牌不是一開始就加碼投放廣告,而是先從調整組織架構與薪酬制度著手,透過明確分工改善團隊運作,進而建立「全員銷售」文化,這並不是要求每位員工都成為業務員,而是讓團隊理解與認同品牌理念,確保從服務、回覆、教學到售後過程中的每一個顧客接觸點,都能傳遞一致的訊息與體驗,從而建立顧客對品牌的信任感,甚至願意主動購買與持續回購。而規劃這套成長策略的幕後推手,正是無限創意行銷。

AI 讓行銷變簡單,為何行銷公司反而更難做出成效?

雖然公司名稱裡有「行銷」兩個字,但無限創意行銷並非只從行銷工具出發,而是以顧問式行銷的角色,先理解企業經營問題,再決定應採取哪些行銷與營運解方。「我們不會一開始就告訴企業該採用哪些行銷策略,而是根據企業真的需求來提供適合解方」,無限創意行銷創辦人翁小五一語道出公司的獨特定位。

通常,企業在面對營收成長瓶頸時,第一個念頭就是做行銷,然而,翁小五從過往的工作與創業經驗中發現,限制企業營收成長的原因有很多,不一定與行銷有關,背後可能還有其他問題,若沒有釐清真正的問題所在,就急著投入廣告或其他行銷資源,很可能只是治標不治本。

基於這樣的觀察,無限創意行銷決定採取反向思考邏輯:先回到企業經營本身,找出造成「成長趨緩」的真正原因,再據此制定策略、優化營運流程,最後透過行銷放大企業優勢。當每一筆行銷投入都建立在更健康的企業體質與更精準的策略判斷之上,行銷才不只是「有做」,而是真正能為企業帶來成長。

這套「先找問題、再選工具」的服務模式,在生成式 AI 工具普及後,也成為拉開行銷成效差距的關鍵。

過去,行銷公司的價值建立在製作能力、投放技術與媒體資源;但當 AI 逐步降低文案、素材與分析的執行成本,單純提供「做內容、下廣告、做報表」的服務,差異化將快速縮小。此時真正考驗的,反而是行銷人的理解力和判斷力:能否看懂消費者真正需要什麼?能否找出限制企業營收成長的關鍵環節?而這正是無限創意行銷長期深耕企業經營現場、不斷透過數據與市場驗證所累積的核心能力。

無限創意行銷-2.JPG
無限創意行銷創辦人 翁小五
圖/ 數位時代

AI 拆解營收黑洞,讓數據為企業成長導航

在無限創意行銷的顧問式服務流程中,數據是相當重要的依據。翁小五進一步說明,無限創意行銷的數據應用可以分為三個層次:從檢視行銷活動成效、拆解顧客旅程中的問題節點,再進一步延伸至年度營運規劃,讓企業不只知道「過去發生了什麼」,更能判斷「下一步該怎麼走」。

首先,是檢視行銷活動成效,其中最重要的原則在於,根據行銷目標去解讀數據。舉例來說,如果目標是增加首購顧客,除了檢視素材吸引力與點擊率,還要持續追蹤到站、詢問、成交、新客占比與首購成本;如果目標是擴大營收規模,則應進一步檢視回購率、客單價與顧客終身價值。

數據應用的第二層價值,是拆解從「廣告投入」到「營收產出」之間的過程,理解每一個節點的數據分別反映什麼問題,再針對問題逐一修正。

至於第三個層次,則是讓數據成為企業經營與資源配置的依據。無限創意行銷會從年度營收目標出發,結合產業特性、淡旺季變化與過往行銷成果,拆解每一季、每個月的業績任務,再將過去有效的策略放大、成效不佳的做法修正,據此安排下一年度的行銷資源與營運節奏。

不急著加碼廣告,從企業體質出發找出 5 倍成長解方

對無限創意行銷來說,數據是找出問題、配置資源與規劃成長路徑的關鍵,文章開頭提到的健身業者,正是此套方法論的最佳印證。當初,翁小五深入診斷後發現,這家企業真正的問題在於組織結構過度扁平,老闆長期忙於處理日常事務,難以專注在營運規劃;此外,組織缺乏真正負責營運管理的中階主管、教練流動過高導致學員缺乏安全感等,皆是影響回購率的因素。

因此,無限創意行銷先從組織架構著手,設立專責店長一職,並重新設計薪酬制度,藉此讓教練、店長與老闆皆可專注在自身工作上。之後,再透過前期廣告數據與顧客洞察,找出消費者選擇品牌的真正原因,並運用行銷活動與口碑經營持續放大。同時,翁小五也在過程中導入「全員銷售」概念,確保顧客在各個接觸點都享有一致的體驗,品牌才能逐步累積顧客信任。

最終,這家企業的營收一年就成長至 3,500 萬元,達到原先的 5 倍。這個案例也說明了無限創意行銷的方法論:行銷不是企業成長的起點,而是放大企業優勢的槓桿;企業體質愈健全,這支槓桿所能放大的成長效益也愈大。

從「會做」到「會判斷」,AI 時代,無限創意行銷正在重新定義行銷公司的價值

隨著 AI 能力越來越強大,下一代行銷公司的價值,不只是比誰更懂得運用 AI,而是行銷人的市場理解力與專業判斷力,知道 AI 產出的內容哪些值得留下、哪些應該捨棄,或是該如何持續修正,才能打造出能夠被消費者感受到的品牌體驗。

因此,無限創意行銷未來將積極建立團隊與 AI 協作的方法論,將過往的專案判斷、提問框架與數據檢核邏輯,轉化為 AI 協作流程。團隊在面對新專案時,不是直接要求 AI 給答案,而是先定義目標、限制條件與判斷標準,再去檢查 AI 產出是否符合商業情境。

對翁小五而言,AI 時代真正稀缺的,不是工具,而是定義問題、理解消費者與判斷品質的能力。未來無限創意行銷的競爭力,也不在於使用多少 AI,而是持續將人的品味、市場理解與產業 Know-how,透過 AI 放大,協助企業打造更精準的品牌體驗與更高品質的決策。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台達電全解讀
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓