賦予複雜內容以簡潔的形式。
減少無謂的繁雜裝飾，增加內容相關的精雕細琢。
不刻意炫技，但技術悄然滲透到每個方面。
外表乾淨整潔，細嚼有滋有味。
這是我心目中好的演示文稿的標準。
本期，老黑就來介紹一下目前爲止我見過最棒的演示文稿。
2019年GOOGLE I/O大會。
谷歌2019年開發者大會5月7日在加州舉行，隨後我從網絡上下載了視頻，反覆觀看了很多遍。
對其中的每個細節進行了GIF截圖，在過程中我自己學習到了很多有趣有用的設計。
分享給大家~
01
變化畫布大小
在講解發展歷程的時候，谷歌採用的平面設計非常簡單。
一條直線代表時間軸，事件直接放在圓角矩形裏。
當小球沿着時間軸運動，圓角矩形逐個出現的時候，效果非常棒。
用PPT，我們容易做出類似的平面設計。
還能夠讓小球動起來，事件框隨之出現。
但如果要讓小球運動的同時，頁面的大小發生變化，就比較困難了。
這正是PPT動畫設計的一個缺點：無法修改觀察視角，我們永遠看到的都是整個頁面。
如果要實現類似效果，可以藉助PR等剪輯軟件，將PPT導出的視頻進行處理，然後再插回PPT中。
對於剪輯軟件而言，修改觀察視角是最基本的功能了，只需要首尾各設一個關鍵幀，拖動一下視頻大小就行了。
做PPT而不侷限於PPT，藉助其它軟件，能夠讓演示變得更加多樣化。
例如用修圖軟件處理圖片，用PS合成圖片，用AI過渡矢量素材，用AE做動態背景，用C4D製作3D模型等，都是可以探究的方向。
從另一個角度思考，運動是相對的。
坐在靜止的火車上，看到旁邊的火車開始移動，常常無法辨別是自己的火車開動了還是旁邊軌道的火車開動了。
從相對運動的角度出發，我們只在PPT中，也可以做出畫布變化的效果。
讓背景圖片的大小發生變化，這個技巧在營造氛圍的時候非常有用。
似乎是攝像機拉遠/拉近了，其實只是背景圖片變小/變大了。
訣竅就在於插入一張圖片，然後給它添加強調動畫中的【放大/縮小】動畫。
02
交互效果
谷歌開發者大會的演示文稿中，大量仿製了人機交互效果。
這種效果的設計原理很簡單，整個頁面其實是一張圖片，圖片有一個窗口。
露出下面的界面以及它的動態效果。
製作這樣一個帶窗口的圖片，使用圖片與形狀的布爾運算或者幻燈片背景填充都能實現，感興趣的朋友可以翻看我之前的相關文章。
在PPT中還原交互設計的動效，細節很重要。
舉個栗子，一個小小的單擊動畫，如果只是生硬地變色，感覺就像卡住了。
按鈕點擊的一瞬間，放大一些，看起來就會更自然。
還原UI界面和動效，都是爲了讓人能夠更直觀地理解內容，但也帶來一個問題，就是按鈕太小了。
谷歌採取瞭如此策略。
從界面中截取重點並放大，簡單有效。
類似的效果，我們可以應用平滑切換或者平滑過渡在PPT中製作出來。
03
跨頁的元素銜接
PPT中的多頁，往往是相互割裂的。
如果能用簡單的動效，將多頁連在一起，既對邏輯有幫助，又能讓演示更有趣。
例如，將圖片歸置，延伸場景。
或者講解功能。
當了解了這樣的表達方式，再配合上PPT的平滑切換，可以還原類似動效。
04
更多靈感
文章寫太長了沒人看，他們都說3點結束最好。
那我就寫4點吧，剩下有很多截圖就沒有詳細歸類了，供參考欣賞。
3D效果：
縮小定位效果：
視頻的應用：
圖表動畫：
移動效果：
PPT能夠實現其中的許多設計，也有不少我仍在探索可行性和操作步驟，希望以後能夠再分享。
相比各大廠千篇一律發佈會而言，我覺得谷歌開發者大會的這個演示文稿更有意思。
你覺得呢？
黑白間設計
致力於在美與實用間尋找平衡
讓設計變得簡單
∨