Keynote 學習筆記

看了 WWDC 2014 Session Videos 里的 Prototyping: Fake It Till You Make It 後，覺得相當酷炫——利用 Keynote 這麼用戶友善的工具就能做出逼真的交互原型的，我也想學。後來在知乎上看見 @李志超 老師推薦道：

另外關於 Keynote 的使用方法，推薦大家在 許岑的微博_微博 里跟著學習，足以從零開始做完原型，還可以做個漂亮的幻燈片忽悠投資去，一舉兩得！

於是跑去看了教程，並有了以下關於許岑老師 Keynote 教學視頻的要點歸納：

（一）實用功能:

• cmd+R 啟動校準線，右鍵呼出各種對齊方式和間距校準方式。

• 使用放大鏡取色，使幻燈片的文字與圖片擁有更好的統一性。

• 「即時 Alpha」可以實現簡單的摳圖。

• 把音頻文件扔進幻燈片裡面就行了，播放時不會顯示。

• 重視視頻的傳播效果，善用恰當的視頻。

• 使用「用筆來畫」，如勾描輪廓，打造手繪風格。

• 運用神奇移動，外加疊層遮罩來製作產品動效。

• mask with shape，用各種形狀進行遮罩（摳圖）。除了摳圖，還可用於給照片加圓角弧邊之類。

• 疊化（漸隱漸現）的使用要考慮畫面邏輯關係，常用於對一個對象的不同角度切換（比如公民凱恩的開場柵欄）。兩個不相關的東西之間不能使用疊化，正確姿勢舉例－報紙內容與影片畫面的疊化。

• 常用的圖表使用規則：
• 餅圖的最大部分要從 12 點方向開始，以面積遞減依次排列。
• 折線圖別用虛線。圖形圖的重疊部分要使用不透明效果調試。
• 散點圖要把點連起來。
• 3D 圖表慎用。

（二）技法：

• 調整並列要點的「不透明度」，依次顯示要點 ，可以防止觀眾的注意力被分散。調整到50%的透明度，可以保證演講者的注意力始終放在最高亮的那一個點。最後採取一個 疊化（dissolve） 的方式，將要點全部展現，力圖給觀眾一個完整的回味。

• 字體選擇要慎重，需對應內容和主題，

• 背景的選擇要符合常識，服務於目的，盡量擬物化。

• 聲畫同步，要形象生動更要符合常識。

• 美化文字時，追求極致者可將工具延伸到 Keynote 之外，如 Ps；使用文字元號。

• 當橫版圖片全屏放置，而豎版圖片不便全屏時，為保持一致性，可將豎版照片放在一個畫框內，加一個全屏背景（擬物化）。

• 空心圓可做成粗線條圓框（No fill），用來美化幻燈片（如圈起 slogan）。

• 考慮演講場地、觀眾視線等，然後調整頁面。底部空白太多考慮用黑色遮擋。

• 動作效果應慎重使用，有道理地形象地用（內容決定動作）：
• 單頁－動作連用（棒球落下加滾動），圖片疊加再用動作（如漸隱漸現）。
• 動作順序與成組－多個對象的不同動作設置為一起出現，或者多個對象成組然後為其設置一個動作。
• 神奇移動－基於兩頁之間有共同的元素，可用於從雜亂到有序的效果強調和元素的線性承接。總之，可以增強邏輯性。

• 動作效果顯得可怕的原因：「沒必要」，「沒道理」。

• 運用更正確的出現時機和形式，把內容表達地淋漓盡致，調動觀眾情緒。－「講個 IT 業最短的笑話：羅永浩。」

• 善於「作弊」的手法，讓幻燈片的呈現更加真實：垃圾入框 & 簡訊動效，利用圖片位置的疊層。

• 曲線圖，先出現背景再讓曲線逐條出現。播放方式：按序列出現。

• 留白，即空白頁，幫助觀眾把注意力完全集中到演講者的話語上。

• 小圖片的修飾與美化：加白底，再對白底進行神奇移動。

• 往空心字裡面擺圖案，神奇移動。

• 利用「移到」製作彈幕效果時，主體（主人公）最好置於彈幕出現的遠端。

（三）流程：

• 配合一套幻燈片演講的流程：
• 寫出逐字稿。
• 念熟逐字稿。
• 與主辦方確認演講場地情況。
• 尋找素材。
• 製作幻燈片。
• 結合幻燈片演練。
• 修改幻燈片。
• 面對小部分聽眾試講。
• 再次完善幻燈片。
• 提前去演講現場。
• 可能需要再次修改幻燈片。
• 可能需要自帶投影儀。
• 手捏遙控器穩步上台

（四）從其他地方學習：

• 從電影中學習：
• 節奏 & 焦點（一頁一焦點，焦點的設置又帶動節奏）。
• 構圖（即版式設計，學習韋斯安德森 & 庫布里克）。
• 美術（主要指配色）。
• 聲畫對位（象徵也好，隱喻也罷，總之話語要和內容對得上）。

• 電影語言和幻燈片動作效果有很多相通之處：光圈、推移、擦除、顯現、淡入淡出、疊化（漸隱漸現）、推／拉（放大）。

• 從音樂中學習幻燈片的結構設計：
• 速度與節奏－幻燈片頁數和演講時間比例－普通節奏的話，講2-3分鐘至少要有一次動作。
• 表情－加入詼諧一刻。
• 強弱交替。
• 和聲－幻燈片就是演講（主唱）的和聲。
• 技巧－多觀摩好的演講者。

（五）其他零散 tips:

• 4: 3 的比例可以適應大部分的演講幕布寬高比，而 16 : 9 就是我們經常說的 1080P，適合手機平板播放。

• 保持視覺元素的一致性 & 整個幻燈片的完整性。

• 認真對待作品的話，就要避免使用默認參數。

• 行業流行的做法，如在線模版、素材之類，導致千篇一律，毒害幻燈片製作。盡量不要使用模版，除了在對版式設計、配色、文字設計全無了解的情況下。風格不要局限，試著探索出自己的風格。

• 製作幻燈片的正確姿勢：
• 寫逐字稿很有必要。
• 幻燈片分兩種－給人看的&給人講的，看情況製作。
• 使用「默認」的樣式－尤其是對自己的審美沒有信心的人。
• 不要加任何動作效果，至少可以保證不犯錯。

Cover photo credit：

推薦閱讀：