如何制作有設計感的 PPT
作者：Hindy
來源：UIcircle
前言：本文將從設計的角度出發，概述如何制作一份美觀、具有設計感的 PPT。文章的主要內容會涉及基礎的平面和 Mothion 設計。但本文不會具體談論過多設計理論和風格，亦不會傻瓜式地教導如何使用工具及軟件。
一、在打開軟件制作之前必須要知道的 3 件事
1. 關于 PPT 的泛用性目的
首先要確定的是，PPT 是為演講服務的（也包括對內外的小型討論、演說）。人們鮮少會像盯著一本書一樣去「閱讀」你的 PPT。因此，相比考慮如何讓 PPT 漂亮這事，策劃內容和練習演講等更為實質、重要。這一點可千萬別本末倒置，以為 PPT 做得好看，就算成功了
2. 哲學三問：這份 PPT 做給誰看？為什么要做？要寫些什么？
● 第一問：做給誰看？
如果你不知道自己做的東西是要給誰看的，你怎么做東西？就像醫生不知道病人得的什么病，當然就無法對癥下藥。如果是大型產品發布會，那么對象就是「現場媒體、觀眾」；如果是公司內部討論用，那么對象就是「內部上下級同事或領導」；如果是公司對外的策劃案，那么對象就是「客戶大人」。因人不同、因地不同，內容和設計可能也會隨之不同。
● 第二問：為什么要做？
我們做 PPT 應當有的放矢，帶動聽者的情緒，直擊問題的中心。它可能是為了讓人愿意買我們的產品，可能是為了讓客戶選擇我們的方案……有這樣一個大方向牽頭，然后 PPT 的內容再圍繞其展開。這樣做一方面可以更準確地理解這個方案寫出更優質的內容，另一方面避免了在寫內容的過程中，展開過多，跑題嚴重，最后導致演說時聽者不知所云。
● 第三問：要寫些什么？
確定了自己的「目標用戶」和「產品目標」就可以來策劃內容了。我并非專業的策劃和廣告人，因此在這就不說太遠。自己的一個小想法：也許可以用頭腦風暴的方法來制作內容。也就是通過思維「發散」到「匯聚」的過程，來創造內容。（有人對此感興趣的話以后得空會具體寫一篇。）
3. 做了就要利用好！
這是我真的要說的一點，怎么使用 PPT？
很多人會直接丟一個題目給方案策劃者，說我要什么方案，你什么時間給到我。這就完了……等 PPT 完成后，他直到最后要開會或見客戶了才匆匆看下，甚至可能 PPT 里寫了些什么都不熟知，更不要提預演練習了。這種人，也就跟著 PPT 的內容臨時發散，可能前頁說的到了后頁就被打臉了……
演講者應當與內容撰寫者一樣甚至比他還要熟悉 PPT。PPT 主要是為了讓他人更清晰地理解你們的想法并加深印象，而不是用作你的提詞器。
我的觀點是，既然做了 PPT，就要利用好！
二、如何制作有設計感的 PPT 單頁PPT
從結局來看是一個整體，但我們可以把 PPT 的每一頁當做一個新媒體形式的平面設計作品，想要設計得美觀確實是需要一些基礎平面知識。我在這部分會通過一些示例來進一步說明，方便大家理解學習。
1. 突出重點、去掉無用的裝飾PPT
單頁的視覺層級要鮮明，語言要精煉。在視覺設計上，裝飾性的元素不宜過多，要讓人一眼就看到重點。在文字描述上，要使用通俗、精簡、有說服力的文字。讓我們來看幾個例子：
（示例1，圖片來自 @陌君 的回答：http://www.zhihu.com/question/21274267/answer/24458201）
我們看下這兩張有什么問題。首先最明顯的就是色彩主題不統一。封面是黑白，但后面的內容頁卻使用了彩色的大色塊。另外封面的背景有些不明所以，還干擾了標題這個重點。而大標題將 PPT 三個字單獨一行也不妥，閱讀（瞟）起來有斷裂感。然后像內頁里「如何達到扁平化」上方的圖標也是多余元素，我仔細推敲才發現可能是為了對應下方的「四個設計要點」？
（示例1_修改后）
我重新構思了一種視覺風格來修改這兩頁（之后的示例會盡可能用不同的風格，供更多朋友選擇和參考）。
可以看到，我使用深色背景，去掉多余元素后，「高端」的感覺立馬起來了。但是在使用「黑色」作背景的時候，可以不用純黑，因為那樣會顯得單調死氣，可以適當加入一些色彩的純度。然后仔細觀察右圖的修改，可以看到我將「色彩」、「文字」、「圖片」字體放大，視覺上比標題「如何達到扁平化」更重，而原圖則相反。這是因為通常下面的內容才是重點，標題提問只是為了引出下面的回答。而原圖的第一視覺中心卻是那個問題，有點錯誤理解了內容的重要性。
（示例2，圖片來自 @鄧佳佶 的回答：http://www.zhihu.com/question/21274267/answer/48153925）
這位作者回答中提到要下載各種「奇怪」的字體，大家千萬別被誤導了！先不說用在商業上會有版權問題，為了保證易讀性，我們通常要使用越清晰簡單的字體越好。盡量不要使用像左上圖那種本身就有很強設計風格的字體，會嚴重干擾易讀性。右圖的宋體還好一些，根據需要可以放心使用。另外，為了保證統一，一頁 PPT 中盡量不要使用超過 2 種字體，一份文檔中盡量不要使用超過 3 種字體。
（示例2_修改后）
依舊使用簡潔的風格，但這次是淺色背景。字體還是選用了基礎的「蘋方」搭配「San Francisco」。這兩套是搭載在 iOS 9 系統上的新字體，大家可以在蘋果的開發者頁面下到，但蘋果未授權商用。其他沒什么，就是大家要注意對齊……包括物理上和視覺上的。
2. 基礎設計 4 原則：親密性、對齊、對比、重復
這里的 4 原則摘自 Robin Williams 的《寫給大家看的設計書》。這是一本非常適合大眾學設計的入門書，我在這簡單闡述下這 4 個原則，如有興趣推薦大家購買閱讀。
● 親密性——親密性原則旨在將存在聯系的元素相互靠近，組合成一項一項，令畫面更加有序。
左圖是非?？岬碾S機排序咳咳，雖然很酷，但我們卻無從知曉到底該從哪開始閱讀。當我們需要展示某些信息的時候，需要像右圖那樣，認真將內容組織排序、對齊。相近的元素要相互靠近，不管是視覺上相近還是內容上相近。
● 對齊——讓元素更加有序。
左圖三個信息完全沒有對齊，顯得非常無序。右圖將信息左對齊，并且將「小標題」與正文相對靠近，令閱讀起來更有秩序。
● 對比——使用強烈的對比可以強調信息層級，令人關注到設計師希望突出的重點。
當我們希望突出某個信息的時候，一定要加強對比。像左圖那種小小的對比，是很難達到對比的視覺效果的。因此，大膽使用「對比」，讓畫面更有主次。
● 重復——重復可以簡單解釋為「統一感」，但重復更加刻意強調。比如通過重復品牌元素達到統一視覺，加深人印象的作用。
重復不一定是某種視覺元素的重復，也可以是文字樣式的重復。左圖存在的問題就是兩個標題、段落的樣式都不一樣，感覺非?！噶鑱y」。右圖將文字字號、顏色等作了統一，看上去就有秩序多了。
運用好這基礎的 4 原則，相信大家都能快速制作出相對優秀、美觀的 PPT 或設計作品了。
3. 受歡迎的數據圖表
如果你看過蘋果的發布會，相信你會非常喜歡它們演示的 PPT，而其中最值得一提的就是他們經常引用大量數據。
數據可以令你的內容更具信服力。而數據圖表則更能直觀地展示這些數據，通過可視化呈現。
4. 通過設計讓 PPT 具有某種風格而不是花里胡哨就好！
這里可能比較考驗手頭功夫和對設計的綜合把握能力。還是通過示例來分析下罷。
（示例3，圖片來自 @王赫 的回答：http://www.zhihu.com/question/21274267/answer/33657235）
我們可以看到這位作者是有針對性地在設計 PPT 的風格。但是因為綜合的設計能力不夠出色，因此實際輸出效果顯得有些粗糙，主要是色彩和排版問題比較大。我們看下怎么修改罷。
（示例3_修改后）
左圖我理解作者是希望做出匯聚的效果，并且運用多種色彩來達到「年輕」、「活力」的感覺。只是原圖顏色過灰（色彩純度太低），導致看著很壓抑。因此我使用了明亮的白色做背景。輔助的圓圈使用純度相對較高的漸變顏色，并且通過模糊和降低透明度等效果來區分和主題之間的層次。可以明顯看到比原圖「活潑」、「明亮」了不少。（我這樣自己夸自己真的好嗎……）
而右圖我感覺像是學生對自己學習的總結報告。因此我把主要目的設為「清晰地傳達內容」。當然，這樣設計的話首先就要去掉原圖各種修飾元素，讓畫面更加純凈。并且延續原圖的藍色系，使用了明度較低的深藍作為背景，看上去更加「莊重」、「嚴肅」。因為非常簡潔，文字出現其實可以加入適當的小動畫，讓信息呈現更有趣、突出。
設計是有各種各樣風格的，沒有絕對的對與錯。根據需求和場景，設計相應的風格是最好的辦法。
三、如何設計應用 PPT 的動效
1. 為什么要動？
● 更加突出重點
相比靜態，動態圖像總是更容易吸引人的目光，達到強調內容的目的。
Keynote 中有個非常經典的效果「轟然墜落」，就是大家經常在一些手機廠商發布會中看到的——字從上而下墜落，激起一片灰塵的效果。見下圖。
（「轟然墜落」效果）
● 過渡更自然
我們知道 PPT 并不是單純的圖像，它還存在轉場過渡。而利用動效可以令轉場更加多樣化，更加自然。
需要注意的是，盡量保持統一。大致可以設定一種「通用」轉場方式，不要太過花哨的。其余場景按需可以另外設計，但注意轉場方式也不要過多，會讓 PPT 演示顯得復雜。
● 趣味性
動效是可以做得非常有趣的，在這也舉個非常經典的例子。2007 年，喬布斯在發布第一代 iPhone 的時候，非常調皮地使用了充滿趣味的動效。
喬布斯站在臺上，興奮地說今天要發布三個重要的產品?！傅谝患莻€可觸摸控制的寬屏幕 iPod，第二件是只革命性的移動電話，第三件是個突破性的互聯網通訊工具?！谷缓笏貜偷溃骸敢粋€ iPod」、「一個手機」、「一個互聯網通訊器」，演示 PPT 上的圖標跟著轉動。然后他繼續重復：「一個 iPod」、「一個手機」……「你明白我說什么了嗎？」，「這不是三個設備，這是一個?！?nbsp;
（喬布斯在 2007 年的蘋果 iPhone 發布會）
對不起，這個案例實在太經典了，這個產品也實在太革命性了，在這傾情推薦大家去看下。
2. 如何動？
● 不要濫用夸張的動效
雖然動態可以抓住眼球，但是如果動得太夸張就會弄巧成拙。我們應用動效最主要的是「強調」，以及加深人的印象，只要這樣就可以了。千萬不要使用各種放大縮小、飄來飄去、旋轉扭曲等等，要記住略微強調即可。
重點在傳達信息，不在天花亂墜。
● 把握時間，不要快也不要慢
這點基本可以放心，只要大家應用 PowerPoint 或 Keynote 自帶的效果時間即可。當然，如果你有額外需求可以自己另外設定，但一定要把握好「時間」。否則，過慢會顯得拖沓，過快會令人看不請發生了什么，還以為演示出現了問題……
● 一致性
全文多次強調一致性，是因為這在設計中真的非常重要。動效也要保持樣式統一，不該這一頁文字放大變化，那一頁文字縮小變化，盡可能達成一致。希望大家謹記設計 4 原則中強調的「重復」原則。
四、總結
文章寫得太長了，簡單總結下要點也就這么幾點：
1. 重點在演講不在 PPT，PPT 只是輔助；
2. 相較好看難看，PPT 的內容更為實質重要；
3. 用設計的理論、技巧去制作 PPT。祝
愿大家都能制作出優秀、美觀的文檔。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）