PPT內(nèi)功心法！從零開始教你制作有設(shè)計(jì)感的PPT

轉(zhuǎn)載無限歡迎，但請(qǐng)注明「作者」和「原文地址」。轉(zhuǎn)載請(qǐng)?jiān)谖闹斜Ａ舸硕?，感謝您對(duì)作者版權(quán)的尊重。如需商業(yè)轉(zhuǎn)載或刊登，請(qǐng)聯(lián)系作者獲得授權(quán)。

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

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

2. 哲學(xué)三問：這份 PPT 做給誰看？為什么要做？要寫些什么？

第一問：做給誰看？

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

第二問：為什么要做？

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

第三問：要寫些什么？

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

3. 做了就要利用好！

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

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

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

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

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

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

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

（△ 示例1，圖片來自 @陌君 的回答：zhihu）

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

（△ 示例1_修改后）

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

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

（△ 示例2，圖片來自 @鄧佳佶 的回答：zhihu）

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

（△ 示例2_修改后）

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

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

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

親密性

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

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

對(duì)齊

讓元素更加有序。

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

對(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ì)比的視覺效果的。因此，大膽使用「對(duì)比」，讓畫面更有主次。

關(guān)于對(duì)比，具體可參見：《讓你不一樣！20個(gè)技巧幫你提升設(shè)計(jì)的對(duì)比度》

重復(fù)

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

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

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

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

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

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

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

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

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

（△ 示例3_修改后）

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

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

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

—————————— 1. 為什么要?jiǎng)樱俊?/strong>

更加突出重點(diǎn)

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

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