create-design-sense-ppt-1

@洪涵滴滴?:本文將從設計的角度出發,概述如何制作一份美觀、具有設計感的 PPT。文章的主要內容會涉及基礎的平面和動效設計。但本文不會具體談論過多設計理論和風格,亦不會傻瓜式地教導如何使用工具及軟件,附上超多的實例,零基礎也能看懂。

轉載無限歡迎,但請注明「作者」和「原文地址」。轉載請在文中保留此段,感謝您對作者版權的尊重。如需商業轉載或刊登,請聯系作者獲得授權。

一、在打開軟件制作之前必須要知道的 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,圖片來自 @陌君 的回答:zhihu

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

(△ 示例1_修改后)

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

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

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

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

(△?示例2_修改后)

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

2. 基礎設計 4 原則:親密性、對齊、對比、重復

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

親密性

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

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

對齊

讓元素更加有序。

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

對比

使用強烈的對比可以強調信息層級,令人關注到設計師希望突出的重點。

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

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

重復

重復可以簡單解釋為「統一感」,但重復更加刻意強調。比如通過重復品牌元素達到統一視覺,加深人印象的作用。

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

運用好這基礎的 4 原則,相信大家都能快速制作出相對優秀、美觀的 PPT 或設計作品了。

3. 受歡迎的數據圖表

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

數據可以令你的內容更具信服力。而數據圖表則更能直觀地展示這些數據,通過可視化呈現。

4. 通過設計讓 PPT 具有某種風格,而不是花里胡哨就好!

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

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

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

(△?示例3_修改后)

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

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

設計是有各種各樣風格的,沒有絕對的對與錯。根據需求和場景,設計相應的風格是最好的辦法。

三、如何設計應用 PPT 的動效

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

更加突出重點

相比靜態,動態圖像總是更容易吸引人的目光,達到強調內容的目的。

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

(「轟然墜落」效果)

過渡更自然

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

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

趣味性

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

喬布斯站在臺上,興奮地說今天要發布三個重要的產品?!傅谝患莻€可觸摸控制的寬屏幕 iPod,第二件是只革命性的移動電話,第三件是個突破性的互聯網通訊工具?!谷缓笏貜偷溃骸敢粋€ iPod」、「一個手機」、「一個互聯網通訊器」,演示 PPT 上的圖標跟著轉動。然后他繼續重復:「一個 iPod」、「一個手機」……「你明白我說什么了嗎?」,「這不是三個設備,這是一個?!?/p>

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

對不起,這個案例實在太經典了,這個產品也實在太革命性了,在這傾情推薦大家去看下。

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

不要濫用夸張的動效;

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

重點在傳達信息,不在天花亂墜。

把握時間,不要快也不要慢

這點基本可以放心,只要大家應用 PowerPoint 或 Keynote 自帶的效果時間即可。當然,如果你有額外需求可以自己另外設定,但一定要把握好「時間」。否則,過慢會顯得拖沓,過快會令人看不請發生了什么,還以為演示出現了問題……

一致性

全文多次強調一致性,是因為這在設計中真的非常重要。動效也要保持樣式統一,不該這一頁文字放大變化,那一頁文字縮小變化,盡可能達成一致。希望大家謹記設計 4 原則中強調的「重復」原則。

四、總結

文章寫得太長了,簡單總結下要點也就這么幾點:

1. 重點在演講不在 PPT,PPT 只是輔助;

2. 相較好看難看,PPT 的內容更為實質重要;

3. 用設計的理論、技巧去制作 PPT。

祝愿大家都能制作出優秀、美觀的文檔。

我還開了同名微信公眾號「UIcircle」,會同步推送文章,歡迎關注哦 :)

hhqr

【載體不同,原理相通的設計知識科普】

  1. 《設計易容術!如何設計一張高品位高水準的海報?》
  2. 《設計易容術!如何設計一張高品位高水準的海報(二)》
  3. 《設計易容術!如何設計一張高品位高水準的海報?(三)》
  4. 《大學生專屬教程!4個方法幫你設計好看美觀的社團海報》

原文地址:zhuanlan.zhihu
作者:@洪涵滴滴

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 12

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏