@洪涵滴滴 :本文將從設(shè)計(jì)的角度出發(fā),,概述如何制作一份美觀,、具有設(shè)計(jì)感的 PPT。文章的主要內(nèi)容會(huì)涉及基礎(chǔ)的平面和動(dòng)效設(shè)計(jì)。但本文不會(huì)具體談?wù)撨^多設(shè)計(jì)理論和風(fēng)格,,亦不會(huì)傻瓜式地教導(dǎo)如何使用工具及軟件,,附上超多的實(shí)例,零基礎(chǔ)也能看懂,。 轉(zhuǎn)載無限歡迎,,但請注明「作者」和「原文地址」。轉(zhuǎn)載請?jiān)谖闹斜A舸硕?,感謝您對作者版權(quán)的尊重,。如需商業(yè)轉(zhuǎn)載或刊登,請聯(lián)系作者獲得授權(quán),。 一,、在打開軟件制作之前必須要知道的 3 件事1. 關(guān)于 PPT 的泛用性目的 首先要確定的是,PPT 是為演講服務(wù)的(也包括對內(nèi)外的小型討論,、演說),。人們鮮少會(huì)像盯著一本書一樣去「閱讀」你的 PPT。因此,,相比考慮如何讓 PPT 漂亮這事,,策劃內(nèi)容和練習(xí)演講等更為實(shí)質(zhì)、重要,。這一點(diǎn)可千萬別本末倒置,,以為 PPT 做得好看,就算成功了 2. 哲學(xué)三問:這份 PPT 做給誰看,?為什么要做,?要寫些什么? 第一問:做給誰看,? 如果你不知道自己做的東西是要給誰看的,,你怎么做東西?就像醫(yī)生不知道病人得的什么病,,當(dāng)然就無法對癥下藥,。如果是大型產(chǎn)品發(fā)布會(huì),那么對象就是「現(xiàn)場媒體,、觀眾」;如果是公司內(nèi)部討論用,,那么對象就是「內(nèi)部上下級同事或領(lǐng)導(dǎo)」,;如果是公司對外的策劃案,那么對象就是「客戶大人」,。因人不同,、因地不同,內(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)容,。(有人對此感興趣的話以后得空會(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,,就要利用好,! 二,、如何制作有設(shè)計(jì)感的 PPT 單頁PPT 從結(jié)局來看是一個(gè)整體,但我們可以把 PPT 的每一頁當(dāng)做一個(gè)新媒體形式的平面設(shè)計(jì)作品,,想要設(shè)計(jì)得美觀確實(shí)是需要一些基礎(chǔ)平面知識,。我在這部分會(huì)通過一些示例來進(jìn)一步說明,方便大家理解學(xué)習(xí),。 1. 突出重點(diǎn),、去掉無用的裝飾 PPT 單頁的視覺層級要鮮明,語言要精煉,。在視覺設(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)可能是為了對應(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)橥ǔO旅娴膬?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)商用,。其他沒什么,就是大家要注意對齊……包括物理上和視覺上的,。 2. 基礎(chǔ)設(shè)計(jì) 4 原則:親密性,、對齊、對比,、重復(fù) 這里的 4 原則摘自 Robin Williams 的《寫給大家看的設(shè)計(jì)書》,。這是一本非常適合大眾學(xué)設(shè)計(jì)的入門書,我在這簡單闡述下這 4 個(gè)原則,,如有興趣推薦大家購買閱讀,。 親密性 親密性原則旨在將存在聯(lián)系的元素相互靠近,組合成一項(xiàng)一項(xiàng),,令畫面更加有序,。 左圖是非??岬碾S機(jī)排序咳咳,雖然很酷,,但我們卻無從知曉到底該從哪開始閱讀,。當(dāng)我們需要展示某些信息的時(shí)候,需要像右圖那樣,,認(rèn)真將內(nèi)容組織排序,、對齊。相近的元素要相互靠近,,不管是視覺上相近還是內(nèi)容上相近,。 對齊 讓元素更加有序。 左圖三個(gè)信息完全沒有對齊,,顯得非常無序,。右圖將信息左對齊,并且將「小標(biāo)題」與正文相對靠近,,令閱讀起來更有秩序,。 對比 使用強(qiáng)烈的對比可以強(qiáng)調(diào)信息層級,令人關(guān)注到設(shè)計(jì)師希望突出的重點(diǎn),。 當(dāng)我們希望突出某個(gè)信息的時(shí)候,,一定要加強(qiáng)對比。像左圖那種小小的對比,,是很難達(dá)到對比的視覺效果的,。因此,大膽使用「對比」,,讓畫面更有主次,。 關(guān)于對比,具體可參見:《讓你不一樣,!20個(gè)技巧幫你提升設(shè)計(jì)的對比度》 重復(fù) 重復(fù)可以簡單解釋為「統(tǒng)一感」,,但重復(fù)更加刻意強(qiáng)調(diào)。比如通過重復(fù)品牌元素達(dá)到統(tǒng)一視覺,,加深人印象的作用,。 重復(fù)不一定是某種視覺元素的重復(fù),也可以是文字樣式的重復(fù),。左圖存在的問題就是兩個(gè)標(biāo)題,、段落的樣式都不一樣,感覺非?!噶鑱y」,。右圖將文字字號、顏色等作了統(tǒng)一,,看上去就有秩序多了,。 運(yùn)用好這基礎(chǔ)的 4 原則,,相信大家都能快速制作出相對優(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)手頭功夫和對設(shè)計(jì)的綜合把握能力,。還是通過示例來分析下罷。 (△ 示例3,,圖片來自 @王赫 的回答:zhihu) 我們可以看到這位作者是有針對性地在設(shè)計(jì) PPT 的風(fēng)格,。但是因?yàn)榫C合的設(shè)計(jì)能力不夠出色,因此實(shí)際輸出效果顯得有些粗糙,,主要是色彩和排版問題比較大,。我們看下怎么修改罷。 (△ 示例3_修改后) 左圖我理解作者是希望做出匯聚的效果,,并且運(yùn)用多種色彩來達(dá)到「年輕」,、「活力」的感覺。只是原圖顏色過灰(色彩純度太低),,導(dǎo)致看著很壓抑,。因此我使用了明亮的白色做背景。輔助的圓圈使用純度相對較高的漸變顏色,,并且通過模糊和降低透明度等效果來區(qū)分和主題之間的層次,。可以明顯看到比原圖「活潑」,、「明亮」了不少,。(我這樣自己夸自己真的好嗎……) 而右圖我感覺像是學(xué)生對自己學(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)格的,沒有絕對的對與錯(cuò),。根據(jù)需求和場景,,設(shè)計(jì)相應(yīng)的風(fēng)格是最好的辦法。 三,、如何設(shè)計(jì)應(yīng)用 PPT 的動(dò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ì)中看到的——字從上而下墜落,,激起一片灰塵的效果,。見下圖。 (「轟然墜落」效果) 過渡更自然 我們知道 PPT 并不是單純的圖像,,它還存在轉(zhuǎn)場過渡,。而利用動(dòng)效可以令轉(zhuǎn)場更加多樣化,更加自然,。 需要注意的是,,盡量保持統(tǒng)一。大致可以設(shè)定一種「通用」轉(zhuǎn)場方式,,不要太過花哨的,。其余場景按需可以另外設(shè)計(jì),但注意轉(zhuǎn)場方式也不要過多,,會(huì)讓 PPT 演示顯得復(fù)雜,。 趣味性 動(dòng)效是可以做得非常有趣的,在這也舉個(gè)非常經(jīng)典的例子,。2007 年,,喬布斯在發(fā)布第一代 iPhone 的時(shí)候,非常調(diào)皮地使用了充滿趣味的動(dòng)效,。 喬布斯站在臺上,,興奮地說今天要發(fā)布三個(gè)重要的產(chǎn)品?!傅谝患莻€(gè)可觸摸控制的寬屏幕 iPod,,第二件是只革命性的移動(dòng)電話,第三件是個(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ī)」……「你明白我說什么了嗎,?」,,「這不是三個(gè)設(shè)備,這是一個(gè),?!?/p> (喬布斯在 2007 年的蘋果 iPhone 發(fā)布會(huì)) 對不起,這個(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)」,以及加深人的印象,,只要這樣就可以了,。千萬不要使用各種放大縮小、飄來飄去,、旋轉(zhuǎn)扭曲等等,,要記住略微強(qiáng)調(diào)即可。 重點(diǎn)在傳達(dá)信息,,不在天花亂墜,。 把握時(shí)間,不要快也不要慢 這點(diǎn)基本可以放心,,只要大家應(yīng)用 PowerPoint 或 Keynote 自帶的效果時(shí)間即可,。當(dāng)然,如果你有額外需求可以自己另外設(shè)定,,但一定要把握好「時(shí)間」,。否則,過慢會(huì)顯得拖沓,,過快會(huì)令人看不請發(fā)生了什么,,還以為演示出現(xiàn)了問題…… 一致性 全文多次強(qiáng)調(diào)一致性,是因?yàn)檫@在設(shè)計(jì)中真的非常重要。動(dòng)效也要保持樣式統(tǒng)一,,不該這一頁文字放大變化,,那一頁文字縮小變化,盡可能達(dá)成一致,。希望大家謹(jǐn)記設(shè)計(jì) 4 原則中強(qiáng)調(diào)的「重復(fù)」原則,。 四、總結(jié)文章寫得太長了,,簡單總結(jié)下要點(diǎn)也就這么幾點(diǎn): 1. 重點(diǎn)在演講不在 PPT,,PPT 只是輔助; 2. 相較好看難看,,PPT 的內(nèi)容更為實(shí)質(zhì)重要,; 3. 用設(shè)計(jì)的理論、技巧去制作 PPT,。 祝愿大家都能制作出優(yōu)秀,、美觀的文檔。
|
|