作者：Hindy
來(lái)源：UIcircle

前言：本文將從設(shè)計(jì)的角度出發(fā)，概述如何制作一份美觀、具有設(shè)計(jì)感的 PPT。文章的主要內(nèi)容會(huì)涉及基礎(chǔ)的平面和 Mothion 設(shè)計(jì)。但本文不會(huì)具體談?wù)撨^(guò)多設(shè)計(jì)理論和風(fēng)格，亦不會(huì)傻瓜式地教導(dǎo)如何使用工具及軟件。

一、在打開(kāi)軟件制作之前必須要知道的 3 件事

1. 關(guān)于 PPT 的泛用性目的

首先要確定的是，PPT 是為演講服務(wù)的（也包括對(duì)內(nèi)外的小型討論、演說(shuō)）。人們鮮少會(huì)像盯著一本書(shū)一樣去「閱讀」你的 PPT。因此，相比考慮如何讓 PPT 漂亮這事，策劃內(nèi)容和練習(xí)演講等更為實(shí)質(zhì)、重要。這一點(diǎn)可千萬(wàn)別本末倒置，以為 PPT 做得好看，就算成功了

2. 哲學(xué)三問(wèn)：這份 PPT 做給誰(shuí)看？為什么要做？要寫(xiě)些什么？

● 第一問(wèn)：做給誰(shuí)看？

如果你不知道自己做的東西是要給誰(shuí)看的，你怎么做東西？就像醫(yī)生不知道病人得的什么病，當(dāng)然就無(wú)法對(duì)癥下藥。如果是大型產(chǎn)品發(fā)布會(huì)，那么對(duì)象就是「現(xiàn)場(chǎng)媒體、觀眾」；如果是公司內(nèi)部討論用，那么對(duì)象就是「內(nèi)部上下級(jí)同事或領(lǐng)導(dǎo)」；如果是公司對(duì)外的策劃案，那么對(duì)象就是「客戶(hù)大人」。因人不同、因地不同，內(nèi)容和設(shè)計(jì)可能也會(huì)隨之不同。

● 第二問(wèn)：為什么要做？

我們做 PPT 應(yīng)當(dāng)有的放矢，帶動(dòng)聽(tīng)者的情緒，直擊問(wèn)題的中心。它可能是為了讓人愿意買(mǎi)我們的產(chǎn)品，可能是為了讓客戶(hù)選擇我們的方案……有這樣一個(gè)大方向牽頭，然后 PPT 的內(nèi)容再?lài)@其展開(kāi)。這樣做一方面可以更準(zhǔn)確地理解這個(gè)方案寫(xiě)出更優(yōu)質(zhì)的內(nèi)容，另一方面避免了在寫(xiě)內(nèi)容的過(guò)程中，展開(kāi)過(guò)多，跑題嚴(yán)重，最后導(dǎo)致演說(shuō)時(shí)聽(tīng)者不知所云。

● 第三問(wèn)：要寫(xiě)些什么？

確定了自己的「目標(biāo)用戶(hù)」和「產(chǎn)品目標(biāo)」就可以來(lái)策劃內(nèi)容了。我并非專(zhuān)業(yè)的策劃和廣告人，因此在這就不說(shuō)太遠(yuǎn)。自己的一個(gè)小想法：也許可以用頭腦風(fēng)暴的方法來(lái)制作內(nèi)容。也就是通過(guò)思維「發(fā)散」到「匯聚」的過(guò)程，來(lái)創(chuàng)造內(nèi)容。（有人對(duì)此感興趣的話(huà)以后得空會(huì)具體寫(xiě)一篇。）

3. 做了就要利用好！

這是我真的要說(shuō)的一點(diǎn)，怎么使用 PPT？

很多人會(huì)直接丟一個(gè)題目給方案策劃者，說(shuō)我要什么方案，你什么時(shí)間給到我。這就完了……等 PPT 完成后，他直到最后要開(kāi)會(huì)或見(jiàn)客戶(hù)了才匆匆看下，甚至可能 PPT 里寫(xiě)了些什么都不熟知，更不要提預(yù)演練習(xí)了。這種人，也就跟著 PPT 的內(nèi)容臨時(shí)發(fā)散，可能前頁(yè)說(shuō)的到了后頁(yè)就被打臉了……

演講者應(yīng)當(dāng)與內(nèi)容撰寫(xiě)者一樣甚至比他還要熟悉 PPT。PPT 主要是為了讓他人更清晰地理解你們的想法并加深印象，而不是用作你的提詞器。

我的觀點(diǎn)是，既然做了 PPT，就要利用好！

二、如何制作有設(shè)計(jì)感的 PPT 單頁(yè)P(yáng)PT 

從結(jié)局來(lái)看是一個(gè)整體，但我們可以把 PPT 的每一頁(yè)當(dāng)做一個(gè)新媒體形式的平面設(shè)計(jì)作品，想要設(shè)計(jì)得美觀確實(shí)是需要一些基礎(chǔ)平面知識(shí)。我在這部分會(huì)通過(guò)一些示例來(lái)進(jìn)一步說(shuō)明，方便大家理解學(xué)習(xí)。

1. 突出重點(diǎn)、去掉無(wú)用的裝飾PPT 

單頁(yè)的視覺(jué)層級(jí)要鮮明，語(yǔ)言要精煉。在視覺(jué)設(shè)計(jì)上，裝飾性的元素不宜過(guò)多，要讓人一眼就看到重點(diǎn)。在文字描述上，要使用通俗、精簡(jiǎn)、有說(shuō)服力的文字。讓我們來(lái)看幾個(gè)例子：

（示例1，圖片來(lái)自 @陌君 的回答：http://www.zhihu.com/question/21274267/answer/24458201）

我們看下這兩張有什么問(wèn)題。首先最明顯的就是色彩主題不統(tǒng)一。封面是黑白，但后面的內(nèi)容頁(yè)卻使用了彩色的大色塊。另外封面的背景有些不明所以，還干擾了標(biāo)題這個(gè)重點(diǎn)。而大標(biāo)題將 PPT 三個(gè)字單獨(dú)一行也不妥，閱讀（瞟）起來(lái)有斷裂感。然后像內(nèi)頁(yè)里「如何達(dá)到扁平化」上方的圖標(biāo)也是多余元素，我仔細(xì)推敲才發(fā)現(xiàn)可能是為了對(duì)應(yīng)下方的「四個(gè)設(shè)計(jì)要點(diǎn)」？

（示例1_修改后）

我重新構(gòu)思了一種視覺(jué)風(fēng)格來(lái)修改這兩頁(yè)（之后的示例會(huì)盡可能用不同的風(fēng)格，供更多朋友選擇和參考）。

可以看到，我使用深色背景，去掉多余元素后，「高端」的感覺(jué)立馬起來(lái)了。但是在使用「黑色」作背景的時(shí)候，可以不用純黑，因?yàn)槟菢訒?huì)顯得單調(diào)死氣，可以適當(dāng)加入一些色彩的純度。然后仔細(xì)觀察右圖的修改，可以看到我將「色彩」、「文字」、「圖片」字體放大，視覺(jué)上比標(biāo)題「如何達(dá)到扁平化」更重，而原圖則相反。這是因?yàn)橥ǔＯ旅娴膬?nèi)容才是重點(diǎn)，標(biāo)題提問(wèn)只是為了引出下面的回答。而原圖的第一視覺(jué)中心卻是那個(gè)問(wèn)題，有點(diǎn)錯(cuò)誤理解了內(nèi)容的重要性。

（示例2，圖片來(lái)自 @鄧佳佶 的回答：http://www.zhihu.com/question/21274267/answer/48153925）

這位作者回答中提到要下載各種「奇怪」的字體，大家千萬(wàn)別被誤導(dǎo)了！先不說(shuō)用在商業(yè)上會(huì)有版權(quán)問(wèn)題，為了保證易讀性，我們通常要使用越清晰簡(jiǎn)單的字體越好。盡量不要使用像左上圖那種本身就有很強(qiáng)設(shè)計(jì)風(fēng)格的字體，會(huì)嚴(yán)重干擾易讀性。右圖的宋體還好一些，根據(jù)需要可以放心使用。另外，為了保證統(tǒng)一，一頁(yè) PPT 中盡量不要使用超過(guò) 2 種字體，一份文檔中盡量不要使用超過(guò) 3 種字體。

（示例2_修改后）

依舊使用簡(jiǎn)潔的風(fēng)格，但這次是淺色背景。字體還是選用了基礎(chǔ)的「蘋(píng)方」搭配「San Francisco」。這兩套是搭載在 iOS 9 系統(tǒng)上的新字體，大家可以在蘋(píng)果的開(kāi)發(fā)者頁(yè)面下到，但蘋(píng)果未授權(quán)商用。其他沒(méi)什么，就是大家要注意對(duì)齊……包括物理上和視覺(jué)上的。

2. 基礎(chǔ)設(shè)計(jì) 4 原則：親密性、對(duì)齊、對(duì)比、重復(fù)

這里的 4 原則摘自 Robin Williams 的《寫(xiě)給大家看的設(shè)計(jì)書(shū)》。這是一本非常適合大眾學(xué)設(shè)計(jì)的入門(mén)書(shū)，我在這簡(jiǎn)單闡述下這 4 個(gè)原則，如有興趣推薦大家購(gòu)買(mǎi)閱讀。

● 親密性——親密性原則旨在將存在聯(lián)系的元素相互靠近，組合成一項(xiàng)一項(xiàng)，令畫(huà)面更加有序。 

左圖是非?？岬碾S機(jī)排序咳咳，雖然很酷，但我們卻無(wú)從知曉到底該從哪開(kāi)始閱讀。當(dāng)我們需要展示某些信息的時(shí)候，需要像右圖那樣，認(rèn)真將內(nèi)容組織排序、對(duì)齊。相近的元素要相互靠近，不管是視覺(jué)上相近還是內(nèi)容上相近。

● 對(duì)齊——讓元素更加有序。 

左圖三個(gè)信息完全沒(méi)有對(duì)齊，顯得非常無(wú)序。右圖將信息左對(duì)齊，并且將「小標(biāo)題」與正文相對(duì)靠近，令閱讀起來(lái)更有秩序。

● 對(duì)比——使用強(qiáng)烈的對(duì)比可以強(qiáng)調(diào)信息層級(jí)，令人關(guān)注到設(shè)計(jì)師希望突出的重點(diǎn)。 

當(dāng)我們希望突出某個(gè)信息的時(shí)候，一定要加強(qiáng)對(duì)比。像左圖那種小小的對(duì)比，是很難達(dá)到對(duì)比的視覺(jué)效果的。因此，大膽使用「對(duì)比」，讓畫(huà)面更有主次。

● 重復(fù)——重復(fù)可以簡(jiǎn)單解釋為「統(tǒng)一感」，但重復(fù)更加刻意強(qiáng)調(diào)。比如通過(guò)重復(fù)品牌元素達(dá)到統(tǒng)一視覺(jué)，加深人印象的作用。 

重復(fù)不一定是某種視覺(jué)元素的重復(fù)，也可以是文字樣式的重復(fù)。左圖存在的問(wèn)題就是兩個(gè)標(biāo)題、段落的樣式都不一樣，感覺(jué)非?！噶鑱y」。右圖將文字字號(hào)、顏色等作了統(tǒng)一，看上去就有秩序多了。

運(yùn)用好這基礎(chǔ)的 4 原則，相信大家都能快速制作出相對(duì)優(yōu)秀、美觀的 PPT 或設(shè)計(jì)作品了。

3. 受歡迎的數(shù)據(jù)圖表

如果你看過(guò)蘋(píng)果的發(fā)布會(huì)，相信你會(huì)非常喜歡它們演示的 PPT，而其中最值得一提的就是他們經(jīng)常引用大量數(shù)據(jù)。 

數(shù)據(jù)可以令你的內(nèi)容更具信服力。而數(shù)據(jù)圖表則更能直觀地展示這些數(shù)據(jù)，通過(guò)可視化呈現(xiàn)。 

4. 通過(guò)設(shè)計(jì)讓 PPT 具有某種風(fēng)格而不是花里胡哨就好！

這里可能比較考驗(yàn)手頭功夫和對(duì)設(shè)計(jì)的綜合把握能力。還是通過(guò)示例來(lái)分析下罷。

（示例3，圖片來(lái)自 @王赫 的回答：http://www.zhihu.com/question/21274267/answer/33657235）

我們可以看到這位作者是有針對(duì)性地在設(shè)計(jì) PPT 的風(fēng)格。但是因?yàn)榫C合的設(shè)計(jì)能力不夠出色，因此實(shí)際輸出效果顯得有些粗糙，主要是色彩和排版問(wèn)題比較大。我們看下怎么修改罷。 

（示例3_修改后）

左圖我理解作者是希望做出匯聚的效果，并且運(yùn)用多種色彩來(lái)達(dá)到「年輕」、「活力」的感覺(jué)。只是原圖顏色過(guò)灰（色彩純度太低），導(dǎo)致看著很壓抑。因此我使用了明亮的白色做背景。輔助的圓圈使用純度相對(duì)較高的漸變顏色，并且通過(guò)模糊和降低透明度等效果來(lái)區(qū)分和主題之間的層次?？梢悦黠@看到比原圖「活潑」、「明亮」了不少。（我這樣自己夸自己真的好嗎……）

而右圖我感覺(jué)像是學(xué)生對(duì)自己學(xué)習(xí)的總結(jié)報(bào)告。因此我把主要目的設(shè)為「清晰地傳達(dá)內(nèi)容」。當(dāng)然，這樣設(shè)計(jì)的話(huà)首先就要去掉原圖各種修飾元素，讓畫(huà)面更加純凈。并且延續(xù)原圖的藍(lán)色系，使用了明度較低的深藍(lán)作為背景，看上去更加「莊重」、「嚴(yán)肅」。因?yàn)榉浅：?jiǎn)潔，文字出現(xiàn)其實(shí)可以加入適當(dāng)?shù)男?dòng)畫(huà)，讓信息呈現(xiàn)更有趣、突出。

設(shè)計(jì)是有各種各樣風(fēng)格的，沒(méi)有絕對(duì)的對(duì)與錯(cuò)。根據(jù)需求和場(chǎng)景，設(shè)計(jì)相應(yīng)的風(fēng)格是最好的辦法。

三、如何設(shè)計(jì)應(yīng)用 PPT 的動(dòng)效

1. 為什么要?jiǎng)樱?/span>

● 更加突出重點(diǎn)

相比靜態(tài)，動(dòng)態(tài)圖像總是更容易吸引人的目光，達(dá)到強(qiáng)調(diào)內(nèi)容的目的。

Keynote 中有個(gè)非常經(jīng)典的效果「轟然墜落」，就是大家經(jīng)常在一些手機(jī)廠(chǎng)商發(fā)布會(huì)中看到的——字從上而下墜落，激起一片灰塵的效果。見(jiàn)下圖。 

（「轟然墜落」效果）

● 過(guò)渡更自然

我們知道 PPT 并不是單純的圖像，它還存在轉(zhuǎn)場(chǎng)過(guò)渡。而利用動(dòng)效可以令轉(zhuǎn)場(chǎng)更加多樣化，更加自然。

需要注意的是，盡量保持統(tǒng)一。大致可以設(shè)定一種「通用」轉(zhuǎn)場(chǎng)方式，不要太過(guò)花哨的。其余場(chǎng)景按需可以另外設(shè)計(jì)，但注意轉(zhuǎn)場(chǎng)方式也不要過(guò)多，會(huì)讓 PPT 演示顯得復(fù)雜。

● 趣味性

動(dòng)效是可以做得非常有趣的，在這也舉個(gè)非常經(jīng)典的例子。2007 年，喬布斯在發(fā)布第一代 iPhone 的時(shí)候，非常調(diào)皮地使用了充滿(mǎn)趣味的動(dòng)效。

喬布斯站在臺(tái)上，興奮地說(shuō)今天要發(fā)布三個(gè)重要的產(chǎn)品?！傅谝患莻€(gè)可觸摸控制的寬屏幕 iPod，第二件是只革命性的移動(dòng)電話(huà)，第三件是個(gè)突破性的互聯(lián)網(wǎng)通訊工具?！谷缓笏貜?fù)道：「一個(gè) iPod」、「一個(gè)手機(jī)」、「一個(gè)互聯(lián)網(wǎng)通訊器」，演示 PPT 上的圖標(biāo)跟著轉(zhuǎn)動(dòng)。然后他繼續(xù)重復(fù)：「一個(gè) iPod」、「一個(gè)手機(jī)」……「你明白我說(shuō)什么了嗎？」，「這不是三個(gè)設(shè)備，這是一個(gè)?！?nbsp;

（喬布斯在 2007 年的蘋(píng)果 iPhone 發(fā)布會(huì)）

對(duì)不起，這個(gè)案例實(shí)在太經(jīng)典了，這個(gè)產(chǎn)品也實(shí)在太革命性了，在這傾情推薦大家去看下。

2. 如何動(dòng)？

● 不要濫用夸張的動(dòng)效

雖然動(dòng)態(tài)可以抓住眼球，但是如果動(dòng)得太夸張就會(huì)弄巧成拙。我們應(yīng)用動(dòng)效最主要的是「強(qiáng)調(diào)」，以及加深人的印象，只要這樣就可以了。千萬(wàn)不要使用各種放大縮小、飄來(lái)飄去、旋轉(zhuǎn)扭曲等等，要記住略微強(qiáng)調(diào)即可。

重點(diǎn)在傳達(dá)信息，不在天花亂墜。

● 把握時(shí)間，不要快也不要慢

這點(diǎn)基本可以放心，只要大家應(yīng)用 PowerPoint 或 Keynote 自帶的效果時(shí)間即可。當(dāng)然，如果你有額外需求可以自己另外設(shè)定，但一定要把握好「時(shí)間」。否則，過(guò)慢會(huì)顯得拖沓，過(guò)快會(huì)令人看不請(qǐng)發(fā)生了什么，還以為演示出現(xiàn)了問(wèn)題……

● 一致性

全文多次強(qiáng)調(diào)一致性，是因?yàn)檫@在設(shè)計(jì)中真的非常重要。動(dòng)效也要保持樣式統(tǒng)一，不該這一頁(yè)文字放大變化，那一頁(yè)文字縮小變化，盡可能達(dá)成一致。希望大家謹(jǐn)記設(shè)計(jì) 4 原則中強(qiáng)調(diào)的「重復(fù)」原則。

四、總結(jié)

文章寫(xiě)得太長(zhǎng)了，簡(jiǎn)單總結(jié)下要點(diǎn)也就這么幾點(diǎn)：

1. 重點(diǎn)在演講不在 PPT，PPT 只是輔助；
2. 相較好看難看，PPT 的內(nèi)容更為實(shí)質(zhì)重要；
3. 用設(shè)計(jì)的理論、技巧去制作 PPT。祝

愿大家都能制作出優(yōu)秀、美觀的文檔。