當(dāng)前位置:首頁 > 新聞中心 > 互聯(lián)網(wǎng)動態(tài)
PPT設(shè)計!從零開始教你制作有設(shè)計感的PPT責(zé)任編輯 :李飛    文章來源 :星翼創(chuàng)想(briannamclaughlin.com)    發(fā)布時間 :2015-11-18    閱讀次數(shù):3864


一、在打開軟件制作之前必須要知道的 3 件事

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

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

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

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

第一問:做給誰看?

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

第二問:為什么要做?

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

第三問:要寫些什么?

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

3. 做了就要利用好!

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

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

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

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

二、如何制作有設(shè)計感的 PPT 單頁

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

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

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

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

(△ 示例1,圖片來自 @陌君 的回答:zhihu)

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

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

(△ 示例1_修改后)

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

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

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

(△ 示例2,圖片來自 @鄧佳佶 的回答:zhihu)

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

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

(△ 示例2_修改后)

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

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

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

親密性

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

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

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

對齊

讓元素更加有序。

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

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

對比

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

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

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

關(guān)于對比,具體可參見:《讓你不一樣!20個技巧幫你提升設(shè)計的對比度》

重復(fù)

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

http://www.chanpin100.com/archives/27071

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

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

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

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

http://www.chanpin100.com/archives/27071

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

http://www.chanpin100.com/archives/27071

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

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

http://www.chanpin100.com/archives/27071

(△ 示例3,圖片來自 @王赫 的回答:zhihu)

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

http://www.chanpin100.com/archives/27071

(△ 示例3_修改后)

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

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

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

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

—————————— 1. 為什么要動?———————————

更加突出重點(diǎn)

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

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

http://www.chanpin100.com/archives/27071

(「轟然墜落」效果)

過渡更自然

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

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

趣味性

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

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

(喬布斯在 2007 年的蘋果 iPhone 發(fā)布會)

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

——————————— 2. 如何動?———————————

不要濫用夸張的動效;

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

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


文章轉(zhuǎn)載請保留網(wǎng)址:http://briannamclaughlin.com/news/industry/1554.html

掃碼添加微信
159 8667 8737
24小時電話

返回頂部