從邀請函的發(fā)布、每個新品的出場到結尾歌手的傾情表演,。蘋果發(fā)布會似乎都是一場精心設計的「舞臺劇」,，吸引著臺下的觀眾跟著它們的節(jié)奏，聽它們講故事,。假如把蘋果發(fā)布會比擬成舞臺劇的話,，那么貫穿全場的 Keynote 就是它們的劇本。

今天 AppSo 就帶大家一起解析歷屆蘋果發(fā)布會 Keynote 套路,，手把手教你玩轉 Keynote,。

懶人目錄

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

蘋果的 Keynote 有什么套路

嚴格遵守四原則

在《寫給大家看的設計書》中,，Robin Williams 將復雜的設計原理凝煉為親密性,、對齊、重復和對比 4 個基本原則,。我們將這四個原則套入到蘋果發(fā)布會的 Keynote 中,，幫助大家更好地梳理制作的邏輯。

親密性：親密性表現(xiàn)在將相關的項組織在一起,，包括物理位置的相近,、整體風格的統(tǒng)一，使其成為一個視覺單元,，達到一致性,。

對齊：找一條明確的對齊線，并堅持以其為基準進行對齊,，包括文字對齊,、圖片對齊,、元素對齊等等。

對比：通過多種方式實現(xiàn)有效的對比,，有效就意味著要突出,。

這一點在蘋果凸顯產(chǎn)品細節(jié)的時候能夠很好的看到，利用單獨一頁來突出放大介紹產(chǎn)品的細節(jié),。

又或者是用外發(fā)光的色塊來突出某一個部件,，用線條引出對應的信息。

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

重復：設計的某些方面需要在整個作品中重復,，重復的本質(zhì)是「一致性」。

蘋果風=極簡風,，不管是蘋果官網(wǎng),、還是發(fā)布會中使用的演示 Keynote，你都可以看到蘋果強迫癥式的一致極簡設計,。

1. 背景統(tǒng)一

從喬布斯固定使用的深藍色漸變背景到現(xiàn)在庫克常用的全黑色背景,，統(tǒng)一的字體，大范圍的留白,，我們的都可以看到這種整體風格的親密性帶來的愉悅,。

2. 居中構圖

3. 平鋪排列

4.字體統(tǒng)一

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

我們還為你們整理出了蘋果發(fā)布會的一些排版「套路」：

1. 關于數(shù)據(jù)展示,，采用各種可視化的方式表達數(shù)據(jù)。

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

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

總結：

• 少即是多：一頁就是一個主題，主要靠展示者通過現(xiàn)場演講進行豐富,。
• 所見即所得：實景操作,、用更加可視化的形式表現(xiàn)數(shù)據(jù),、表現(xiàn)功能。
• 講一個故事：用興趣的朋友可以去啃一啃《喬布斯的魔力演講》這本書,。

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

而這些動畫的實現(xiàn),，全靠 Keynote 內(nèi)置的動畫效果。向剛才展示的,，神奇移動是每次發(fā)布會的固定「嘉賓」,。今天讓我們一起來看看神奇移動如何實現(xiàn)。

手把手教你玩轉神奇移動

神奇移動,，官方解釋是「將創(chuàng)建對象從一張幻燈片的位置移到下一張幻燈片的新位置的效果」,。

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

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

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

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

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

除了匹配對象，你還可以匹配單詞和字符,，用來表示縮寫,。在第一張幻燈片輸入字符，然后在第二張幻燈片進行字符的縮寫,。

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

神奇移動制作的要訣就是選好固定要素,，設計變化規(guī)則,。

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

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

你就可以制作一個像這樣的遮罩視頻,。

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

實際上,，Keynote 還有很多值得把玩的過渡動態(tài)和自定義動畫效果,，通過構件出現(xiàn)、動作,、消失以及各個構件的順序,，延續(xù)的時間、出場的規(guī)則,，你可以用 Keynote 做出非?？犰诺膭赢嫞?iPhone 7/Plus 發(fā)布的快閃廣告,。

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

在我們「高仿」蘋果發(fā)布會的過程中，A 君也為你整理一些能幫你快速制作的技巧,，在實際過程中也非常實用高效,，拿走不謝。

1. 自定義模板保證統(tǒng)一性

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

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

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

3. 善用陰影,，制造層次感。

你可以自定義 Keynote 圖片的陰影功能,，陰影類型中的接觸陰影可以用來展現(xiàn)產(chǎn)品與其他元素的層次感,。

4. 一鍵導出影片

制作完絢麗的動態(tài)效果,，你可以直接點擊導出為 iMovie，就可以保存為視頻模式,，分享給更多的人,。

今天的蘋果發(fā)布會 Keynote 解析就到這里了，如果你想看更多 Keynote 的教程,，點贊告訴我們吧,！我們還為你找到了 WWDC 2014 Keynote 的復刻版，讓你看看背后的制作原理,。