怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿?

怎樣將扁平化的設計理念融入到ppt的製作中?需要什麼技術要求?
pptorgoogle drive裡面的設計軟體?


作為一位PPT發燒友,也幫別人做過幾十份扁平化風格的 PPT,有一些經驗跟大家分享一下。

聲明一點:

本文與公眾號旁門左道(id:pangmenzd)同步更新,未經授權,請勿擅自轉載。

如需轉載,請聯繫我本人,微信:shaoyunjiao456

-------------------------------------------

廢話不多,咱們直接進入正題。

不知道你有沒有想過,為什麼很人多的扁平化 PPT 是這個樣子:

或者是這樣:

然而,還有一小撮人的扁平化 PPT 卻擁有那麼高顏值:

為什麼會產生這麼大的差距呢?
丑逼 PPT 應該如何逆襲成為帥逼呢?

本文就從以下 3 個方面來跟各位傳授經驗:

  • 形式篇(快速做出扁平化 PPT 特徵)
  • 設計篇( PPT 高大上設計指南)
  • 資源篇(善於使用 PPT 輔助神器)

先說第一個方面:如何快速做出扁平化 PPT 特徵?

1、最大的特徵是:色塊的使用,而且不要為色塊添加亂七八糟的效果,像陰影,倒影,立體等。

1.1 在純色背景上直接插入色塊,作用是為了對內容進行相應分類,以凸顯層次,這一點大家一定要記著,不是平白無故地隨意使用色塊。

下面這兩張是微軟官方的一份 PPT 案例:

1.2 當需要在全背景圖上寫字時,如果背景素材過於複雜,比如下圖這樣的,可以考慮添加透明色塊,以防止文字看不清楚的狀況。

下面這張是微軟官方的 PPT 封面案例:

下面這張是我和別人合作為京東製作的幻燈片的封面:

大家可以看到,如果我把透明色塊去掉的話,文字的表現力就會減少很多:

1.3 如果幻燈片中的圖片不能鋪滿全屏,而我們還需要寫字時,同樣可以考慮插入色塊。這時候,色塊的作用就是為了構成視覺平衡。

同樣是京東的那份案子:

試想,如果去掉左邊的色塊,把文字變成黑色,會是什麼樣呢?看起來是不是有點左右失衡的感覺?

以上,就是色塊在扁平化 PPT 中的3種常見用途,那麼,如果你不知道如何調整色塊的透明度,可以看看下面的這個步驟:

2、素材使用。

2.1 多使用象徵化的圖形,如果不是必要,盡量不要使用立體的,實物素材。

還是微軟的案子,留心這裡面使用的圖標:

這是魅族 PRO5發布會的案子,象徵化的手機:

樂小寶的案子,使用的象徵化人物和沙發:

有人可能會問,這些象徵化的素材是怎麼做出來的呢?這裡介紹兩種方法。

a、利用幻燈片形狀的布爾運算,概念的名字有點裝逼了,說白了也就是這幾個功能。

比如咱們就來做一部手機,左邊是一個成品,右邊是用到的所有「原材料」,在一個紫色形狀上分別剪除3個白色形狀,即可。

這是第一種方法,手工製作。

b、網上下載。

哪些網站可以下載到小圖標呢?

Iconfont-阿里巴巴矢量圖標庫,這個網站提供的全部是扁平化圖標,可以自定義顏色,非常好用。

比如咱們在這個網站上尋找手機素材:

可以看到,so many 多的手機圖標:

比如隨意挑選一個,換個顏色:

點擊下載即可,而且是無白色背景的PNG格式。

圖標下載,ICON(PNG/ICO/ICNS)圖標搜索下載,這個網站提供了很多類型的圖標,有扁平的,擬物的等,而且支持中文。

比如咱們搜索手機:

隨意找一頁:

還有這樣的類型:

基本上是完全夠用了。

當然,類似的網站還有很多,像:

Icon Search Engine Icon Archive Icons amp; Icon Packs proIcons.com 扁平圖標 iOS Icon Gallery Iconfinder - 900,000+ free and premium icons

感興趣的朋友可以去看看,都不用翻牆。

2.2 除了象徵型圖標外,有些時候還需要一些精美的配圖,該去哪找呢?

比如這一張 PPT 的配圖:

還有這一張配圖:

這一張我也非常喜歡:

去哪找呢?

給大家推薦幾個我比較喜歡的站點:

全景網路_中國最大的圖片庫和圖片分享網站,全景網上有很多不錯的商務范兒的素材,偏場景化,生活化。

Free Images - Pixabay,這裡面提供的素材非常多,類型也非常廣泛,而且質量很高。

搜素材 - 站酷 (ZCOOL),站酷是我國老牌的設計師交流網站了,上面素材的質量不用多說。

Free Stock Photos,這個網站提供了很多高質量且免費,可商用的圖片素材,對於沒錢的我而言,非常喜歡。

還有一些網站,就不詳細展開說了:

Eput.com - My Photography 千庫網_免費背景圖片素材下載_banner背景圖片素材 最出色的攝影社區,500px,這個是中國版的,不用翻牆。

當然,網站雖多,合適的才是最好的。

3、在字體使用。

尤其是製作扁平化風格 PPT時,由於很多時候,文字是寫在色塊內的,所以,盡量不要選擇襯線字體_360百科,那樣會顯得很擁擠,沒有空間感。

而如果你對字體選擇沒有概念的話,最好使用微軟官方提供的,適用於扁平化風格設計的字體:

中文字體一般選擇微軟雅黑:

如果你不喜歡使用微軟雅黑,那麼其他和雅黑類似的非襯線字體也可以。像以下幾種:

還有像蘭亭黑體系列:

思源黑體系列,點這裡可以獲取下載:思源黑體 簡體中文版||

這些都是比較適用於扁平化 PPT 設計中的中文字體。

英文字體一般選擇 Segoe UI

4、配色。

在其他風格的PPT製作中,色彩3種之內就可以,但扁平化 PPT 由於需要使用到很多色塊,所以,就會使用到更多種類的色彩。

Flat UI 這個網站提供了一些扁平化設計配色的規範,並且提供了一些配色卡,可以參考使用。

另外呢,還有一些配色工具,可以幫助你進行更好地配色,比如像Material Design Color Palette Generator,這是Material 風格配色,也可以應用到 PPT 配色中。

比如,我們選擇了紫色為主題色,那麼,相應地,就會提供一整套配色方案。

Color Hunt這個網站也不錯,提供了很多的色卡:

當然,這些配色工具畢竟是程序寫成的,只能給你提供一定的幫助,真正想搞定配色,還需要靠個人能力。

以上,就是扁平化 PPT 製作中,常見的表現形式以及設計方案。

接下來,說第二個方面:PPT 高大上設計指南。

雖然上面說了扁平化 PPT 設計的特徵,但大家要清楚一件事情,那就是沒有顏值的 PPT,不會被人說成是扁平化風格,只會成為他人眼中的髒亂差風格。

所以,在這一部分,就跟各位分享一些提升 PPT 顏值的經驗。

1、排版。

其他答案中有提到過設計的4原則,但對於小白用戶而言,我認為作用不大。咱們倒不如這樣來思考,面對很多文字的 PPT 頁面,我們應該如何來解決?

比如咱們現在要對這個頁面來進行排版:

相信,很多人頭一眼看到這樣的 PPT 時,是懵逼的。

那怎麼來排版呢?

第一步,拆解。

把一整段的文字內容,按照觀點相近性原則,分成小的部分。

就拿上面的文字內容來舉例,咱們可以分為 3 個部分:

現在基本上可以看出層次了,但缺少的是美觀性,以及重點不突出。那怎麼辦呢?

第二步,提煉小標題,突出重點。

現在,我們可以一眼看出來,關於如何學好英語的3個觀點。

第三步,美化。

最簡單的做法就是更換字體,排列對齊。

那麼,如果我們結合前面講過的,關於扁平化 PPT 的特徵,來做一頁扁平化 PPT 試試:

OK,搞定!

2、一致性。

無論是扁平化風格的 PPT ,還是其他任何風格的 PPT,都需要遵循一致性原則。

這是微軟介紹OFFICE 2013時製作的 PPT :

這份 PPT 看起來是不是特別的乾淨整齊?而整齊一致的背後,是由以下3個方面構成的。

a、字體類型不要超過3種。一般來說,1-2種是最為合適的。

像我接觸到的一些企業,比如聯想,京東等,他們的 PPT 甚至規定只能使用微軟雅黑這一種字體。

因為同一份 PPT 中,使用的字體多了,一方面會增加識別成本(每一種字體都有不同的字形),另一方面,字體使用過多,也會分散觀眾對內容的關注度。

我們看到,即便是官方的 PPT ,也是只使用了微軟雅黑這一種字體。

b、色彩不要太雜亂。

雖然在扁平化風格 PPT 中需要更多種類的色彩,但要注意,不要讓幻燈片各色彩之間的跨度過大,過明或過暗都不行。

我們可以看到,這3行色彩的明度是不同的,從第一行到第三行,明度越來越暗。

那麼,當我們進行配色時,就需要在同一行中來選擇色彩,這樣,就能避免跨度過大的問題。

c、背景盡量保持乾淨,而且一致。

先給大家看個反例:

先不論設計上的美醜,咱們只看背景。

這個背景雖然保持了一致性,但看起來非常的不幹凈,那麼,即便你內容做的再好,也避免不了廉價感。

那,怎麼辦呢?

建議盡量選擇純色。

純黑或純白也是不錯的選擇,能實現背景乾淨與一致性的統一。

3、封面設計。

我之前在公眾號和知乎專欄zhihu.com 的頁面上寫過一篇文章,PPT封面設計的萬能公式,套用即可做封面!總結了 PPT 封面設計的一些常見模版樣式,可以讓你輕鬆做出不錯的 PPT 封面。

在這裡給大家簡單舉一個例子,深灰色代表背景:

咱們就拿這個模版,來套用,隨便做一張 PPT 封面:

4、尾頁設計。

可以參考我之前寫的這篇文章:PPT 最後一頁寫什麼結束語既得體又能瞬間提升格調? - 邵雲蛟的回答

最後一部分,跟各位分享一些能幫你提升 PPT 製作效率的輔助神器。

1、在線信息圖表製作工具https://venngage.com/

信息圖表最近兩年挺熱門,但對於一般人而言,很難做出像樣的信息圖表,所以,不如藉助這個現成的工具。

操作步驟也很簡單:

第一步,先選擇一個相應的模版。(還有很多,在此不全部列舉)

第二步,進入工作台,進行相關數據和元素的編輯:

第三步,點擊下載,不過是按月付費。

2、多圖片排版神器。

不知道你是否看到過這樣的PPT:

或是這樣的PPT:

按照傳統的方式,在一頁PPT中整齊地拼接這麼多的圖片,並且尺寸相同,真的是一件很困難的事情。不信的可以嘗試下(由於我曾為多家科技企業做過發布會PPT文件,多次碰到過這樣的事情,真的不是件容易的事情)。

但如果你有了這款神器——圖片組合,那麼這個問題就迎刃而解了。

打開軟體界面,會提示你選擇相應模版:

選擇了模版,會進入這樣的界面,你可以對任何參數進行自由調整:

操作很簡單,認識漢字就能完成相應圖片組合。

最後附上好友李俊做的一張案例:

這個軟體可以在我的公眾號【旁門左道】回復關鍵詞【組合】即可下載。

3、Tagul - Word Cloud Art

這是我知道的,唯一一款支持中文的文字雲工具。

這是其操作界面,雖然是英文的,但都很好理解,左邊從上到下,依次是文字,形狀,字體,布局,色彩和下載。

這個地方是上傳文字的:

來看個成品:

4、PPT 專用壓縮軟體。

這是一個專門用於壓縮 PPT 大小的工具,強大之處在於,壓縮率最高可以達到98%。

什麼意思?舉個例子來說吧,一個100M的PPT文件,經過這個神器壓縮過之後,會變成2M,你知道這是什麼概念嗎?

我做了個實驗,源文件大小有41.5M:

壓縮後變成了1,74M,我的天哪!

5、常用辦公文件格式在線轉換神器,Smallpdf.com

很多時候,我們在網上下載的文件是 PDF 格式,這時候,我們都知道,不能對其進行編輯,但如果你能把它轉換為 PPT 格式,就能看到文件的各種圖層和參數設置,並且隨意編輯。

6. PPT遙控器。

大家都知道,當站在台上進行演講時,需要根據演講的節奏來配合著去翻頁,一些專業的舞台都會配備PPT翻頁筆,大概也就是幾十塊錢。

但,更多的場合是不會配這個翻頁筆的,也就是說,演講者需要通過滑鼠或鍵盤自行翻頁,這就不爽了,那麼有沒有一款軟體可以解決這個問題呢?肯定是有的。

而且這樣的軟體很多,我曾經搜集過網上很多的工具,但體驗都不是很好,沒有較大的創新,知道我遇到了百度做的一款翻頁工具——PPT遙控器,我頓時覺得,這才是我真正想要的工具,棒極了。

網址是:PPT遙控器

這款軟體之所以有亮點,是因為它只需要在電腦端下載即可,手機上不用再一次下載(市場上其他同類軟體需要下載兩個客戶端)。

當你在電腦下載之後,打開軟體,提示你用手機掃碼:

http://ap.baidu.com/pptctrl/?id=429fad1ff259deb2707e10d10c8ad05fst=1439384497_18386 (二維碼自動識別)

掃碼後,即可使用:

雖然百度作惡多端,但是這款軟體還是很不錯的,操作簡單,體驗也相當不錯。

文章的結尾處,給大家補充幾個 PPT 製作中必知的技巧。

1、增加撤銷次數。

PowerPoint這款軟體默認可撤銷次數為20次,也就是說,你可以回到20步之前的操作,但有些時候,這遠遠不夠,那麼,我們可以在軟體中,修改這一參數,最大可實現回到150次之前的操作。

點擊【文件】,找到【選項】,在高級中設置即可:

2、文件加密。

對於像我一樣,經常需要幫客戶製作 PPT 的人而言,這個功能不可不知。一方面我們需要讓客戶看到你的作品,另一方面,又不希望他修改或者賴賬。怎麼辦呢?

第一步,點擊文件,另存為,選擇保存地址。

第二步,請注意,關鍵點來了。

選擇工具中的【常規選項】:

我們會看到這個界面:

我們在修改許可權密碼那裡,輸入密碼,但不要在打開密碼那裡填寫,否則,別人就打不開了。

第三步,也是非常關鍵的知識點。

一定要選擇保存為 【PowerPoint放映】,否則,別人也是打不開的。

然後,選擇保存,即可。

3、一鍵替換字體。

顧名思義,這個功能的作用就是一鍵將幻燈片中的所有 A字體替換為 B字體,在【開始】選項卡中的,【替換】功能可以找到。

4、smartart功能的多重應用。

在幻燈片中,smartart應該算是一個被嚴重低估的功能,我們都知道在 smartart裡面有組織架構圖的樣式,但一個個的添加未免太慢了,這裡有一個小技巧是,把smartart反著用,你會爽翻的。

在介紹技巧之前,咱們看看什麼叫正著用:

正著用就是先插入smartart,再添加文本和其他形狀(因為默認樣式智能輸入5個)。

那麼反著用是什麼意思呢?

就是,我們先插入文本,然後轉化為smartart。

怎麼用呢?首先,我們需要新建一個文本框,在裡面寫上所有職位,然後調整段落級別,選中文本,按tab鍵即可:

然後,選中右邊那個文本框,咱們可以在開始選項卡中看到轉換為smartart這樣一個功能:

點一下,看看能出現什麼:

如果這時候,我們要給老闆添加一個秘書,怎麼辦呢?

選中老闆那個形狀,在添加形狀那裡,選擇添加助理:

我們看看效果:

是不是反著來用smartart比正著更省力?

而且,用smartart來進行排版,也是一個很不錯的選擇。

比如咱們插入這樣一個樣式:

然後,輸入相關內容,稍微更換一下色彩,就能做出不錯的排版:

5、特殊字體嵌入。

可以參考我在公眾號上寫的這一篇,基本總結完了。
如何把字體嵌入到PPT文件中?

關於扁平化風格 PPT 製作,以上就是我的一些經驗,以後想到了還會繼續補充。

寫了半天,快餓死了,吃飯去。

號外,今天剛寫了一篇新的文章,裡面有一些新的知識點,很實用的那種,如果感興趣,各位可以看看:有哪些必備的知識技能? - 知乎

文中提到的工具,可在我的公眾號【旁門左道】回復【神器】,或【組合】等關鍵詞進行下載。

另外,本文使用的相關 PPT 案例也可以在公眾號中進行下載。

插播一條廣告,我的新課已登陸網易雲課堂,如果你已經懂得 PPT 基礎操作,想要提升 PPT 設計的水平,歡迎訂閱:PPT設計思維進階 - 網易雲課堂

最後,如果你想學習 PPT 製作,可以關注我的微信公眾號【旁門左道】,篇篇原創。

另外,我的這些文章應該對你也有幫助。

如何讓 PowerPoint 幻燈片「高大上」? - 邵雲蛟的回答

有哪些製作好 PPT 的習慣? - 邵雲蛟的回答

PPT 模板的下載資源有哪些? - 邵雲蛟的回答

如何做好PPT演講?

哪些網站可以真正幫你提高PPT設計水平?


2014.4.14內容首發 | 2016.3.7內容更新 | 2017.7.10內容更新 | 未經本人同意不得轉載

雖說未經本人同意不得轉載吧,但這三年多來我總是莫名其妙地能在別的地方看到自己的回答,還有朋友特意轉給我看的,而這些地方從來都沒來向我本人詢問過轉載事宜,感覺好尷尬。我是沒什麼心力去追蹤這些事情,被轉被抄的也見得不少了,挺鬧心的,希望大家都能自覺遵守吧,wink~(2017.7.10更新)

以下是正文:

從寫下這篇回答到現在也有將近2年的時間了,回頭望去,真是慘不忍睹目不忍視啊,痛苦地捂臉。留言我都看了,批評得很有道理。我覺得不能再放任自己懶下去了,該動的時候還是得動起來,不然多誤人子弟啊。

我覺得製作PPT最重要的一點是條理清晰,其他的手段都是為了達成這一目的而服務的。為什麼這麼說呢?想想我們通常是在什麼樣的情況和場合會使用PPT?大致列一下:工作彙報、商務談判、產品演示、品牌/產品發布會、員工培訓、教學課堂等,一般是相對正式的場合。

在這些情況下,把意思表達清楚就顯得尤為重要,畢竟別人沒有時間也沒那個耐心來忍受你邏輯不清的胡言亂語。

而在這裡之前,我們可能還會面對兩種情況,一是對方沒時間聽你講解,因此這份PPT他是需要用眼睛看的;二是對方有時間在現場一邊看一邊聽你講解,那麼此時PPT更多是作為輔助角色出現,來配合你的講演。

這兩種情況下我們要做的PPT是不太一樣的。前者要做得較為詳細,因為…除非是對待八卦,否則以大多數人的尿性,對待PPT這樣事物,他們的腦補功能都是不太樂意啟動的。後者可以做得相對簡略一些,盡量減少文字的比重,不然多像念稿子啊,那場面還是蠻尷尬的。

而談到配色問題,看膩了五顏六色高飽和度磁貼你會覺得純色簡直如一股清流,連呼吸都順暢了許多;而總是素凈的性冷淡風格有時候也未免失了點熱鬧的人氣。所以呢,光一套模板是很難適配多個場景的。

我原來那版黑白配五彩就是個災難片,後文有鏈接,2017.7.10更新。

那在題主的這個問題下,我們還是回到製作本身吧。

———————— 首先是製作前的準備工作,我們需要思考幾個問題 ——————————

1、明確我要做什麼,即本作的主題和內容;
2、我是否已準備好充分的素材?
3、我所寫的內容是否切合主題?
4、這份PPT的用途和使用的場合是什麼?對象是誰?
5、採用什麼樣的風格來表現最合適?
6、採用什麼樣的尺寸、色調、字體?
7、歡迎補充。

PS:思考順序不一定按照這個來哦,按你習慣的來就好,2017.7.10更新。

—————————————做好之後,再用以上問題複查一遍 ————————————

縱觀全文,我的思路是否清晰?邏輯是否合理?對整體效果是否滿意?
當然最最重要的,製作的時候千萬別忘了保存、保存、保存!請務必記得要保存啊!!!

————————— 以下為製作過程,災難現場重現,請好孩子們不要學 ————————

這個PPT講的是跟扁平化相關的東西,
那麼我希望視覺呈現也是扁平化的,以達到形式和內容的統一.

如果想要把「扁平化的設計理念」融入到PPT製作中去,那麼我們首先得對「扁平化」有點兒了解.

很多時候我們說不清概念本身,因為概念並非一成不變,超出一定的範圍可能就是謬誤.

但為了便於記憶和闡釋,我們會用一些關鍵詞來標註它.

如上圖所示,我選了「二維、抽象、簡潔」這三個關鍵詞,並使用了圖形和底色.
PS:這三個關鍵詞僅作示意,並不絕對,歡迎探討~

那麼,在我們對「扁平化的設計理念」有了一定了解之後,可以採用哪些方式去達到「扁平化」效果呢?

要細分起來真的可以說很多,我們挑重點的幾個講講吧.

我們可以從以上三個方面去指導PPT的製作過程並進行測試,看看最終的效果是符合還是背離.
PS1:看不清的話可以點擊大圖查看具體文字內容(下同).
PS2:鑒於我們本次的主題是設計,因此其他的不做展開.

為什麼在色彩部分提出了「點線面構成」呢?
因為在製作時我們必須面對PPT這個平面,並對它進行解構和再創作.
而在扁平化設計里,色塊是非常重要的組成部分,它們本身就能轉化成點、線、面,構成格局,撐起整個平面.(PS:但後來我發現,色塊並沒有想像中那麼重要……自打臉= =)

在文字處理上,我們的要求只有一個:統一.
統一的目的是為了畫面的清爽,讓信息以最有效的方式呈現,並快速傳達給觀眾,避免不必要的干擾.

PPT里用到的圖片主要分為兩種:背景圖、內容圖(必要的插圖、圖表等).
用來當做背景的圖,為避免信息冗餘,我們可以對其進行模糊化處理,從而突出文字信息.
如果是內容圖,單張的相對好處理,一旦圖片數量多了不好好排列就會非常雜亂.
另外還有一點需要注意,在多張圖片的呈現上,整體色調的把握也非常重要.你可以玩撞色玩漸變玩灰調,只要看起來不要太可怕就行.

最後,在「扁平化設計」這個名詞本身就存在爭議的情況下去談論如何達到扁平化,總覺得有點懸,但居然也絮絮叨叨地說了這麼多(捂臉).


以上,希望對題主有幫助.

————————————— 以下是對部分問題的統一回復 ——————————————

1、字體的保存

PPT傳給別人後怕字體變掉怎麼辦?第一步:點擊左上方的「文件


第二步:點擊左下方的「選項


第三步:點擊「保存」→「將字體嵌入文件」這個選項打√→選擇嵌入的方式→點擊「確定

一般選第一種嵌入方式就可以了,第二種方式會使得文件變得比較大,主要還是看你的需要了~

PS:有人問這個箭頭是什麼軟體做的,答案就是——QQ截圖!= = 孩子啊,如果你平常掛QQ的話,順手試一試就知道了,很好用的,我不騙你。


2、全文字體設置

如何在製作前就快速統一全文字體?你可以在「設計」→「變體」→「字體」中進行設置,也可以自定義字體:


自定義字體:


3、PPT尺寸設置
就在「變體」的隔壁「幻燈片大小」(見上上圖),一般默認標準(4:3)和寬屏(16:9),可自定義。


4、彩蛋聲明(2017.7.10更新)

曾經有一套14年做的彩蛋,不過現在看來內容和形式都已經落伍,我就不放送了。

所以不用再留言和私信咯,我是不會回噠。

嗯,我就是這麼壞(良善的微笑)。


5、舊版PPT

最開始做的版本,這配色是不是相當可怕?不知道誤導了多少天真善良的孩子……雖然現在做的也沒好到哪裡去啦……11是背景圖,自己拍的;12是色值。

知乎日報上的案底,有興趣可戳:把你的幻燈片以漂亮的方式「拍扁」(多圖)(2017.7.10更新)


6、資源推薦:
1. https://www.pinterest.com/ (Pinterest)
2. http://huaban.com/ (花瓣)
3. http://www.topit.me/ (優美圖)
4. http://yestone.com/ (邑石)
5. http://www.58pic.com/ (千圖)
6. http://www.quanjing.com/ (全景)
7. http://www.uisheji.com/ (UI設計)
8. http://xiaba.shijue.me/(視覺中國下載吧)
9. http://www.uisdc.com/# (優設)
10. http://findicons.com/ (圖標搜索引擎)
11. http://colrd.com/ (配色)
12. http://www.pptstore.net/ (牛人聚集,果斷收藏)
13. http://weibo.com/208235676?from=usercardnew (我愛PPT的微博)
14. flatppt(嘉文錢的微信號)(他寫的《PPT扁平化風格設計手冊》教程超棒的!強烈推薦!)(我答完後的某天去仔細看了一遍他的教程,覺得自己好蠢啊居然這麼晚才去看!)
15. PPT100(幻方秋葉PPT的微信號)(可以學到很多PPT製作的技巧)
16. http://www.qiuziti.com/ (找字體)
17. http://www.easyicon.net/ (圖標下載)
18. http://www.zcool.com.cn/ (站酷)

(本來資源推薦我真想慢慢填的,但是我這種懶人怎麼會做這麼勤奮的事呢?上面這些網站里,有些連界面都改過很多次了,新的網站也層出不窮,自己去探索會更有趣哦~ )

(2017.7.10更新)


關於PPT的設計技巧,DukingWen搬運的內容總結得很好,答主剛來時DukingWen的是最高票,但不知道為什麼被摺疊了,建議大家去摺疊區看看,那份答案很值得收藏。

最後我想說的是,實戰型的PPT和理論型的PPT,還是有區別的,很難一一講述。多看多想多練,你會找到自己的方向的。我也一直在路上,摸索著前進。一起努力吧~

每份留言我都有看,恕不能一一回復,總之,謝謝堅持看到最後的每一位~ 新年快樂~


咱們江湖再見!


===============

更新日誌:

2015-5-23 回答了評論區大家的一些問題:字體,字體嵌入,版式比例等

2015-5-26 進階篇添加了:幾何圖形和透明度的運用

2015-12-04 隔了半年看這個回答,發現當時答得很雜,很多事情都沒有說清楚。我最近將在設計雜談 - 知乎專欄中更新相關的內容,歡迎關注。

註:

  • 設計雜談 - 知乎專欄目前成員有 @OCDpatient 和我( @鄧佳佶 ),大家可以多多關注@OCDpatient的回答,在這方面他撰寫很多有用的答案:-D
  • 另外,不接受私信索要字體,謝謝。
  • 接受ppt的付費製作,可私信。

謝謝點贊與各位評論區手動點贊的朋友們,恕不能一一回復,見諒~


===========


來來來我來給大家些絕對實用的乾貨~

我覺得從觀念上,最重要的事情就是要意識到PPT就是排版設計的一個系列作品。因此無論用什麼東西,都要記住,風格統一一定是重點。

其實排版設計這件事,並沒有大家想的那麼複雜,最難的其實是內容。而扁平化其實是相當好操作的一種一學即會的設計。

廢話不多說。進入乾貨。

似乎應該加上一句:前方多圖預警!多圖預警!!!!這不是演習!!!流量黨請速速撤退!!!!!!!!

初級篇——扁平、純色

這一部分主要是為大家速成準備的,至少做出來的PPT不會太難看。


第一件事:(如果允許的話)比例調成16:9

再說一次:比例調成16:9

大家可能覺得這不是必要的。這確實不是必要的,但是!!!對於尚不熟練的人來說絕對是加分項。

人類對於和電影銀幕這種長度比例差不多的東西有天然的好感。

你要知道這是,希,臘,人,設計神廟時的比例。

如何設置?點設計→幻燈片大小就可以了!就是這麼簡單!


剩下的還有三件事情:

選圖標,選字體,選顏色


我們一件一件地來講:


嗯直接發鏈接咯:圖標下載,ICON(PNG/ICO/ICNS)圖標搜索下載

比如我搜「用戶」,嗯有了:

就是這麼簡單直接粗暴。

就是這麼簡單直接粗暴。

首先,請download足夠多可以讓你選擇的字體,比如我基本下載了全套方正字體:

首先,請download足夠多可以讓你選擇的字體,比如我基本下載了全套方正字體:

當然我們經常下載中文字體而忘了也要下載西文字體,其實

當然我們經常下載中文字體而忘了也要下載西文字體,其實西文字體才是各種美哭好嘛!!!!

嗯因此一定謹記:下載西文字體,下載西文字體,下載西文字體!!!



以後不要傻乎乎只會用藝術字了啊乖……這些都是字體直接有的效果!!!

以後不要傻乎乎只會用藝術字了啊乖……這些都是字體直接有的效果!!!

嗯下面的也是= =

這個條形碼也是…………

這個條形碼也是…………

字體在手,一生無憂!

字體在手,一生無憂!


=============================
根據知友建議,把字體鏈接刪了。。。。
關於字體版權抱歉= =
不過我把我常用的且非系統自帶的英文字體貼一下~
AMGDT

Code
Light

Futura Std
Light

Adobe Hebrew

Angsana New

Niagara
Solid

Bell MT

Amputa Bangiz

Amputa Bangiz

Cleanwork


Origram

Anastasia

Bauhaus
93

Berlin
Sans FB Demi

Charlemagne
Std

Nouvelle Vague

Dotchaos

Braille

Null Free

Pump Demi
Bold LET

Modern
plate

KiloGram

Modo

Dokyo

VAL

solgas

JI Hidden
Vines

PROMISES BROKEN DREAM

C39HrP36DlTt

PlAGuEdEaTH

Roughwork
Demo(這個字體只適合大寫用)

Urban
Jungle

Death
From Above

CarbonType

Calligraph421
BT


Edwardian
Script ITC

Freebooter
Script

Kunstler
Script

Palace
Script MT

Mekanik
LET

以及這個應該沒有沒有違法吧答主是法盲的如果有問題請告知立刪_(′?`」 ∠)_

以及這個應該沒有沒有違法吧答主是法盲的如果有問題請告知立刪_(′?`」 ∠)_

順便說一張圖一張圖地截真的好辛苦_(′?`」 ∠)_


==============================


這一部分,不用去記怎麼搭配RGB通道,不用去思考冷暖色調,只需要記住一個網站:

這一部分,不用去記怎麼搭配RGB通道,不用去思考冷暖色調,只需要記住一個網站:NIPPON COLORS

這個網站美哭……它提供配色,相近色,而且還給出了RGB值…………歐歐歐有圖為證!


還可以有這種炫酷的3D……原諒我經常玩這麼個網頁就玩了半個小時……

嗯你完全可以靠你的眼睛決定顏色搭配了!

到目前為止,準備工作就緒!可以開始做PPT啦!

神馬???你問怎麼用背景圖片!???

答案是:鱉用了!如果你是初級,僅僅是從網上下載一個和主題毫不相關的圖片,那麼尼瑪為什麼不用純色!


在排版設計上,只有兩個簡單的原則:

在一張ppt上,使用字的大小和加粗而不是字體來區分重點!

當你覺得整體面不平衡時,請使用線來穩定面!


以下舉一個簡單的例子。

比如這是一張PPt白板:

首先,思索一張ppt上放多少內容。最終的結論是,這麼多的內容需要拆分在兩張ppt上。

首先,思索一張ppt上放多少內容。最終的結論是,這麼多的內容需要拆分在兩張ppt上。

(大家可以看到,本來這幀是完全可以在4:3的尺寸里放得下,但是留一個邊都會變得好看許多)

圖標是前面我們講到的,左右排版一學即會,當你覺得文字過多,一下子放上去看著很頭痛時,用我剛剛說的:用線穩定面!為了保持平衡,再在左側也加一條線,就大功告成了。

複製第一幀PPT,直接把字塞進去,第二幀ppt就出來了,嗯就是這樣。

為了有突出,把重要的標點符號(在這裡是引號,逗號、分號、句號同理),選擇大的字型大小就可以了。這也就是剛剛說的原則:

為了有突出,把重要的標點符號(在這裡是引號,逗號、分號、句號同理),選擇大的字型大小就可以了。這也就是剛剛說的原則:使用字的大小和加粗而不是字體來區分重點!


還要記住最重要的一點:風格統一!!!!在這種純色系裡,要保證的是:顏色選擇不要差太大!盡量保證每幀所用顏色都一樣!


嗯至於更深入的排版和動畫,我們在進階篇里討論。

進階篇——風格嘗試和動畫(未完)

在這個階段,就需要完全地把ppt當做平面設計來做了。圖片什麼的等我有空來講。。。

=====================
更新!!!2015-5-26
看到這麼多贊不更都不好意思了………………
其實呢,沒有更的原因一半是傲嬌,一半是不知道應該怎麼講……
因為動畫的部分,技巧太雜了,而且如果不用視頻很難講出來,所以這一部分我就還是不講吧。
以下講講所謂的「風格」。

這一部分呢,其實可以發揮的東西就太多了,因為風格這種東西,就是每個人做有每個人的特色,所以還是比較難講的,不過我盡量講一些共性的,可以一學就會的。這一部分就以案例為主:

老規矩,從簡單的講起:今天呢,就主要講兩件事情——幾何圖形和半透明的運用
透明度
設置很簡單的,點你要調整透明度的圖或框,設置形狀格式:

具體來看有什麼用吧:

具體來看有什麼用吧:
1.在設置標題的時候可以用一定透明度的模塊覆蓋:

嗯,中間這個矩形框就是這麼設置的

嗯,中間這個矩形框就是這麼設置的
(很醜勿噴只是舉例……實在是太懶)
好吧鑒於上一張圖實在太丑我還是另外加一點點工,當做一個案例給大家好了——

這樣是不是高洋上了很多?我早就說了嘛,很多時候就是顏色的問題~

這樣是不是高洋上了很多?我早就說了嘛,很多時候就是顏色的問題~
你們一定問:可是我不會PS啊!
可是我根本沒用PS啊!!!!
再說一遍:我根本沒用PS啊!來來來看過來:
雙擊你要調整的圖片,然後左上角調顏色→再調色溫就好(但是PowerPoint只支持調整一次,如果要多次調整,就另存為,再打開調整):

如果你想逼格很高,也可以這樣:

如果你想逼格很高,也可以這樣:

好吧其實這個應該放在初級講的……anyway反正大家學到知識就好= =

好吧其實這個應該放在初級講的……anyway反正大家學到知識就好= =
2.可以使得做的ppt比較小清新:比如隨手弄了這麼個模板:

右邊即透明度設置:

右邊即透明度設置:


順便再講一個選擇顏色搭配的技巧:

有時候在選擇顏色搭配的時候不知道哪些顏色相近,搭配起來好看,

一個很簡單的辦法就是:設置了底色之後,文本框隨意選一個看上去還不錯的顏色,然後通過調節透明度來觀測哪個比例的顏色混合不錯。


2.如果你把幾何圖形和半透明用在一起,就有意想不到的效果

這是今天幫同學做的ppt,當她給我的時候ppt是這樣的:

你們知道我的表情是這樣的:

你們知道我的表情是這樣的:

不過把它變成了這樣:

不過把它變成了這樣:

是不是好看了許多~

是不是好看了許多~

這就是我要講的重點——

看到沒有!!!用好透明度是不是有一種美美噠的感覺!再改一下顏色工作就完成了!

幾何圖形和透明度搭配絕對是美美的!

再比如她給我這幀:

我的心情是:

我的心情是:

但是稍稍調整就可以變成這樣:

但是稍稍調整就可以變成這樣:

雖然還是不美但是是不是好了很多~(主要因為有點歪而且局部沒有處理好)

雖然還是不美但是是不是好了很多~(主要因為有點歪而且局部沒有處理好)

比如這一個她當初給我的時候是這樣的:

我的感受是:

我的感受是:


但是單用矩形圖案,仍然可以讓ppt不至於這麼丑:

好吧我其實就是為了給你們講解專門把每一幀都用的幾何圖形不一樣……你們做的時候千萬不要這樣!!!!

好今天就更到這裡,都要兩點了/(ㄒoㄒ)/~~我要睡覺覺了?(?╯?╰??)

=======================


高級篇——隨心所欲(未完)

可以看看這個視頻:designed by apple in california(PPT臨摹版)(這個其實在技巧上完全算是高級了,但是還是欠缺真正能一下就打動人的東西。)

這一部分,我覺得最好的學習素材是:專輯封面,和雜誌

因為大小合適,好處是學了可以立馬用。當然海報也非常好,只是可能你更需要學到其精髓。

先佔坑。以後慢慢填。


總之這一部分想講的其實是:PPT到最後,還是憑一些創意的。

給大家先看專輯封面、雜誌,以後來更:



比如平面化,也可以做到這樣:

字體也可以做到這樣:

字體也可以做到這樣:


(圖片來自網路,侵權立刪)

(圖片來自網路,侵權立刪)


總之進階和高階部分呢………………哼。集齊贊再來更。(再讓你們看一遍如此傲嬌臉)

碼字略慢請見諒。。。贊都騙了好多坑都挖了好久了……不過放心我一定慢慢填坑的!
讓我先回答一些知友的問題好了:
1)16:9投影儀4:3對不上啊
我不是說了嘛,如果允許的話……不允許那就乖乖用4:3咯= =當然我們學校的投影儀也是4:3的,可是我還是經常用16:9呀……就是上下會留黑邊而已呀……我覺得還挺好的(●′?`●)
2)顯示器上看顏色不錯,但到了投影儀上會很難看
這一點確實,所以要慎用淺色調,我通常的解決辦法是,把覺得最合適的顏色調深一些,這樣在投影儀上放出來的效果就差不多了
3)關於字體:不會再發鏈接咯= =不過會把每種字體對應名字貼出來
以及記住在其他電腦上放的時候一定要把字體嵌入啊!!!
嵌入方式:
點左上角文件→選項

勾選將字體嵌入即可~

勾選將字體嵌入即可~


【我做了一場講PPT的知乎Live,有興趣可以戳這裡:遲到的live總結+開通「結束後購買」 - 錦妖和她的小夥伴們 - 知乎專欄 我花了一個月準備的 比這個回答系統得多也實用得多啦】

————
- PPT好看不是萬能葯,清楚,有用是最重要的,環境和情況不同,這種風格未必適用,自己考慮~
- 之所以用大圖,是因為這樣簡單粗暴,比慢慢畫圖啊排版啊快n倍。
- 能不要糾結中英文嗎,我學校項目的PPT就是英文的……誠然中文字體限制比較多,但什麼情況下都只會說「中文PPT就是難做,英文PPT就是好看」的,都是耍流氓!

——以下正文——

我舉幾個栗子好啦,好像沒有扁平到win phone的程度,不過總體還是扁扁噠。

1. 找張好圖,用半透明襯底,灰色細字。


2. 找張好圖,用一種主題色,多用灰階少用純黑。


3. 找張好圖,保持主題色和極細字體,不用三角形箭頭,多用灰階。(這張是同學做的,需要AI等輔助工具)


4. 找張好圖,這張有點類似雜誌排版,很好看但是不推薦ppt上太多字。(圖是我找的,這張依然是同學做的)不推薦字多是因為可讀性會急劇下降,如果是事後發給對方看的,字多沒關係,如果是現場演講的,這麼小的字就得考慮考慮了……


5. 主題色,如果內容太少就用一個接近透明的背景圖。(同學做的,好看,但字體有點太細的問題也依然存在)


6. 死盯一個主題色,圖表作為陪襯出現,重點的三個圓要大,字要明顯。(Google Doc排出來就是丑一點,請不要介意)


7. 內容太多的時候用色塊將左右分開。(Google Doc排出來就是丑一點,請不要介意)


8. 找張好圖(這四個字終於又出現了),配個白色logo。


9. 找張好圖,配個白色字。


10. 找張好圖,巧用半透明黑,結尾頁呼應開頭頁。


總結起來就是——找張好圖,減少顏色。

以上所有設計,保留最終ppt好不好最終還是要看內容,設計好看只是錦上添花不能雪中送炭,祝大家越做越好~

另,我個人不是很喜歡在ppt里用icon,因為大部分能找到的icon都是設計給手機app或者網頁的,都比較小,放大了以後有點彆扭。(這句有點歧義,我不是指解析度低,放大會模糊,而是指為小屏幕設計的圖標線條比較簡單,放大以後感覺很笨拙。不過現在類似http://flaticon.com的網站圖標選擇已經很多了,可以選到為大屏幕設計的圖標了。)

那麼問題來了,怎麼找素材?
沒看過我這個答案嘛?如何讓 PowerPoint 幻燈片「高大上」? - 酈橙錦妖的回答

---更新---


就是喜歡深紅色和淺灰~

---更新---

還是找張好圖。


保持顏色簡單換個字體。

---更新 2016.09.19---

這也是個簡單的小技巧,如果有透明背景的產品圖,用顏色襯托出來會比擺在底色上好看。


以下內容為搬運,歡迎收藏,謹慎贊同

原文來自譯言網

譯者:boxi 原題《設計不噁心的PPT——葵花寶典的十招

原文作者:約書亞·約翰遜(JOSHUA JOHNSON),2010年9月3日

——————————————————————————————————————————

…據說上班用excel的比word的工資高,用ppt的比用excel的工資高。無論如何,在職場演講彙報中,PPT扮演著至關重要的角色。


在它冒出來的日子裡,PPT製造出來的糟糕設計比歷史上任何其他數字工具都要多,可能只有微軟的paint是個例外。

在本文我們將用10個超級技巧來解決糟糕的演示設計肆虐橫行的問題,讓你可以設計出更好看、更專業的演示。此間你會看到Note Point 【1】上的一些出色的幻燈片設計,還有一些就是你們自己的作品。讓我們開始吧!

不是設計師?

這個網站的大部分內容主要針對專業設計師和開發人員,或者是起碼對涉足這一領域感興趣的人。 不過本文是寫給做過 PPT 的人的。 無論你是學生、領導,還是自助團體,或者是薪水達6位數的企業高管,不管你喜歡與否,從你打開 Powerpoint 或 Keynote 的那一刻起,你就成為了一名設計師。
你已經選擇了一個可視化的溝通工具,因此你應當花點時間了解可視化溝通的一二件事。其主要原因之一,尤其對於那些身處商業世界的人來說,是你的同事會下意識地根據你 PPT 的視覺吸引力來對你本人做出判斷。


如何培養出色的演示設計技巧?

如果你還沒得到建議的話,學學下面的十項技巧看看。等著瞧,如果你的同事注意到你的幻燈片開始變好,他們很可能會開始請你幫幫他們改進一下自己的片子!


#1 不要用內置樣式
為了說明這一點,我打開Powerpoint,隨手抓起一個實際的預設樣式然後隨便在上面寫點文字。這個流程跟無數PPT設計師的工作流程幾乎完全一致,其結果就是我讀書和工作時看過無數遍的一個典型的幻燈片。

(圖中文字:最偉大的幻燈片,是不是很震撼!?)

這就是一個設計秘密,這個片子太噁心了; 跟你在Powerpoint裡面發現的許多預設樣式一樣的噁心。 誠然,近些年來他們的貨色已經有了明顯的改善,而Keynote(蘋果的演示工具)還有一些不錯的模板,但是,你不該把這些視為核心手段,只能在時間緊迫萬不得已時才用它們。
此處的關鍵點是定製發出的聲音更有力。你的同事了解也使用那些Powerpoint的模板,如果你不在幻燈片的美感上下點功夫,你的同事馬上就能覺察出來。
我知道,讓非設計人員拋開模板似乎有些激進,但是你可以的!只要你開始動手前把本文的其他技巧也讀完。否則的話其結果可能會比微軟的設計師做出來的東西還要糟糕。


#2 使用有質量的照片

照片是獨自就能令你的演示出彩的最佳手段之一。它同時也是孤身就能把你的演示搞砸的最佳手段之一。「白色背景下的商業人士」看起來不錯,但有點誇張了,顯得有點呆板老套。
還有,在白色背景下光溜溜地放一張照片並不意味著它就是好照片。不要為了放照片而把難看和不合適的照片放上去。記住,沒有照片好過糟糕照片。



(圖中文字:這位女士真把我嚇到了)


作為例子,我們把上面的片子和下面的片子比較一下。看出不同了嗎?下面片子的圖片很獨特、很誘人,不落俗套。不要掉進使用蹩腳呆板的藝術這種模式的泥潭,你可以抓住既免費又具有高品質的照片來做出更強有力的、更直觀的聲明。

找免費圖片
你說的這些神奇照片在哪裡?對於入門者來說,可以看看 Stock XCHNG【2】,這是一個免費的主題攝影網站, 內容成千上萬,質量良莠不齊。還有,你知不知道你可以進行 Flickr 搜索來使用得到知識共享許可的內容?這些照片都是免費的,許多都只要求你列出其歸屬權,在幻燈片的最後加一張片子把照片來源的鏈接附上去即可。


(圖中文字:不錯吧?)


上圖就是一個例子,來自於Lauren Tucker【3】,是Flickr上的一個得到知識共享許可的素材。#3 單色系帶來震撼你不必總是要靠花哨的照片或者瘋狂的自定義背景來讓PPT顯得專業。用一個強大的單色系調色板就能做出精彩的演示。

上面的片子就是一個極佳的例子,使用樸實無華的設計,毫無費力就創造出一個看起來棒極了的東西。無論你是否設計師你都可以做出來,對吧?

這裡的關鍵在於必須非常謹慎地選擇你的顏色。顏色太亮太搞笑的話會影響觀眾的眼睛。同時在輔助色彩要注意大量運用對比。在色彩理論【4】上個速成班對你大有裨益。
如果你需要幫助建立調色板,看看以下三個免費工具【5】。


Kuler
Kuler是在線色彩工具的典範。有數千個出色的預置色彩模板可供選擇,你也可以利用這款既先進又好用的工具來生成自己的模板。

Piknik
Piknik是地球上最基本的色彩工具之一,絕對是我的至愛之一。只需輕輕移動滑鼠去改變顏色,滾動一下改變亮度,然後點擊複製數值到粘貼板上,大功告成矣。

做網站的時候,我每天都用它來為顏色選用找感覺,包括它看起來會如何、如果覆蓋整個屏幕效果會怎樣、做幻燈片用哪個顏色好等等。

0to255
0to255也是我的至愛之一,是尋找顏色變化的一款非常震撼的工具。這讓它在設計網站的邊界和懸浮(hover)效果時表現出色,但你同樣可以用它來為PPT的排版或其他要素尋找重點色。

#4 為清晰明朗排版

非設計人員老是強調要為演示文稿或合適的理由尋找合適的字體。成也蕭何敗蕭何,合適的字體可以成就你的演示,也可能毀掉你的片子。在設計世界裡,排版是一種重要的藝術形式,它真正可以為你想表達的東西搭建好舞台。

記住,字體能夠及時傳達一種態度、一個觀點,或任何其他因素。不要瀏覽字體列表去尋找「某個很酷的東西」,相反,你應該思考一下自己想要傳達的信息是什麼。

作為排版術如何僅憑其自身設計來進行溝通的例子,看看下面的字體。老式的serif字體往往給人以正規和專業的感覺,而 sans-serif 字體則既整潔又有現代感。


人們在PPT中運用字體時,所犯下的最大錯誤 就是認為上面列出的前三個字體很乏味。這讓他們跳到底下的那種字體去,因為覺得它更為獨特、更加有趣。

如果你不是專業設計師,記住,前三個字體絕非無聊的,它們很安全。它們是樣式很好看的字體,均經過專業的設計,能讓你看起來不錯,對,這正是它們要乾的事情。

永遠都不要對標準樣子的字體感到恐懼。使用它們能幫助你確保設計保持專業整齊,遠離醜陋和雜亂。請注意下面這個片子如何使用相對「乏味」的字體,但通過不同大小和粗細的運用,並添加一些可視化的趣味,最終創造出的東西那是相當的不沉悶。

使用有趣字體的技巧

現在,請不要愁眉苦臉,我要說的是你不必100%地迴避那些很酷的字體。有趣的東西總有機會發揮用武之地的,只需了解你應當明智而有彈性地運用這些字體即可。

正如上面這幅圖片所表明那樣,運用這些瘋狂的字體的一個很棒的技巧就是只用它們做標題,而讓剩下的文字保持樸實的風格。一旦你的複雜字體用的過多,或者開始混雜各種複雜的樣式,你所得到的只能是無法閱讀的一團糟。在上面,我們讓大部分的信息使用的是你切實可讀的字體,但是通過標題,仍然同時能給你的頁面帶來足夠印象深刻的東西。

正如上面這幅圖片所表明那樣,運用這些瘋狂的字體的一個很棒的技巧就是只用它們做標題,而讓剩下的文字保持樸實的風格。一旦你的複雜字體用的過多,或者開始混雜各種複雜的樣式,你所得到的只能是無法閱讀的一團糟。在上面,我們讓大部分的信息使用的是你切實可讀的字體,但是通過標題,仍然同時能給你的頁面帶來足夠印象深刻的東西。


#5 注意你的可讀性

在討論排版這個話題的時候,你應當時刻留意演示文稿中字體的可讀性有多高。有時候葵花寶典第二招(尋找高質量圖片)會讓你處於下圖的境地。

(圖中文字:這個很難閱讀,無論你選擇什麼顏色)

(圖中文字:這個很難閱讀,無論你選擇什麼顏色)


此處我們有一幅很吸引人的圖像,但它對文本的可讀性造成了損害。甚至即使我們讓字體加粗,並嘗試不同的顏色,效果也不好。對於菜鳥設計師來說,這的確令人沮喪。

不過解決方案卻相當簡單:用葵花寶典第三招(單色系帶來震撼)。只需在文字後面創建一個簡單的彩色條塊,我們就可以突飛猛進地增加可讀性,同時還能保持幻燈片的時尚感。

大招隱於形,這是一種相當普通的做法,可以運用於不同的方式。看看下面的若干例子來喚醒你的靈感吧。


窄條


寬條


碎紙片

#6 無招勝有招,越簡單越好

對於非設計人員來說這是一個主要的絆腳石。這個問題源於對PPT應該是什麼樣子的一個誤解。大部分情況下,幻燈片不應該成為內容和信息的最終來源。相反,演講者才是體現PPT價值之所在。應當由演講者來提供絕大部分的內容、信息、觀察,以及冷笑話等等。
畢竟,如果演示幻燈片把一切需要傳達的信息都囊括了,那觀眾為什麼還需要演講者呢?你只需要給每個人提供一個下載鏈接,然後祝他們生活快樂即可。迄今為止,我見過很多很多人的演示都是做成像下面這個片子那樣的:

(圖中文字:第一點,XXX,此處略去數百字;第二點,此處再略去數百字;還有一點,此處再略去數百字)

(圖中文字:第一點,XXX,此處略去數百字;第二點,此處再略去數百字;還有一點,此處再略去數百字)

你可能以為我在拿自己的設計開玩笑,但是請相信我,我見過的幻燈片比這還要糟糕得多。不要搞錯了,幻燈片不是雜誌。你不能往片子上填這麼多內容卻完全沒有喪失其功能。甚至就算你把一切信息都組織得很好,片子也做得很漂亮,你還是會失去人家對PPT的印象。
再提醒你一次,記住,你的演講才是你站在大家面前的原因。演示文稿應該充當極盡簡化的可視化助手,當翻閱它的時候,它能夠把你演講的輪廓勾勒清楚。

(圖中文字:闡明觀點 1、盡量減少文字 2、突出重要概念 3、其餘交給演講)

(圖中文字:闡明觀點 1、盡量減少文字 2、突出重要概念 3、其餘交給演講)


讓幻燈片內容保持簡潔還能防止你偷懶,以為只需要照本宣科即可。這是個老生常談的事例了,但是我的確見過很多演講者一字不漏把演講內容放到片子上,然後就逐字逐句地念出來。 單調乏味如一般演講那樣,聽著某人照本宣科地對著你念二十分鐘則更是一種折磨!用你的幻燈片的視覺效果來吸引和保持觀眾的注意力。聽演講大家都很容易感到無聊的,給他們看看漂亮的東西有助於集中精神。

請注意研究一下,下面的這張幻燈片是如何用不完整的陳述來把你拉下水的。這個圖案無疑深化了對答案的印象,但是除非我們實際聆聽了演講,否則我們是不知道答案的!這就是一個極佳的案例,幻燈片的可視效果被加以利用,作為強化演講的輔助手段,而非演講的巨幅列印輸出服務。


(圖中文字:你可能就是那個冒牌貨,如果:)

#7 符號大瘟疫,盡量要避免

一些演示者已經注意到「照本宣科」這個問題,並且傲慢地宣稱,看到有人幹這種事情的時候,自己根本就無法忍受,並說這正是他們使用項目符號的原因。

項目符號是有魔力的(搞營銷的傢伙對項目符號的熱愛簡直到了變態的地步)。這是一個很棒的辦法,可以讓你把一切該說的東西用便利的列表形式表達出來。人類所構思的一切最複雜的想法都可以放進帶項目符號的列表之內,就算是最遲鈍的人也會馬上茅塞頓開......對不對?不盡然。

對於把演講最重要的部分傳達出來而言,項目符號的確是非常棒的工具。這種格式大家都很熟悉,可以很清楚地將思路分開,也易於消化。那麼問題出在哪裡呢?


(圖中文字:項目符號瘟疫 打開PPT 抓個預設的樣式 找個瘋狂的字體 放進整段演講 弄一堆項目符號 大家喜歡點點 不,大家愛點點 看見這有多瘋狂了吧? 我討厭點點 我想給你一顆子彈 哦天吶,我停不下來 無名氏點點 好吧,最後一個 我是認真的,沒有了)

問題在於,像任何好的工具一樣,項目符號也會被濫用。演示者常常會忘乎所以,又開始犯了上一招的錯誤,只不過換成項目符號的形式而已。

在一張幻燈片上放42個項目符號跟放幾段文字無異;這麼做會毀了幻燈片的可用性。記住,項目符號是用來傳達重要信息的。為了有效地做到這一點,你必須切實地做出取捨,決定哪些是重要的,哪些應該留給你的演講。

看看下面的幻燈片,使用了三個項目符號來傳達實際的統計數字。數字是尤其難以理解和記憶的,除非你看見它被寫下來,因此在這些地方運用項目符號是個好的開端。


保持簡潔,記住,即便是這些要點也不必做到不言而喻。我們再次重申,那才是你站在講台上的原因。

#8 重點要突出,主次需分明

不管你設計什麼東西,重要的是你考慮如何去引導觀眾的注意力。不要把它交給上帝,相反,你要以你認為最能促進信息溝通的方式來組織自己的經驗。

留意一下下面的這張幻燈片,看看它是如何運用色彩來將你的注意力引導到特定區域的。黃色的文字在其他文字中間顯得很突出,因此往往更能吸引你的注意。

對於文本,你可以運用色彩、字體或粗細來創造出清晰的中心點。記住,一個主中心點後面跟著一兩個不那麼重要的次中心點是個不錯的主意。

請注意,文字並非唯一能創造出鮮明的中心點的方式。照片和插圖同樣是將觀眾注意力吸引到特定區域的很好方式。留意下面這張片子里孩子的眼睛,看看他是如何真正抓住你的注意力然後慢慢地將你的視線引導到標題的。

要想了解更多有關封面設計的武林秘籍,請看我們的武功大全。
最後,請記住,沒有明確的中心點會導致觀眾很快失去興緻。設計得好的東西會給觀眾一個很清晰的印象,使得他們知道你想讓他們看哪裡,甚至即使是下意識的。

#9 封面吸引人,大功半告成

封面幻燈片往往不是被直接跳過就是驚鴻一瞥,一秒鐘就一閃而過。然而,一個好的封面設計是樹立整篇演示基調的極佳方式。

在封面放出來之前,觀眾都不知道能從你的可視效果輔助物那裡期待得到些什麼。創建一個漂亮的封面,然後在你介紹自己和演講內容的時候讓它停留在那裡,這真的可以讓你有一個積極的開端,可令觀眾發自內心地抬起頭來,全神貫注,因為,他們即將看到一些出色的幻燈片。

(圖中文字:被設計綁架)

(圖中文字:被設計綁架)


創建一個有吸引力的封面還可以為你提供一個貫穿PPT全局的可視化主題的開端。這會讓演示文稿看起來既專業又緊湊,而不是每張片子的設計風格都不一樣,給人以一盤散沙、隨意混搭的感覺。

作為例子,看看上面這個由Abduzeedo的法比奧·薩索(Fabio Sasso)帶來漂亮的封面設計,然後留意一下下面的這張正文部分幻燈片樣例,看看他是如何把這個骯髒乏味的主題運用到演示的其餘部分的。

設計封面時一併附帶設計幾張不同的空白內容的幻燈片往往是個不錯的主意,這樣你就可以通篇來使用它們。通過拖拽兩到三張空白片子,你就可以進行統一的設計,並節省大量的設計工作。
如果你不是設計師,你可能會對設計出漂亮的封面望而生畏。這種情況下,你可以試試葵花寶典的第二和第四招,用專業的照片術和簡潔的排版術這套組合拳幫助你處理設計工作。

#10 讓觀眾發笑,演示必走俏

好的演講者都清楚,幽默是保持觀眾興趣的最好方式之一。不幸的是,不是誰都能像那樣比爾·考斯比(Bill Cosby,美國黑人喜劇演員)或布萊恩·里根(Brian Regan,美國喜劇演員)那樣能讓觀眾笑得屁滾尿流的。

無論你對給大家帶來幽默詼諧這一點感到頭痛,抑或你天生就是喜劇演員,讓你的幻燈片部分或都摻雜些幽默對於緩解壓力來說是有幫助的。如此一來大家都覺得你幽默風趣,而不必總是要妙語連珠。


(圖中文字:HTML 5,什麼鳥玩意兒?)

記住,你的目標不必是要讓觀眾哄堂大笑。即便是少數觀眾偶爾一笑,此情此景也意味深長,因為這表明他們的確在專心聽講了!

在這方面,我的建議是幽默最好不要重彩濃墨。如果你看起來過度賣力,觀眾會覺察到的。找出講演裡面最乏味或最複雜的部分,把它們分成一兩張有趣的片子。

在決定採用哪種類型的幽默時,一定要仔細考慮你的觀眾。得罪了觀眾遠比令其乏味要糟糕。
如果你發現自己在巧辭令色和畫畫方面都不是特別聰明的人,那就試試插入一幅簡單的漫畫來有效地演示你的觀點吧。只需確保該漫畫一看即明,而非需經過四排人的討論才能弄懂的東西即可。

請再次留意上面的例子,儘管它不一定能讓所有人爆笑,但還是有效地給演示設立了輕鬆詼諧的基調。

結論

總結一下,讓我們快速回顧PPT設計葵花寶典的十招大法。

1. 內置樣式不可使
2. 高質圖片需善用
3. 單色體系震且撼
4. 排版清晰觀點明
5. 小心留神主題性
6. 無招勝有招,越簡單越好
7. 符號大瘟疫,盡量要避免
8. 重點要突出,主次需分明
9. 封面吸引人,大功半告成
10. 讓觀眾發笑,演示必走俏

我希望你們能覺得這些招式實用又好用。最後,我們的目的是好看又有效的演示文稿。如果你對這部武功秘籍還有什麼心得,不妨在評論欄留下你的墨寶,分享你的技巧,我們一起切磋一下,探討設計出更好的幻燈片的高招。
註:

1、Note Point Note Point
2、Stock XCHNG stock.xchng - the leading free stock photography site
3、Lauren Tucker Wheat Field In Newton-St-Loe
4、色彩理論 Basic color schemes: Color Theory Introduction
5、三個工具:KulerPiknikOto255


PS:有問題可試著聯繫原作者,主頁JOSHUA JOHNSON。英文還行的朋友自行去高手個人主頁慢慢探索發現吧,裡面精彩紛呈。再次強調有問題私信我基本不會得到解決,別耽誤您的事了。


很多朋友說沒有涉及扁平化,我也是這麼覺得的,所以贊同請給下面排名的答案。這裡收藏就好,如果得到感謝,也算搬磚有了辛苦費。


===========2015.12.29更新===========

剛結束考研,一年沒來知乎寫答案了,今天把之前大家有疑問的地方和不足之處重新整理一下。

本答案思路借鑒 TEDx_羅子雄:如何成為一名優秀設計師

我們先來看一下比較極端的作品,沒錯!就是咱們老師上課用的課件!

隨便在網上找了兩張



這些噁心的PPT有什麼樣的特點?

剪貼畫,濫用背景模板,藝術字,突兀的色塊形狀,行雲流水般的字體......太多了

我當時就覺得!他們是怎麼做到能把PPT做的這麼丑!

讓我來!

我在我大學裡第一個PPT處女座......我做了整整一晚上!


然後做出來了這個東西(當時班級要搞旅遊)




做完之後我覺得很!好!看!我覺得我自己原來是這方面的天才!

......原諒我的天真

那麼是為什麼?為什麼這麼丑的PPT我會覺得好看呢?為什麼很多人做出來的作品明明很醜,卻又很滿足?


我認為,是因為我們的審美能力還不夠,不知道到底什麼是美,也沒有觀察美得習慣。

舉個例之,就 2015 年初而言,國人的審美大體處於一個什麼樣的水平? - 生活中肥肥貓的回答

這裡只引用幾張圖片







冷靜一下......當然是有些誇張,但是很形象的反映了我們當前所存在的問題。

那麼,我們要如何改變這種現象?怎麼樣提升自己的審美能力呢?

這就是我今天第一個要講的:看


我們需要看大量的作品,而且是大量的優秀作品。

那麼,都看些什麼呢?

你要看優秀的PPT


出自Simon阿文的作品

你要看優秀的海報設計


出自嘉文錢

你要看優秀的攝影作品(隨便找了一張)


出自LOFTER

你要觀察生活中的創意設計(隨便找個相關的,可能不是很具有代表性,還是Simon阿文的作品)


總計一下


當然類似的作品有很多很多,需要大家自己去發掘

那麼?去哪裡找這些作品呢?

LOOK!



以下是各種鏈接,我是大自然的搬運工......

微博:
Simon_阿文的微博
嘉文錢的微博_微博
PPTSTORE的微博
PPT設計前沿的微博
微博有什麼用?他們會經常發一些優秀的作品,當然很多是為了盈利,但是你可以把你喜歡的作品保存下來,經常看一看,而且,你要看他們這些優秀的設計師關注的東西,同樣的去關注。
圖片:
設計師找圖片素材,有哪些較好的網站可推薦? - 圖片搜索
你平時在哪找免費的圖片素材? - 設計
大雜燴:
設計師網址導航 這裡面什麼都有!


當你看了很多優秀的作品,並且最好能把他們放在特定的文件夾里,這是對你提升審美能力最好的方法。

如何證明自己審美能力提高了呢?

回顧自己一個月之前收集的作品,如果......你發現自己以前好像是個瞎子,居然能看上那麼丑的作品!那麼恭喜你!你已經很大程度提升了你的審美,第一階段應經完成,可以開始著手去做了。

最起碼!你不會再做出這種東西!

或者覺得他很好看......

或者覺得他很好看......

那麼第二階段,你要知道一個PPT他由什麼元素構成,我需要學習哪些方面的知識,也就是接下來我要講的「基本元素」


首先看一個比較有代表性,簡單一點的PPT









我要講得元素內容都在上面有所體現(我是學園藝的,這是專業課的作業)


從宏觀上來講,PPT由封面,目錄(可不要),內容,結尾構成。

先講一下封面,看看下面幾個封面





看看有什麼共同之處?


我很喜歡簡單的封面,用簡單的色塊去構造而不是運用圖片,當然這只是我個人的習慣,大家可以借鑒一下。
需要注意的是:封面決定了整體的風格和顏色,接下來每一頁的主顏色最好是從封面中提取,這樣顯得很有系統性,你的元素(線條,色塊等)也最好選擇封面所提供的。

目錄的話我就不多講了


例如


再看一下結尾





最好和封面保持一致(省事)

接下來從微觀角度具體講一下,他的基本元素


所指的襯線就是小時候練字的那個「頓筆」,最好選用無襯線的字體

推薦:(在設計師導航網址都有下載)
微軟雅黑
方正幼線
方正蘭亭
方正細園
自己可以多多接觸選擇一下


善用色塊,同時注意簡單扁平,如今PPT裡面的內容大都是由色塊組成的

例如:



這個需要自己動手多多聯繫


有人會很頭痛圖片要怎麼添加?加入圖片會顯得很突兀,不協調。




可以隨便打開一張圖片放上去,添加一個長方體的色塊,兩者拼在一起,色塊的顏色取決於圖片的主色調。就像第一個狗牙根一樣。如果不知道怎麼去做可以向下面這樣最簡單的方法:






會顯得不那麼突兀......


這兩個自我介紹你更喜歡哪個?

再看看下面的圖片





能用圖標形象生動的代替文字的含義,能突顯你想表達的含義。


有人問我圖標在哪裡搞?

去下載一個叫「PPT美化大師」的插件

安裝之後會出現右邊的選項


點第四個 「形狀」

搜索關鍵字,就會出現相應的圖標,這樣就可以應用編輯了

還有


強力推薦!SmartArt

接下來說一下,大家都比較在意的有關畫面美感的問題


色彩的搭配,這個軟體很實用,建議下載




軟體的具體操作我就不說了,看到喜歡的顏色搭配可以保存下來,在以後自己製作PPT的時候可以借鑒


對齊對比這個大家都應該知道

那麼講到這裡,我相信,大家對於扁平化的PPT多少有些了解。但是,如果,現在讓你去製作一個PPT的話,你會發現,自己根本無從下手。

你要實踐,練習!

如何練習!這是我要講的第三部分:「模仿」


模仿一整套PPT,從最簡單的地方開始模仿,就拿下面這個例子來講


在模仿的過程中,你會去思考,去想這個複雜的圖片是由什麼構成的,會思考原來一個簡單的色塊居然作用這麼大,你會找到自己喜歡的模式,去試著添加自己的想法。這就是進步,這就是創新。

當你模仿久了,你就會形成自己的風格,不再需要模仿,而是你自己的想法。你所謂的原創作品開始形成......

模仿對於初級者很重要,看教程頂個屁用,你不去做永遠都不會提高。

最後,說兩句雞湯。

希望不要盲目跟風,尋找自己的風格才是重要的,而且要有創意

也不要太過注重PPT,他只是一個工具,別忘了你還有演講的內容和你的口才

就講到這裡,謝謝

一年沒學習了,我要開始閉關修鍊了!

下次,PPT進階版,盡請期待!


更新日誌:
5月17日:添加字體部分,題圖頁修改。
————————————————
這是一個針對最高票答案的反對貼。

或許已經沒人在乎這個2014年的老墳,但有些話不吐不快:
引用知乎網友 @四咩 的一段話:

設計,和其它任何領域一樣,是有很高的專業壁壘的。

遺憾的是,和人文社科等領域類似,多數知乎網友們在但凡自己能插上嘴的領域,都會選擇無視這些壁壘。

這裡,是指排名第一的2W贊答案。
我不在乎那些贊是怎麼來的,我只是覺得我不能看著這類「亂講」被衝上各位的時間線,誤導大家設計的方法。

PPT作為信息媒介,最重要的是易讀性高辨識度。作為輔助演講的工具,PPT的核心是使觀眾一眼即可辨認清楚畫面上的文字與圖片,從而能跟隨演講者的節奏吸收信息。
這是PPT,不是美術課作業。

像這種

像這種逼格十足的字體,我真的不敢苟同觀眾們能夠一眼認出是要表達什麼內容。

這種字體也是好用的,在哪裡好用?在海報上。平面傳播媒介中,海報是最適合用這類字體來提高美觀度與逼格的。

而用在PPT中,只會出現你在台上演講,台下的人都去努力辨清屏幕上的炫酷字體,而忘掉了你在說的話。

盲文和條形碼不是正規字體,不要隨便放到PPT上去。

盲文和條形碼不是正規字體,不要隨便放到PPT上去。

關於答主的設計:

答主拿來做修改範例的圖


左邊是原稿,右邊是答主自己滿意的修改稿。
不客氣地講,左邊要比右邊的好。

真的。

修改後在色調上更統一,風格也達到了扁平化,看似是優秀的改變,但認真看,在易讀性和辨識度上真的達標了嗎?

  • 重疊的菱形以及高飽和度的相似色大大增加了人眼識別內容的負擔,菱形的作用是提示位置,答主反客為主讓其做了主角;
  • 箭頭指向很難看清;
  • 作為整個圖面的主題「Subprime crisis」完全淹沒於眾多字元中,毫無對比。

如果真的想要這個菱形與這種風格,可以在易讀性上稍微改一下

  • 中間的「Subprime crisis」對比的明顯一些;
  • 箭頭指向強化;
  • 作為輔助的菱形取消重複,並把色調壓下去。

當然,這麼做僅能讓它變成一個及格的PPT頁。要想美觀,還是重畫吧。


二:

用構成分析一下是這樣的

用構成分析一下是這樣的

看圖面設計

看圖面設計

  • 有對比嗎?

有,但少且不明顯:
標題過小,與正文對比不夠大;
主段落也缺乏節奏,讓人看不下去。

  • 有對齊嗎?

有,但不夠且邏輯性不強:
主段落與附錄有邏輯上的對齊關係,但標題完全被獨立在外;
大腦的圖形作為一個輔助性質的小圖,被放到了過於重要的位置
作為輔助線的紅線與整個圖面的主顏色完全脫離,錯誤地吸引眼球。

  • 而且

那些融在背景里的圓圈兒,只會干擾信息的獲取,對圖面的美觀度沒有什麼幫助

稍作修改是這樣


在圖面的設計邏輯上,就要工整許多。而且,重點一目了然。


這個問題是

怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿?

所以,前提是,這得是一個幻燈片演示文稿,而不是一個創意美術課作業;裡邊包含的所有信息都是給人閱讀的,不是炫酷的繪畫。
而答主的問題就是在於一昧追求高逼格,忽略了PPT的本質,更何況,展示出來的設計基礎也不過關。

另外,關於PPT比例的問題:不尊重放映環境的強行16:9都是耍流氓。

永遠記得,這不是創意美術課作業,這是PPT。

批判結束。


————————
我想,必須放一些乾貨 來感謝懷著滿滿的耐心看到這裡的你了。

一 、關於背景
對於幻燈片而言,重要的是信息及文本的高辨識度。
所以對於背景圖片,絕對不能對重要信息傳達有任何影響。

那麼,如何在保證信息準確完美傳達的基礎上,正確而美觀的使用背景?
先看這張圖:


能辨認清楚上邊的字嗎?絕大多數人都能;
能很快且輕鬆地辨認清楚圖片上邊的字嗎?絕大多數人都不能。
為什麼?
字體和背景圖片接觸的位置,都有很多明確的、很亮的「硬邊緣」。
這些「硬邊緣」交織在一起,就像辨認森林裡的樹葉一樣,很難辨認字體的邊緣了。
如何區分背景圖案和字體的邊緣?
以下兩種方法可以在保證信息可讀性的基礎上讓幻燈片更加美觀:

  • 將字體邊緣與背景圖案邊緣做出明確的明度區分,從而凸出文字。

  • 模糊背景,從而消隱背景中的硬邊緣,只保留字體的邊緣。

    現在,在保證背景美觀的前提下,絕大多數人都能很快且輕鬆地辨認清楚幻燈片上的信息了。

    現在,在保證背景美觀的前提下,絕大多數人都能很快且輕鬆地辨認清楚幻燈片上的信息了。

二、關於文字
有了好看的背景,現在該考慮,怎麼排列搭配背景之上的內容才能讓自己的PPT出彩了。

  1. 文字排版


這是最經典最穩重的居中排版示例,推薦在16:9的演示比例下使用。
原則是主標題字重要大,副標題相應字重要輕一些。中間為凸顯元素之間的對齊關係可依個人口味酌情添加分隔線。

當圖面比例更改為經典4:3的時候,仍然使用居中對齊有時會顯得過於正經與呆板,這時可更改圖面排版方式,使整體活躍起來。

在這個示例里分隔線變得必要起來,因為它強化了主標題與附加內容里的對齊關係。

在這個示例里分隔線變得必要起來,因為它強化了主標題與附加內容里的對齊關係。

不要小看對齊手法的運用,它可以很大程度上加強元素之間的邏輯關係與圖面的整體感。

不要小看對齊手法的運用,它可以很大程度上加強元素之間的邏輯關係與圖面的整體感。
另外,在演講用幻燈片中,大部分情況下,同一張幻燈片上出現文字過多是很不好的,就好比把演講的稿子亮出來給大家看一樣,整個兒降低演講吸引力。
不過有一種情況是可以例外的:引用。
在引用別人說過的話或者書里的詞句的時候,可以將引用部分展示至幻燈片頁。


這時可以起到強調作用。

2.字體
正文裡邊提到過,字體必須要有好的辨識度,在這之上,才能談美觀。那麼什麼樣的字體是合適用在幻燈片上的呢?
黑體系:
從微軟雅黑開始,中文字體大概就進入了大骨架的時代。有人說之所以字懷變大是因為前期的顯示解析度較低,增大骨架可以佔用更多像素,增加顯示效果。雖不知真假,但蠻有道理的樣子(笑)。

所以黑體系的字體我更推薦雅黑系的字體。

所以黑體系的字體我更推薦雅黑系的字體。

  • 思源黑體:

Adobe與Google聯合開發,Adobe家叫Source Han Sans,Google家叫Noto Han Sans,其實是一樣的。
開源字體,不需要經過授權與購買,而且美觀易用程度不輸其他黑體,所以算是正文字體一個很好的選擇。比較正式的幻燈片建議使用。

  • 微軟雅黑

相較微軟雅黑,思源黑體有更好,但我更推薦微軟雅黑作為普通幻燈片的正式字體——這要牽扯到Powerpoint這個軟體的問題:放映端PC上沒有已製作好的PPT內字體的話,PPT內文字會被替換為放映端PC內的基本字體(大概是宋體),顯示效果會大打折扣。雖然可以用「嵌入字體」來解決以上問題,但較大的PPT文件打開會變慢很多,在不穩定版本上甚至會出現崩潰現象。如求穩妥,建議使用微軟雅黑。

  • 其他黑體

其他答主的推薦,諸如「漢儀旗黑」「方正蘭亭黑」之類常用黑體,由於個人審美,不認為比「思源黑體」高到哪裡去,且使用需要購買獲得授權,故在此不作推薦。

襯線字體:
在標題頁或者一些需要顯示出不同字體效果的場景下,黑體顯得不夠用。在此推薦一下其他襯線字體以豐富幻燈片的圖面表達。
原則:要切合演講主題和易讀。
這是平時會用到的兩個字體。

  • 方正粗黑宋


許岑使用過的幻燈片字體

  • 漢儀菱心體

用在題圖頁也蠻好用

用在題圖頁也蠻好用

  • 另外一些,推薦有PS基礎的朋友使用

例如——移軸模糊
曾經做過的一個餐飲建築彙報的題圖。
原圖:

處理後:

處理後:


補註:移軸模糊的目的是使一側的主題圖片輔助另一側的標題文字表達主題。所以需要一些處理使文字與背景圖片協調:

主要思路將背景圖片的亮度壓下去,右側部分的對比度調高。

主要思路將背景圖片的亮度壓下去,右側部分的對比度調高。


另外說一句,關於PPT中圖片的選用,該話題下的很多其他優秀答主已經給出了許多國內外網址資源,這裡不再狗尾續貂。
但是,千萬不要從百度圖片搜索尋找漂亮好看的圖片素材。

————————
(待更新)


本題中那些破千破萬的回答設計水平實在太糟糕了!選的圖簡直慘不忍睹!只有幾位設計師的答案才是真正的優秀,尤其是 @Mingke Luo 的回答。

我完全可以關掉這個網頁,當做什麼都沒看到。但作為設計師突然覺得有義務修正這些糟糕的答案,不讓更多的人被荼毒,以為這就是「好看」。

好了,地圖炮也放完了,正文開始罷。

-------------------

前言:本文將從設計的角度出發,概述如何製作一份美觀、具有設計感的 PPT。文章的主要內容會涉及基礎的平面和 Mothion 設計。但本文不會具體談論過多設計理論和風格,亦不會傻瓜式地教導如何使用工具及軟體。

一、在打開軟體製作之前必須要知道的 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,圖片來自 @陌君 的回答:http://www.zhihu.com/question/21274267/answer/24458201)

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


(示例1_修改後)

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

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


(示例2,圖片來自 @鄧佳佶 的回答:http://www.zhihu.com/question/21274267/answer/48153925)

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


(示例2_修改後)

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

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

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


· 親密性

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

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


· 對齊

讓元素更加有序。

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


· 對比

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

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


· 重複

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

重複不一定是某種視覺元素的重複,也可以是文字樣式的重複。左圖存在的問題就是兩個標題、段落的樣式都不一樣,感覺非常「凌亂」。右圖將文字字型大小、顏色等作了統一,看上去就有秩序多了。


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

3. 受歡迎的數據圖表

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


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

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

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


(示例3,圖片來自 @王赫 的回答:http://www.zhihu.com/question/21274267/answer/33657235)

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


(示例3_修改後)

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


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


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

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


1. 為什麼要動?

· 更加突出重點

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

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

(「轟然墜落」效果)

(「轟然墜落」效果)


· 過渡更自然

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

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


· 趣味性

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


喬布斯站在台上,興奮地說今天要發布三個重要的產品。「第一件是個可觸摸控制的寬屏幕 iPod,第二件是只革命性的行動電話,第三件是個突破性的互聯網通訊工具。」然後他重複道:「一個 iPod」、「一個手機」、「一個互聯網通訊器」,演示 PPT 上的圖標跟著轉動。然後他繼續重複:「一個 iPod」、「一個手機」……「你明白我說什麼了嗎?」,「這不是三個設備,這是一個。」

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

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


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


2. 如何動?

· 不要濫用誇張的動效

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

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


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

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


· 一致性

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

四、總結


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

1. 重點在演講不在 PPT,PPT 只是輔助他人理解;

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

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


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

-----------------------------------------

歡迎關注我的專欄:UIcircle - 知乎專欄

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


-----------------------------------------


拓展閱讀:

《寫給大家看的設計書》,作者:Robin Williams

http://book.douban.com/subject/3323633/


《喬布斯的魔力演講》,作者:Carmine Gallo

http://book.douban.com/subject/6885274/


《PPT演繹:故事化設計》,作者:Cliff Atkinson

http://book.douban.com/subject/4134842/


蘋果發布會的 Keynote 牛在哪裡:http://www.zhihu.com/question/20354139/answer/14867180

從零基礎如何自學 UI 設計:http://www.zhihu.com/question/20857524/answer/64713515

有什麼值得推薦的設計類書籍:http://www.zhihu.com/question/31065632/answer/51279339


已經有很多大神回答了,我就簡單說一下我對扁平化PPT的理解
首先,讓我們看看優秀的扁平化設計(海報)是怎樣的


相信你已經發現了什麼
扁平化設計的特點:對比鮮明,設計簡潔,極易上手,效果甚好。
簡直是忽悠老闆的必備技能
好了,接下來就開始說一說到底怎麼做
————————————————————————————————————————
扁平化設計的核心:說白了就是色塊的運用
具體到PPT中,色塊可以直接插入

但是插入後默認是帶有描邊的形狀,我們可以通過

但是插入後默認是帶有描邊的形狀,我們可以通過右鍵-設置形狀格式來調整其具體的顏色,描邊,陰影等等效果

第二點,就是

第二點,就是重點中的重點-布爾運算,簡單講就是圖形的剪切,相交等操作
下面上圖文教程!

學會了這招,平時做個海報什麼的簡直不在話下,分分鐘用PPT擼出來
下面是曾經給旅遊公司做的海報,如果不說是PPT做的簡直不敢相信


好了,回到主題,學會了布爾運算,怎麼做好扁平化PPT?
對於新手小白,做好PPT的關鍵無非在於圖文排版,而又快又好的排版方式就是——借鑒
https://www.pinterest.com/
就拿pinterest來說,在搜索欄輸入web flat design,就是搜扁平化網頁版式的意思,我們會得到如下結果

海量的扁平化版式素材立馬有了啊!那就隨便挑一張來試一下

簡簡單單的一張web,改造成至少5/6頁的PPT完全沒有問題

簡簡單單的一張web,改造成至少5/6頁的PPT完全沒有問題
下面進入實戰
取原圖的這個部分來模仿吧

PPT化之後!!
DUANG!

整個過程只用了十分鐘不到的時間,非常適合於並列類的信息展示

整個過程只用了十分鐘不到的時間,非常適合於並列類的信息展示

其他的具體形式可以自己多加練習,當熟練掌握之後,PPT可以做成這樣

甚至傾斜的版式,比如這樣

甚至傾斜的版式,比如這樣

————————————————————————————————

————————————————————————————————
扁平化的進階
Material Design
MD說白了就是從安卓5.0開始谷歌採用的一套用戶界面設計語言
其動畫部分我們暫且不談,就平面上還是有很多可以借鑒的地方的
相比純正的扁平化設計,MD著重強調了元素的層次感,即(色塊=紙張)這種感覺

對,就是用陰影來強調層次感,同樣地在右鍵-設置形狀格式可以調整

對,就是用陰影來強調層次感,同樣地在右鍵-設置形狀格式可以調整
在pin上搜索material design,我們可以得到如下結果


同樣可以應用到PPT當中去!視覺效果爆炸!
下面是曾經做的一份仿MD風格的PPT簡歷

下面是國外的大神所作出的MD風格PPT模板

下面是國外的大神所作出的MD風格PPT模板

基本原理相同,用簡單的布爾運算就夠了!部分頁面甚至只需要規則圖形即可
關於其中的圖標/圖片等素材的尋找
見相關回答:如何找到優質又滿意的演示文檔(PPT)中可以使用的素材? - 看山不是山的回答
你想到的和想不到的,這裡都有了!
——————————————————————————————————
更多相關PPT問題:
你是如何從ppt小白一步步走向大神之路的? - 看山不是山的回答
ppt封面如何設計顯得高大上? - 看山不是山的回答
歡迎來我的小屋和我一起學習PPT

http://weixin.qq.com/r/UkMGHt-EqILXrZt99xZA (二維碼自動識別)


11 月1日更新內容。

製作優秀的演示文稿,我覺得規範的製作流程是必不可少的。(在文末添加)


10月27日更新,放幾張"孤獨星球"靜態的頁面。

這兩天點贊的各位,有空回來再看看~或許又能解鎖不少"成就"。

(大家都喜歡收藏,而不點贊嘛!?)

孤獨星球-介紹頁

孤獨星球-2

大家看到的這兩頁內容完全由keynote製作,所以在設計元素的細節上沒那麼考究。


10月24日回答內容

不知道下面這種風格的演示算不算優秀的扁平風。

孤獨星球

看了各位的回答,總結起來就是以下的十六字真言。

「勤於動手,活用模板,提高審美,邏輯清晰"。

作為一名日常被戲稱為ppt manager的產品經理,總結了我搗鼓ppt的幾年裡一些小技巧,希望這些簡單易用的速成法則可以幫助大家提高PPT及Keynote製作的段位。

想要在眾人面前炫個技裝個逼的看好嘍~

*不多逼逼,繼續看東西。

孤獨星球-開頭1

孤獨星球開頭片段-2

這是我前段時間搗鼓的一份演示模板。名字沒想好,暫且叫孤獨星球吧! (對,不要笑! 就是這麼感性)

先說下我的觀點,ppt也好keynote也罷始終是演示軟體,演示軟體最重要的是表達、表達、表達。能正確表達你的邏輯和觀點才是最重要的,不要過分沉迷製作效果哦,用ppt來鼠繪插圖這種事還是盡量避免吧!(敲黑板)

如果真要練習動畫或者設計,肯定還是用相關專業的軟體事半功倍。

在安利演示製作"術"之前,先確認幾件事。

**1.確認你的演示場景和對象。**

如果是在公司日常工作使用的話,建議還是老老實實套公司模板,做到內容詳實、邏輯結構清晰、排版沒問題就行,其他的要啥自行車啊!(公司模板如果實在慘不忍睹,可以考慮上網買一套自己修改,要知道花錢的模板永遠比不花錢的精細)

所以,各位大佬並不會因為你一個長達一分半鐘的動畫,就愉快地接受你的方案,從此走上人生巔峰。

(老闆!等等,還有20秒我的方案就出來了。)

**2.正式動手前梳理清楚結構和邏輯,設法佐證方案或觀點**

可以先列出文稿的結構(對,就是作文提綱)在不斷構建整個文稿邏輯的同時,腦中對於ppt的各個部分都會有一遍快速模擬。這樣做起來也是事半功倍。

**3.如果是產品發布,一定要預先想好爆點**

前面所有的鋪墊,目的都是引出那幾頁爆點。

所以不管從視覺還是從演示邏輯上為了引出這幾頁爆點,都要有新意,如果發布時長較短,建議安排在中後段,如果發布時長較長建議安排在中前段,同時由於時間太長,當爆點過後還有什麼余料可以繼續吸引受眾,也要考慮清楚。

**4.確認主題風格,且保持統一**

確認主題風格,從一而終,切忌風格混亂,更要不得沒有風格!

比如背景亂套用,前後演示的具體設計元素沒有關聯性,所以無法形成整體的設計印象。

如果審美較差,底子比較薄那就考慮先從模板修改做起,站在別人的肩膀上動手永遠比自己從0-1開始做要容易。

如果有一定審美,但是製作水平較差,我也建議你先從模板修做起,學畫畫最重要的是臨摹,模仿是天性,在臨摹中修改並得到提升。


下面開始安利製作技巧啦!

(案例和教程均使用keynote製作)

**一.不要把眼前的這頁文稿當做平面**

孤獨星球-放大

一般大家都會把把整張文稿理解成一個大平面,始終在這個平面上做布局變化。

如果想要做出有空間感的演示,請不要把你面前的這頁ppt當做平面,最好理解成有縱深感的三維空間(對,突破次元壁),這樣你會發現好像打開了新世界大門。

大部分人始終在平面做布局

理解成有縱深的三維,動畫會更得心應手

這是其中一頁過場,其中用到的動畫其實很簡單,但是發現空間感的展示效果還是很不錯的。

主要的過渡動畫是keynote中的"神奇移動",製作過程見下文(見下圖)

效果具體是如何實現的呢?

選擇頁面過渡動畫-神奇移動

1. 新建空白文稿 ,點選形狀工具,選擇圓形,放在左上角

在頁面插入圓形

2. 選擇剛剛的第一頁文稿,複製一頁,並且選擇過渡動畫-神奇移動

複製一遍文稿,選中神奇移動

3. 選中第2頁,並且將圓形放大並移動到合適的位置,如圖所示

拉伸放大圓形對象

4. 然後回到第一頁,點擊播放文稿

動畫示意

各位,是不是簡單的可怕?幾步而已,一個平滑的過場動畫就出來了。

再比如,前面的gif圖中演示過星球掠過的動畫,其主要用到的就是一個效果就是對象"移動"。

1. 首先也是一樣,新建文稿選擇圓形形狀,但是注意這次要放置在文稿主視區的左側。

選擇圓形,置於視圖左側

2. 點擊選擇動作"移到", 然後將落點放置在主視區的右側,將落點的圓形形狀縮小,縮小後的圓形形狀會在移動過程中進行大小的縮放,設置好動畫時間比如1.2s,然後點擊預覽,就能看到效果。

添加動作"移動",落點設置在右側,同時縮小落點對象大小

3. 效果如下,星球在掠過主視區的同是會有一個縮小的細節,空間感更強。

單個星球掠過-動畫示意

4.假如我要表達一群星球掠過怎麼做?很簡單啊,把剛剛那個編輯好動畫的圓形對象,多複製幾層,然後分別調整動畫時間和軌跡即可,然後打開構建順序,選擇一起出現即可。

成組掠過-動畫示意

其實舉這麼多栗子,都是為了說明有縱深感的空間會讓你的動畫演示更加出彩。


**2017鎚子發布會實例。**

更新一個動效實例,鎚子發布會的演示大家肯定都記憶猶新。

17年開場,在說到直播平台時有應用到這樣一個效果。

鎚子發布會動效

剛剛看完圓球+神奇移動教程的老鐵們,估計差不多知道怎麼做了吧。

那麼,我細化下製作方法,做一個類低的低配版。(恩,就是低配。)

1.首先選擇圓角矩形形狀,在樣式填充中選擇"無填充",在線框一項中選擇"線條",顏色改為白色,磅數改為1。(如修改圓角值,左上角有個綠色標點拖動即可)

選擇圓角矩形,無填充,外框-白色線條,磅數1

2.拖拽圓角矩形居中,然後問題來了?上哪找手機模型素材?答案可以翻翻前面的回答。

找到之後,把手機模型素材拖進文稿,裁剪到合適位置和大小,然後添加文本輸入數字。

裁切手機模型並文本輸入數字,大小合適即可

3.新建一層文稿,複製剛剛做好的圓角矩形,放大到合適位置,在中間排布合理的logo,頂部替換為兩個手機模型。

奧迪和迪奧是什麼鬼?別介意,低配版...

4.將頂部手機模型和所有logo元素組合在一起,選擇出現動畫為"漸現"(時間為0.5s)或者"出現",構建順序選擇"過渡之後"。

出現動畫時間自己調整,覺得合適即可

5.然後別忘了,回到第一張文稿選擇過渡動畫為"神奇移動",時間設置你喜歡就好。

別忘了回到第一張,設置頁面過渡為"神奇移動"

ok,從第一頁播放吧,應該是就如下效果。

後面的兩個連續動畫,思路是一致的。

可能有同學會說,我去!我現在不想學這麼複雜的動畫(這複雜么?),我就想學學怎麼做出高大、排版好看的演示就可以了,我管你什麼平面立體。

那好唄,我下面說下一些排版的小技巧和思路,供大家借鑒。

**二.製作技巧及思路**

(接著更新)

2.1背景色的製作和使用

如果是用途是發布產品的話,背景一般都是暗黑色為主,直接使用第一個模板即可。(大家看國內基本所有的手機發布會都是暗黑色,最多在此基礎上加點變化)

或者你就用第三個帶過渡漸變的模板,肯定不會背鍋,因為人蘋果大廠都這麼用呀!

還有其他幾點考慮

a.黑色代表神秘和莊重,同時在繪畫中被認為是沒有顏色,視覺會主動忽略黑色。

所以在黑色背景下出現的文字或者對象更容易被聚焦,你整個花不拉幾、各種漸變的背景試試,在那麼大的場地下後排的觀眾估計殺你的心都有。

想想走在漆黑的夜晚,對面迎來一位身著白衣黑髮的美女,你簡直不想聚焦都不行,這個時候如果再來一道光,是不是感覺整個人都要升華了!就是這種感覺。(恩恩,所以光在演示中也是很重要的,後續說下怎麼巧妙利用光營造氛圍。)

b.基於素材考慮,更容易體現產品的細節,突出質感。另外很多使用到的素材本身就是黑白背景的,放在黑色背景下後期處理起來會更簡單一些。

那問題來了?用默認模板太低級?

那我們可以考慮基於黑色,做一些小的變化,例如這樣。

嘗試在黑色背景下,加入點狀元素

方法其實很簡單,我有一個死辦法,你不需要去找素材,只要會打字就行。

1.首先編輯幻燈片母版

2.然後選擇文本,在文本框里瘋狂輸入".  .  .  . ."直到第一行鋪滿整張頁面然後,複製,然後換行粘貼,直到粘貼鋪滿整個屏幕。

複製". . ."直到鋪滿整個屏幕

3.然後呢,純色肯定是不要的,透明度肯定是要的,調整到合適的透明度,不要喧賓奪主,再看下布局。搞定!完成。

最後調整透明度,不要太搶眼,黑色不那麼死板即可

如果你覺得".."不好看,你也可以選擇合適字體變成"x x"也是無所謂的,就看個人喜好。(當然,你如果有合適的素材,直接套用也可以,反正我懶的找。)

那你如果想來點漸變,但是又不想跟蘋果的模板一樣,那就自己在母版里拉一個漸變好了,慢慢調整到你認為合適的。

例如這樣?

淺藍色漸變

或者這樣?

總而言之,你自己喜歡就好,顏色及漸變你自己調整。

白色漸變

那麼問題來了,漸變要怎麼做?(對,就是這麼細心)

1.打開幻燈片模板。(略過圖示)

2.放入一個矩形形狀,在右側樣式中選擇"高級漸變填充",角度改為90°,並把最後一個顏色修改不透明度為0%。

3.繼續調整前兩個顏色,顏色自己選擇,或者輸入色值。

4.然後自己多調整幾遍唄,自行車總會有的!有錢你也得自己去扛回家啊,多調整幾遍覺得合適即可。(反正你又不開發布會對不對?表那麼計較)

最後一個顏色設置不透明度為0%,前兩個顏色隨緣

5.然後放大,所以拖動幾下自己感覺合適點擊完成!恭喜你,解鎖一個新成就。

放大拖拽,調整到合適位置即可

總是,對於背景這件事不要有執念,切忌喧賓奪主,背景的使命就是襯托,沒有太多必要在背景上面糾結這麼多。

另外,很多扁平風也採用其他純色作為背景,不要過粉和過艷,如果在顏色搭配上沒有基礎,建議你老老實實的找一張好的案例,吸下色值後作為背景,並參考案例的顏色搭配。(去哪找?隨緣~)

2.2頁面排版和設計布局

說到這一點,決定排版和布局的合理性,跟我一起念: "審美、審美、還是審美。"

**經過專業的設計及繪畫教育的人都知道形式美法則。**

主要有齊一與參差、對稱與平衡、比例與尺度、黃金分割律、主從與重點、過渡與照應、穩定與輕巧、節奏與韻律、滲透與層次、質感與肌理、調和與對比、多樣與統一等。

主要內容包含:和諧、對比、對稱、衡器、比例、重心、節奏、韻律、聯想等

不要小看這段解釋,真的夠學一輩子了。

不管在建築還是平面設計,在任何需要應用到"美"的領域中,都應該遵循形式美法則,因為只有這樣,社會才能和諧發展!不對,是只有這樣才能達到美的效果,才能對得起總結這些理論的人。

你以為我要一一講清楚?怎麼可能?我這點料怎麼能講得完整通徹。

還是隨緣吧,分享一點自己排版的經驗和習慣,我們還是做點凡人能夠上手應用的就好。

建議可以在網上搜一下相關入門課程。


不管是扁平風還是擬物風,要製作一個優秀的演示文稿,都應當從規範的製作流程入手。

**一.熟悉基本功能**

這一點不多贅述,建議通過視頻教程快速入門。(教程的好處是系統性介紹)

或者更簡單,自己任性搗鼓一晚上,基本就能上手絕大多數常用功能。

**二.梳理永遠比動手更重要。**

**2.1 梳理草稿(有必要)**

這一點,其他回答也提到了,真正動手前可以有"草稿",它快速地幫我們梳理整場演示的表達邏輯。

例如我們可以使用便利貼,甚至可以按照顏色區分演示階段。

我們只需要將每張演示的重點(能看懂即可)以圖文的形式地標示出來,按照演講順序在玻璃牆板上進行調整,快速理清楚大框架。

**2.2 梳理規範**

規範至少包含以下幾點:

整體設計風格(需要考慮契合產品氣質)

背景(參考主流用法,切忌喧賓奪主)

字型大小使用規範

中文字體(蘭亭黑、方正悠黑、思源黑體、華文細黑等)

英文字體 (Gill Sans、SF UI Display、Helvetica等)

icon風格(整場演示所用到圖標的風格要統一)

圖片風格(如果可以,統一圖片調性)

確認好規範之後,那我們就可以實際上手製作了。

**2.3 先整體後局部**

我理解製作演示文稿,其實跟繪畫是相通的。

繪畫的第一步永遠都是起稿構圖,所以我們做演示文稿的第一步永遠也是搭建大框架,這個階段無需考慮細節和觀感,用確定好的規範字體將玻璃板上的"草稿"快速謄在keynote或ppt中,切忌陷入細節。

想想,如果你在人像素描開始就陷入對細節的刻畫,這個時候老師會跟你說什麼?

"扣扣扣,就知道給我摳細節!你把這個眼睛畫的跟真的一樣,就能拿高分了?" 

對,所以在這個階段不需要在意那些細節!最重要的是快速調整演講邏輯,安排好輕重緩急,反覆播放幾遍,嘗試按照現在的結構去演講,找出羅不合理的地方,並及時調整。

**2.4 搜集&梳理素材**

素材至少包含以下幾點:

產品展示視頻(如果有)

產品效果圖(各種視角,多好過少)

素材圖(找到一張好的圖,勝過千言萬語)

音頻 (記得2017蘋果發布會開場那段喬布斯的音頻么?)

圖標(整場演示所用到圖標的風格要統一)

動效(找到優秀的動效表達例子)

搜集整理好備用素材之後,可以開始下一步的組合潤色了。

**三.想像力永遠比製作重要。**

這一部分才是重頭戲,但實際製作中所涵蓋的方面太多了,光是解答這一部分我覺得都可以出個教程去解答。

設計基礎

1. 點線面及立體的應用

2. 配色的應用

3. 形式美法則

4. 構成的表現形式(包含重複構成,特異構成,漸變構成,發射構成,空間構成,肌理構成)

5. 形態感覺與情感表現

如果想在ppt製作上深入學習,以上幾點設計基礎我認為必須要了解和學習的。

這也是在製作"術"上突破的不二法門。

排版基礎

1. 文字表達及排版(純文)

2. 圖片表達及排版(含圖文)

3. 圖表表達及排版

4. 視頻表達及排版

動效表達基礎(至少包含以下幾點)

1. 演示動畫的原理

2. 演示動畫製作基礎

3. 演示動畫的合理性

4.演示動畫組合及實例

...

最後,也應當包含

  • 創新思維
  • 邏輯思維
  • 演講邏輯

這三點的基礎學習。



說明下樓上的答案《PPT扁平化手冊》的出處,微博 @ 嘉文錢

以下是全部內容的搬運:

http://weixin.qq.com/r/BHVDTDnElgfphygvnyAg (二維碼自動識別)

感覺根據上面的指引,已經可以做出一個不錯的扁平化PPT了。
另外再推薦一個微博 @ Simon_阿文 《我懂個P》系列,也全部是扁平化。

作為一個試著在做扁平化的菜鳥,寫幾個自己的感觸:

  • 扁平化還是很省事的,不用考慮陰影啊效果什麼的,文字、形狀的格式用最簡單的就好
  • 對排版的要求更高,好的排版才會讓你的扁平化出彩
  • 對配色的要求更高,看下ios 7和windows 那華麗麗的配色吧
  • 多種顏色搭配真的挺難的,哪怕是各種色彩網站上推薦的配色方案,在扁平化下都不一定好用。所以我選擇 純色漸變+灰色,比如上面 嘉文 最後一頁,就是藍色的漸變加上黑色。目前幫公司做的模版也是這個路子,幾種深淺藍+幾種深淺灰,最多多個橙色偶爾強調。
  • 字體 微軟雅黑 吧,其他無襯線字體別人電腦上沒有啊
  • 可以考慮加入圖標元素做表達,比縮小的圖片更好,貌似 @ Simon_阿文 《我懂個P》 里有一季教過,跟他學的。
  • 大的版面,還是要高清無碼大圖

最後的最後,感謝網路上的各路大神們,特別是上面提到的兩位,讓我走在了嘗試扁平化的道路上。獻出知乎第一次回答,作為感謝。


本來這文章不是很合適題目「如何做扁平化風格幻燈片」,因為關注的點可能在具體文檔製作上,而我寫的是如何準備整個演講的過程。這兩天被編輯翻出來了,我就來補充一下【如何製作】和【扁平化設計風格】這個部分吧。

-----------
剛剛寫了一篇長文,講初創公司如何準備產品發布的演講

前幾天有個資本的朋友打電話過來說應該去參加創新中國大賽。說來慚愧,創業以來我沒有做過任何公開的產品介紹,因為一直覺得產品沒有打造到能做到自己滿意的水平。這裡也非常感謝這位朋友和創業邦提供的舞台:)


站在台上,拿著麥克風走來走去,面對成百上千號人,講自己辛苦打造的產品——這樣的事情我比較熟悉——在新東方教了3年托福,這種場面也見慣不怪了。但我絕對沒料到臨上場時居然會緊張,但這是後話了。從最終的效果來看,還算是成功,從走下台到回自己的座位上的一路上僅百米距離,收了近20位從旁邊走出來的VC朋友的名片和約談。


決定去做keynote到上台共有12天,期間我們調整了產品開發的優先,來配合的效果。在這裡跟大家分享一下整個製作和準備的過程。


1. 建立目標

這非常重要,因為演講一共只有6分鐘時間,這根本不夠介紹整個項目,所以必須有取捨——基於演講的目的。究竟是去幹什麼的?我們的產品還沒有上線,數據運營沒什麼好講的,同類產品在市場中又比較罕見,所以我們決定主要傳播我們的理念,並向大家展示現在已打造出來的產品的樣子,這個目的大幅削弱了數據,運營,團隊,公司等內容。

希望能target到幾類聽眾:VC,媒體,行業,普通用戶。


2. 確定風格和展示方法

展示方式有很多種,除了比較正常的PPT以外,現場的團隊有以提前錄製視頻來播放的,也有像展示作文一樣密密麻麻的。有那麼多團隊上台,除了項目本身,演講者的風格性是outstanding的重要元素。


在新東方有一種說法,老師們上課大都分成幾個流派,無論是早期講過GRE的老羅、講托福聽力的李豐、講托福寫作的李笑來,還是徐小平老師,找到屬於自己風格標籤是非常重要的。

當年我的標籤是 「英式冷笑話」——與 「美式熱笑話」 流派的老師形成兩個勢不兩立的對立陣營。

話說回來,創業團隊,特別是移動互聯領域的,大家可能都有過一邊吃著泡麵,一邊研究2007年喬布斯發布iPhone的視頻的經歷。各位創始人被洗腦之後,都爭著親自上台做各種發布會,結果大家也都看過,那個效果也都明白。羅布斯就差沒穿高領毛衣了,但是范兒比喬老爺子差別太大了——我這裡單指的是演講,不涉及產品。要說產品嘛,看了和劉翔的對質後就不敢說了。總之,人人都想穿高領毛衣+牛仔褲,但是這事兒跟在新東方一樣,不是所有人都適合同一個風格標籤的。


2007年,我也看那個發布視頻,同時開始在台上給台下幾百號人講解其中的精華。離開講台後,出於興趣也不斷研究各個產品發布活動。除了喬幫主以外,還有另外一個前蘋果的人的演講值得注意:Guy Kawasaki。

視頻封面GuyKawasakiTheArtoft視頻

Guy Kawasaki是蘋果早期的首席佈道師(Chief Evanaglist),他離開蘋果後做了VC,鼓吹不少科技創業的理念,包括產品定位,如何尋找Market/product fit,如何找聯合創始人,如何做pitch,如何做presentation等等。有興趣的可以在這個視頻當中了解,非常幽默的同時乾貨也很多。雖然是2006年的,但是放到現在也非常受用,本身也是一個非常成功的演講。

其中提到產品定位時,要畫象限圖,自己的產品永遠應該處於『 high into the right』 那個位置,這個在後來Jobs發布iPhone時也有用到。

都是蘋果的基因,但Guy Kawasaki 和Jobs本身就是兩種很不同的標籤。不熟悉前者的,現在看看Tim Cook的演講也能理解這個「風格不同」。純粹模仿的效果,請參見雷布斯的歷次演講。不過對應小米的用戶群體,可能也是足夠了,但是對於我們而言,只能呵呵。

再一次,找到屬於自己的風格標籤很重要。


因此,建議大家基於自己的經歷,擅長的領域,產品所在的行業,還有現場聽眾的屬性等,來制定自己的整體風格。我們預期效果是第一次露臉不管產品本身如何,演講要能給全場留下深刻印象。我們的產品還沒有完成,但是希望大家通過這個演示,大概能了解我們團隊有怎樣的產品能力。我們結合自己的條件優勢,選擇了簡約風格,以講為主,背後視覺化烘托氛圍的風格。


3. 內容準備

生成內容需要更多的時間。在之前規劃演講範圍的階段應該就有好幾個板塊被提出了。要講市場現狀,產品簡介,核心功能,目標用戶等等。現在要做的是,暫時不要考慮如何吸引聽眾,先把自己要傳達出去的東西整理一下:把先前規划出來的版塊按合理的邏輯排序,先想讓大家了解什麼,然後再講什麼。拉通走一次,如果發現有版塊丟失趕緊補上。每個版塊再作一兩層級的細化breakdown,補充例子,完善核心的思路邏輯。


我們在操作中遇到了一個嚴重的問題。我們產品的核心是在UIUX和兩個核心功能上,但是產品的開發沒有完成,需要的部分也不是之前的優先順序,按照之前計劃的進度,到上台那天也不可能出DEMO。常規的做法是把設計頁面放到keynote當中做展示。但是我認為這樣的衝擊力太低,希望能把使用過程的視頻無縫嵌入到演講中。和工程獅小夥伴一商量,得出一個階段性的優先開發順序:到離上台還有3天之前,必須要把demo中需要的功能做出來,倒數第三天用demo來錄視頻並整合進演講中,有兩天時間來綵排。


我需要在產品demo出來之前,提前把所有頁面製作好,需要產品demo素材的頁面只能靠想像製作。如果不出錯,兩邊同時完工,我還有2天時間可以練習。任意一邊超過時間,就不可能達到完美效果。


4. 設置演講節奏

到目前為止我們都沒有開始製作一頁幻燈片。

我面前的白板上有了內容板塊,已經按照邏輯順序排好。每塊下面都有很多細分的理論和例子——他們可能是樹狀的。你不確定哪些細節該在什麼時候講?沒關係,他們只是邏輯步驟,並不是演講的步驟——演講的邏輯一定是線性的。


現在要做的事情正是要加工自己產品的核心理念,這裡就充滿了理論和案例。不過,無論這些理論咱們論證過多久,對於聽眾而言,他們是沒興趣聽理論的。因此需要把這些理性的內容翻譯成他們能入耳即懂的語言。

就好比剛剛遇到的那個Guy Kawasaki,你介紹他是蘋果的首席佈道師,台下聽了可能都處於死機的狀態,但是要是你說他的工作就是負責忽悠和洗腦,大家就「哦,懂了」。

引導聽眾的情緒和注意力是講故事的核心。在拋出核心概念之前,考慮要製作鋪墊,讓聽眾分散的注意力從前一個項目或者手中的手機里慢慢聚集到你身上,這個階段的內容越簡單越好,一但門檻高了聽眾沒跟上,後面的重點會更難傳遞。相反,如果鋪墊的時間太長,會給人留下沒有乾貨,價值不夠的印象,這也是要避免的。

喬布斯從上台到第一次講出「iPhone」用了3分29秒。

咱們講的時間一共只有6分鐘,所以更得需要迅速讓聽眾進入狀態:你的產品需求場景。

建議的結構是:通過一些戲劇化(dramatic)的元素搜集注意力,在注意力到達頂點的時候給出核心元素。比如:先用現有的一些其他產品的問題,或者大家平時忽略的痛點,來引起大家的注意,等台下喝水的放下手中的杯子,手機上打字的抬頭來看你了,你再拋出產品、理念或者運營數據等等。接著不斷反覆這個過程:build up注意力,頂峰時收割注意力。不要輕易拋出亮點,應該讓觀眾在最佳情緒上接收到最佳的內容。


這種關於節奏的詳細介紹,大家可以看看TED上Nancy Duarte關於演講節奏的視頻: The Secret Structure of Great Talks。


到這一步的時候,我手中有密密麻麻的7頁A4紙的內容。所有的大板塊都被分解成小元素,根據節奏分布,被串起來成一條線。絕大部分的邏輯和概念都被轉換成視覺化的元素了——這還不是具體的圖片或者視頻素材,而是畫在紙上類似導演分鏡頭一樣的圖稿。例如講到產品的時候,背後大屏應該出現多大一個圖像,什麼內容。先畫個草圖配合邏輯,之後具體製作幻燈片時再找相應的素材。


當整個演講邏輯整理出來之後,配合草圖,可以嘗試看著流程念出來自己的演講詞。不用做到脫稿,因為在實際製作幻燈片過程中還會有很多結構的調整。先反覆拉練幾次,一方面讓自己熟悉流程,卡一下大概耗時。我第一次試講是12分鐘,比需要的多了一倍。另一方面讓團隊小夥伴聽聽,觀察一下他們在什麼時候失去注意力:打哈欠,看手機,交頭接耳,目光獃滯,流口水都算失敗。

找到失去注意力的節點後,換更輕鬆的說法,用更有意思的表達方式傳達相同概念。同時大幅提煉和壓縮這個部分的內容,本來5句話解釋,濃縮成兩三個關鍵詞。如果不是很關鍵的,乾脆直接砍掉,直到整個流程聽下來比較完整和流暢自然,大家的注意力基本都在,沒人流夢口水為止。


5. 製作Keynote

現在可以開始製作幻燈片啦!很多朋友準備演講,一來就省掉上面所有的環節,直接從做幻燈片開始。我只能說,如果我們同場,你必然被秒。


在工具選擇上,兩個產品的選擇keynote or Powerpoint,真的可以體現蘋果和PC/Android的理念差異。近來老喬對國內創業團隊的影響很大,模仿其演講的也很多。對於我們而言,產品設計、視覺表現本身就是我們產品的特色,所以自然選擇了無論是功能還是審美都強大很多的keynote(不過後來也因這個選擇在現場遭遇嚴峻的狀況)。


Keynote和PPT也都是工具,見仁見智,強迫使用不熟悉的工具,肯定也出不了好效果。

關於風格選擇:扁平化?


如果你要做的是一個用來閱讀的演示文檔,那麼扁平化這個現在比較流行的視覺效果,對閱讀的信息傳遞確實有些幫助,主要是化繁為簡,強調內容多過強調錶現形式。但是如果你要做一個現場演示類的,比如我整篇文章在準備的這種,那麼扁平化不一定是最合適自己的風格。我們這裡講的扁平化是特指視覺風格,如果是產品設計,可參考我在另一個問題的回答(交互設計領域的扁平化設計,還會持續火熱嗎? - Mingke Luo 的回答)其中原因就不在這裡深入了,一個典型的例子是,扁平化的大力倡導者在APPLE WATCH的發布現場的演示視頻就不是扁平化的。


另一方面是表達什麼內容。對於概念的傳遞用扁平化風格可能比較合適。而發布和展示產品的時候就不大合適了。我們的內容有前面20%的內容是表達概念,產品展示在中間,後面結尾是用20%的概念結束。在展示概念時大量使用視覺化的表現,相比文字,可以讓更容易聚集觀眾的注意力。這是我們的首頁例子:


我知道絕大多數團隊都是用一句話來描述主題,而當用戶在看過幾個展示後,會開始出現認知疲勞,所以我選擇用icon來代替一句話的描述。

這是我的Keynote首頁,用來在從台下走上台的過程中展示基本概念。讓觀眾在沒聽到正式的介紹前,先用圖片來引起他們的猜測和聯想。

上台後正式開講時按下翻頁器,第一句話就解釋這幾個圖標的意思



從前一位演講者下台到我上台,預設幾十秒時間,我們想利用這個時間做個鋪墊。而設置的上台第一句話就是介紹我們是做什麼的——以此來解開用戶看到圖片後的疑惑。

我們的理念是儘可能的視覺化(跟產品一樣),盡量避免單純的文字出現,除非引用,絕對不會出現完整的一個句子。大段的文字是絕對的禁忌,因為台下的沒人會讀字。


這就意味著有大量的圖像素材需要準備,用來代替文字。我們根據上一個階段整理出來的那7頁密密麻麻手稿,確定了大概的素材,包括視頻。為了節約時間,團隊的一個小夥伴專門負責按照需求製作素材,每一個圖標或者圖片都按照統一性出圖,然後按照手稿草圖的布局做成一個單獨的文檔。等核心邏輯頁面完成時,再合併兩個文檔。在這個階段,我們不會在素材上套用動畫效果,包括翻頁動畫。


完成初稿後,再召集小夥伴兒先拉通走幾次,根據時間和大家注意力的變化,調整頁面內容的分配。按照我們的風格,我們需要嚴格的引導觀眾的注意力,因此在同一個畫面,不可能出現兩個並列的要點。一邊走流程的時候,一邊考慮,哪些效果需要動畫效果,怎樣的動畫效果符合演講的邏輯。


比如講到一個遞進關係的時候,動畫可以用展開效果;如果第一次提到一個概念時用的【向上翻轉出現】的動畫,那麼再次提出這個概念的時候可以用【向下翻轉出現】的動畫,這個細節可以幫助觀眾隱約感覺到,哦,這是剛剛提到過的概念。


展示產品的素材部分,我們選擇視頻,因為我們自身產品非常強調視覺化,展示時用靜態圖片會讓效果大打折扣。在工程獅連續幾天通宵之後,我們終於按時在上台前3天,搞出了DEMO。準確點說,這是只是一個能體現視覺化的demo,很多相關的後台服務功能都沒有做好的。

我們開始按照草圖上的素材要求錄製視頻。越獄後錄製屏幕視頻,抽出關鍵幀做圖,在加上keynote的幾個過渡效果,讓整體展示能平滑過渡。


Keynote對視頻的支持很強大,左邊為靜態,右邊在實際展示時是產品動態的效果,非常平滑,看上去就像是用大屏使用手機的效果。

整個展示我們使用了大量的視頻,並且平滑嵌入在keynote當中,讓整個演講不會被中斷——無論是邏輯上還是視覺和聽覺上。

預計以後的產品發布將會完全的互動+動態化,合理設計的動態效果將完全代替靜態圖。就算是介紹一個產品正面照,都應該是有細微動態效果的。文字?不是punchline基本不會再出現了。

6. 練習與修改

練習與修改所需的時間,基本等於前面所有時間的總和。


增加動畫效果後,一定會增加整個演講的時間。在我們精鍊內容後,再加上動畫,我們的時間依然卡在9分鐘,超出要求3分鐘。這時的麻煩是,看到哪裡都覺的不能減少了,不僅覺得這些內容重要,還有刪掉一塊就會剪斷整個演講的flow。


個人不建議寫逐字稿,一是容易讓整個語言使用變得正式和官腔,二是現場背逐字稿很容易讓人感覺缺少情感,引起共鳴會更難。好處是,對於演講經驗不豐富的人,逐字稿會提升自信。


我的做法是把整個邏輯流程和所有的視覺元素包括動畫效果,完全記下來。講第一個效果的時候,一定知道下一個要點是什麼,用什麼過渡。練習的關鍵是:不要輕易重來。如果講的時候突然遇到問題卡住了,或者講跳到另一個點了,不要這個時候放棄重講,要趕緊想辦法接著繼續講,直到講完。講完後要注意,如果練習時講著講著卡住了,那麼很有可能之前設計的邏輯的flow是不夠通暢。可以考慮借用剛剛跳躍的點來修改邏輯流。講著講著跳出來的想法,往往是更加自然的。


反覆練習,拉通講10、20次,基本上整個演講應該很熟悉了。演示文檔基本就準備完成啦!實際上,我是在9月1號半夜準備完成的,還有一個整天的時間繼續磨練。


另外,如果能設計聽眾互動是絕對的加分項。


這並不是要台下找個志願者或者上面問下面回答。咱們見過好多次,台上的人問:「大家中午吃的好么?」,台下上千號人,一臉嚴肅,毫無反應。等咱們變成老羅了或者雷布斯了,或者積累了大量粉絲聽眾的時候,這招可行。上台揮個手,下面也會歡呼的,現在嘛咱們就忍忍。


這裡指的互動,是一些簡單情緒變化。在練習的時候也需要注意,找些小夥伴來聽(最好換幾個沒聽過的,聽過的放回去繼續敲代碼),觀察他們的反應,當他們發出「啊,哦,呃」這樣的輕輕的感嘆的時候,配合一下,停兩秒等他們反應完——這就夠了。注意,練習時聽眾的反應會在現場被放大。如果練習時有人笑,那麼現場是必定有人大笑——沒什麼比聽眾對你笑更讓人有信心的了。如果有更多的準備,可以配合一下大家的反應,當有人點頭的時候可以補充上:「我們也覺得這是一個不錯想法」之類的回應。


不過這一點我們在這次演講時並沒有發揮出來,因為準備時間和演講時間都太少。

tip: 請不要讓聽你練習的小夥伴刻意模仿笑聲、鼓掌或者喝彩...

7. 上台前準備:踩場地

就算演示文檔準備得非常好了,上台之前一樣有很多需要注意的。


首先就是踩場地,熟悉硬體。我在DEMOCHINA的上台時間是3號下午,在2號下午的時候,創業邦的小夥伴就召集大家做了簡單的試講。但是直到那個時候,大家都不知道現場能不能播放KEYNOTE。


這個薛定諤的貓一直存在到晚上去演講實地踩點的時候。

2號晚上,所有的創業團隊到了現場。這時需要四處走走,了解現場大概會有多少觀眾?離講台最近的觀眾會有多遠?他們能否看到身後大屏幕上的字或者小圖標?插翻頁筆的終端離講台的距離有多遠,遙控會不會有延遲?自帶的翻頁筆能不能用?如果是公用的翻頁筆,那麼交接是找誰?台上會不會有演講台?是不是固定位置,還是允許走動?如果有攝像設備,那麼在台上的理想活動範圍是多大?有機會最好先上去走走,經驗不足的可以上去想像一下下面全是人的感覺。


創業邦的安排考慮比較周全,現場的團隊基本都上台去走了一趟。中間大家不斷找到各自的問題,要麼視頻播放格式不對,要麼沒有聲音,要麼字體出現問題:自己的文檔不含字體,那麼放到公用的播放設備上很可能出現排版字體的問題。大家現場遇到問題就修改,以確保第二天實戰不會有錯。


這時,我們選擇keynote這樣「非主流」的工具,讓我們遭遇到一個巨大問題。薛定諤的貓掛了——我發現現場用的是Windows的系統,根本不支持Keynote。


同場所有的團隊,只要使用Keynote的都不得不轉換成PPT。這時已經晚上8點多鐘了,對於幻燈片比較簡單的團隊而言,這個過程很容易,不涉及動畫視頻等效果的演示,可用自帶系統轉換,再稍微調整一下版面和字體就能用。但是對於我之前準備的上百個細微動畫而言,整個通宵過去都不見得能弄完。而且,更重要的是,整個效果會大打折扣,因為很多Keynote的效果,PPT根本沒有,或者實現非常困難。


當時所有的團隊都排著隊試講,我根本沒有心思練習,不斷的跟現場負責技術的團隊溝通可能的解決方案。同時,在現場做了一個簡化效果的版本以防最糟糕的情況出現。負責我們專場的創業邦的小夥伴也很著急,大家研究一番後發現,最可行的方法是在上一個團隊演講完後的十幾秒時間裡,用我自己的macbook接上現場的大屏投影設備,切換到我的macbook,並把翻頁筆插到我設備上,而且就算這樣,最根本的問題是:macbook不支持VGA介面,需要轉接器。此時已經半夜11點半了,大家都準備放棄了,但這意味著之前所有準備的效果都付諸一炬。


「我剛剛在某寶上找了一圈,在所有杭州賣轉接線的賣家裡,說服了一個現在起床,在一個小時內送到現場。」——遠在辦公室助陣的小夥伴給我打來了電話。


直到近半夜一點的時候,我終於看到了這個:

感謝現場團隊的耐心,能理解和忍受我不斷的堅持

感謝現場團隊的耐心,能理解和忍受我不斷的堅持

不好意思,咱們不妥協。


8. 上台

第二天一覺睡醒已經11點了,錯過了開幕,離下午上台還有幾個小時。到現場後,現場團隊照顧有加,大家都擔心現場切換會出問題,也做了預備方案,一但切換時出現問題,我馬上下來,後面一個團隊再迅速上台。再贊一個!


隨著上台的時間臨近,我居然感覺到了好久沒有體驗過的緊張。相信現場上了場的小夥伴都有類似的感覺,不管怎麼默念都可能出現講不溜的情況。我做了兩件事兒來應對,供大家參考,第一是理性的告訴自己之前已經成功完美的練習過了,其實內容已經OK了,這個時候是情緒作怪,上台開始後自然會好。

此時得說服自己相信之前充足的準備,此之謂:「Fake it, until make it」。

第二件事,就是上台後,不要著急馬上開始講。雖然計時已經開始了,深吸一口氣,接過翻頁筆和麥克風,多走幾步,走出那個角落,走到舞台最中間,用幾秒鐘安靜的從左到右看一看台下,然後告訴他們,我是誰,我來做什麼。


一邊講的時候,看到台下的評委掏出手機,開始拍我身後的大屏幕時,我大概了解不管產品本身如何,之前期望的演講效果,也算基本實現了。


現場很多小夥伴都講的非常好,也認識了很多新朋友,很有意思的一次經歷。再次感謝推薦我們的朋友和創業邦提供的機會,讓我們有第一次公開展示的機會,也讓我們小團隊感覺到了:We are ready.


希望能和大家多多交流:mingke.luo@mrs.ai

The world is full of giants.
We wait until they get sleepy.
Wait until they get so big they can barely move.
Then we walk out of the shadows, quietly walk out of the dark.
And strike.


1.把發布會要講的東西梳理好。

2.請個牛逼點的設計師。

說實話,除了幾個設計師的答案,其他幾個頂部回答都是什麼垃圾玩意?不是說廢話就是瞎猜,我很好奇你們搞過發布會嗎?

點贊第一那個,你用了我兩張做樂視樂小寶發布會的keynote,你能給我撤了么?

還有好幾個用小米手機和樂視手機發布會圖的,你都不知道我當時是怎麼和設計師把這玩意憋出來的,你在那瞎逼逼個啥?

還有一群拿著keynote說ppt的,死一死好么?

優秀的ppt需要長腦子的策劃、有想法的設計師,還有錢。

故作玄虛的不是想推廣軟體就是想搞騙錢培訓。

利益相關:小米、樂視多個發布會負責人。


最近做了個PPT,自認為是扁平的,選幾張發出來吧,內容涉及內部信息,已經全部替換了,沒有什麼邏輯關係了,但是排版和設計沒有變味。

圖片大小1360*768

開始吧:我最喜歡封面和封底


微軟作為Metro扁平化設計風格的始作俑者,當然要舔一下微軟公司自己的PPT啰。
諾基亞作為微軟的乾兒子,其PPT風格也傳承了微軟的扁平化風格,值得學習。
需要源文件的點贊留郵箱,不送。

諾基亞的:

諾基亞的:

需要這兩個PPT源文件的點贊留郵箱 ^ ^

需要這兩個PPT源文件的點贊留郵箱 ^ ^

留郵箱的人太多,可以去這裡下載:
https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-2871168714.2.rMjNBQid=522915995317


就目前排第一的答案水平能超過2W,談設計也是白瞎。說白了,很多人連看ppt的目的是什麼都不知道就開始追求各種形式上的好看,酷炫和所謂的風格,那你還是不要看了,不是你本身認知水平不夠,看不下去,就是這個ppt本身就沒有什麼營養。就ppt而言,一切風格和設計都是為了更好地傳遞內容而服務和存在的(除非你這個ppt就是為了演示設計風格的,但這裡顯然不是),扁平化要素與ppt內容相結合是比較好的方法,特別是在你講的事手機之類相關的方面,做不到與內容有機結合的話,保持整體的風格是次選,切忌喧賓奪主。


10分鐘,如何用Keynote/PPT做出設計感的海報?

做出好的設計,未必要用PS,用簡單的工具也可以。下面分享一些技巧和方法,分兩塊來寫:

1、用Keynote和PPT製作海報的詳細教程(有案例)

2、提升審美力持續做出好海報的方法

先上圖,這些海報全部是自己用Keynote/PPT做的。





P.S.我不是專業設計師,不擅長用PS、AI這類專業軟體,平時工作中遇到設計需求,就用這些熟悉的軟體來完成,以下這些方法可能對無設計基礎的朋友更適用。

1、案例與技巧

下面這張圖是新年發布的。主體是一隻雞,用了dribbble上的素材;周圍環境主要是地面和天空,還有一些雲朵、遠山、雪花等點綴,這些都是直接用Keynote/PPT畫出來的。



事實上,做這張圖就靠3個工具:透明工具+任意繪製工具+高級漸變。下圖左邊是這些功能在Keynote上的功能名稱和相應位置,右邊是PPT上的。


掌握了這3個工具,就操作層面來說,你可以在Keynote/PPT裡面實現任何設計。

下面是做這張圖的基本步驟:

1.先把背景填充為黃色

2.接下來繪製紅色的坡面。通過任意繪製工具,在圖片底部畫5個節點,構成一個矩形,將點「2」拖動向上,產生弧度,調整成滿意的坡度。然後將坡度填充為紅色,注意去掉陰影、邊框等(這些操作比較基礎,後面不贅述。)



3.接下來加上雞的素材,通過透明工具去除背景,放在圖片中心位置(Keynote的摳圖效果會比PPT好,如果PPT做的不理想,用美圖秀秀網頁版之類的都能摳圖)。


4.現在畫面的基本要素都完成了,但是感覺非常單調,這時候就體現了細節設計的重要性。我們先從地面開始加工,為了更有層次感,疊上一層深紅的波浪(為什麼要這麼做,更多是一種設計的感覺,這個在第二部分詳談),操作方法和第2步一樣。

(在PC上色差不明顯,手機端比較清楚)


5.為了讓地面更有生機,不如畫上兩座遠山,用一點冷色來點綴大面積的暖色:點擊直角三角形的圖形,複製,把其中一個做軸對稱,然後兩個組合在一起,分別填充綠色和藍色,微調角度。

6.在天空中,加了近期比較流行的設計元素「年糕」(就是那個半透明的橙色條形),讓畫面顯得比較動感:用圓角矩形工具畫一個,調整角度變成這個形狀,旋轉,調整透明度,注意圖層排列的順序。

7.雲朵和雪花同樣是點綴:雲先通過自由繪製工具畫出輪廓,然後通過高級漸變完成填充;雪花畫一些大小不一的圓圈就行,注意排布。


8.文字部分的做法比較簡單,就不展開了。

自己做這樣一張圖,花了10分鐘。

零基礎的女票看了我的方法,用PPT做了一遍,用了15分。作品如下:


細看還是可以發現買家秀和賣家秀的區別,尤其是繪製曲線的效果,但是第一眼的感覺還不錯。

能有不錯的整體效果,很大程度上是因為色彩、構圖和素材的選擇——前面沒有說的是,做這張海報我用了10分鐘,但是之前還有半小時在構思和找素材。


說實話,用PPT做設計,操作層面沒有什麼複雜的過程和工具,剛才幾點基本都涵蓋了。但是為什麼不一定能做出滿意的作品呢?一個是「手感」不夠,軟體操作不熟練,這個多練幾次就會好;二就是「美感」和「創意」不夠,把握不好設計的一些基本要素,下面簡單講講這部分。

2.美感與創意

作為一個非專業人士,我對平面設計的理解是:通過不同視覺元素的組合,更好地傳遞信息。當你確定核心信息之後,布局、色彩、文字、圖案這些元素都要圍繞它來組合。

下面選取幾個熟悉的角度,分享自己的經驗:

(1)布局:

布局本身就是一種組合。

保險的做法是對稱、中心突出、三角形,不容易出錯,但是也不容易出彩。如果想要多一些新意,可以多看看好的設計,學習排布方式。



(2)色彩:

色彩的搭配也是一種組合。

在做設計的時候,可以根據核心信息,先選定主色調,配以輔助色和點綴的顏色,一般這個比例達到6:3:1時,色彩傳遞的感覺能夠保證(可以對照前面的案例驗證),且注意色彩不宜太多。

那怎麼培養色彩搭配的能力?

首先,我覺得還是要多欣賞好的設計,甚至可以直接模仿它的配色,運用PPT的取色工具就可以做到。

其次,推薦PANTONE Studio這個App:拍一張眼前的美景,或者從相冊里打開一張覺得舒服的照片,放進軟體,就能通過取色提取關鍵的顏色信息,幫助你學習配色。



另外,還有一些在線配色方案網站,我用的不多,感興趣可以試試:


(3)素材:

前面案例里的海報,一定程度上是靠那隻雞的素材提升了格調。當自身設計能力不足時,找到合適的外部素材,就成了外掛一般的能力。

胡小編之前一搜圖就用百度,看得我都心累:要在千百張沒有任何篩選過濾的圖片中找一張合心意點圖,實在太浪費時間了。

推薦幾個找圖的網站,幫你開掛:


(4)字體:

在你的設計作品裡,可能文字只佔了很小一部分面積,但是這些小小的字體,卻可能影響整個畫面的風格和水準。選擇什麼樣的字體來組合,也是不能忽視的。


第一步,要摸清楚一些常見字體的風格,根據需求選擇合適的字體。

我自己就會給一些常見字體貼上標籤,供你參考:

黑體:規矩、方正,通過變化延伸出現代感、科技感

宋體:歷史感、文化氛圍、通過變化延伸出奢侈、柔美的感覺

書法字體:中國風、行雲流水,復古

手寫字體:自由、豐富多彩、個性

各種獨創的藝術字體:感情豐富、吸引眼球、適合標題、謹慎使用


第二步,選擇好字體之後,也需要合理的排布。通過字體排版的合理設計,可以極大地提高可讀性,避免用戶犯錯。

再來推薦幾個發現優秀字體的網站和一個播客。


對了,還有一點特別提醒:用PPT做設計,是一個比較快上手同時操作便捷的選擇,但是它也有瓶頸,你需要清楚它的局限在哪裡。比如,PPT做的圖片大小有限, 如果你需要做印刷品就不合適了。


寫了這麼多,不知道你對PPT做設計是不是已經有點感覺了?看十遍不如做一遍,強烈建議對照方法動手做一張圖。


看到這種題目,手機黨一定不要點!一定不要點!一定不要點!(土豪隨意!)這種東西網上一大片,直接借用過來 @嘉文錢的,我平時看他的也比較多,推薦一下!前面有人提到過這個,我把整個PPT全傳上來了,真心手賤啊!

http://weixin.qq.com/r/BHVDTDnElgfphygvnyAg (二維碼自動識別)


標題黨一下:平均10分鐘做一張拿得出手的PPT!(僅適用於大學生課堂展示唬唬同學,工作慎用!)

今天剛剛做完又一個Presentation...拿新鮮出爐的扁平風PPT來舉個栗子。

1.使用適合PPT內容的字體.不用太花哨,但求略微區別於平時默認字體就好
英文字體參照:有哪些值得推薦的英文字體?
中文字體參照:有哪些值得推薦的中文字體?
這兩個回答里的高票答案都對我做PPT、視頻中文字的選擇起了很大幫助仔細挑一挑,總有一款適合你。

2.多使用圖標風格的圖片,用漸變色或純色做背景,千萬不要用圖片,尤其是信息量大的圖片做背景。
放幾張今天做的PPT:

加點小創意當然會更出彩一些:

加點小創意當然會更出彩一些:

當然也不能完全迷信Icon~

當然也不能完全迷信Icon~


不一定要以黑色為底喲~


字體選擇:ADELE體+華文細黑。
如果你的背景是這樣


或者這樣

相信我,還不如用純色背景了呢,不管你的圖片多麼好看,它對文字的影響是相當相當大的,再絢麗的動畫和字體都救不了你了...

相信我,還不如用純色背景了呢,不管你的圖片多麼好看,它對文字的影響是相當相當大的,再絢麗的動畫和字體都救不了你了...

3.說到動畫:除非有特殊需要,不要用系統自帶的各種各樣的動畫,更不要為了追求多樣性使用N種不一樣的動畫效果,就像做視頻一樣,任何軟體自帶的轉場效果幾乎都是反人類反審美的,用好淡入淡出擦除幾種效果就夠了。
同理,音效除了把昏昏欲睡的同學/領導/同事/老師嚇一跳之外,沒有任何作用。
另外:關於如何找icon風格的圖片:
1.google image裡面搜索「英文單詞+icon」即可,比如「Fossil Icon」即可找到化石相關矢量圖。我覺得icon風真的是提高PPT氣質的神器,絕對值得一試。
2.Iconfinder - 525,000+ free and premium icons,不用翻牆,而且整體質量比Google搜出來的要高~

4.此外,最糟糕的情況是什麼?宋體+初始字型大小+無數文字堆疊+黑色(或其他與底色搭配糟糕的顏色)+糟糕動畫+糟糕音效+圖片背景。例如下圖:

雖然前面說過背景最好不要選擇那些信息量大的圖片,但是也不是絕對的,試試看化腐朽為神奇吧:

雖然前面說過背景最好不要選擇那些信息量大的圖片,但是也不是絕對的,試試看化腐朽為神奇吧:

所以最重要的:

所以最重要的:

注意圖片、文字的空間布局,
選擇好字體,
保證PPT整體、局部的色調和諧,和諧呀!



其實什麼Flat不Flat,審美這東西還是有很多恆久的原則的,關於這個問題,看下面這兩張截圖吧(好吧,這個ppt本身沒有花很多時間做美化,但是相信我,這真的很有幫助):

  • 如果使用圖形框,不要使用邊框、陰影,使用裝飾簡潔的圖形和顏色;
  • 使用圓角矩形,而非橢圓
  • 添加文字說明時,不用線條做裝飾
  • 不要把數字標號放在圓圈裡
  • 不要使用塊形的箭頭

  • 不要使用對話泡泡,使用簡單的線框來進行裝飾;
  • 不要使用多彩的、大的卡通畫或者剪貼畫;
  • 不要疊加文字和圖形;
  • 不要使用流程圖表

很多ppt的設計方案,的確,很漂亮,但是門檻也不低,不要低估了找素材處理素材排版這些工作的難度和工作量,要知道在很多公司都有人僅僅因為能做出好看的ppt而得到升遷好吧?

但是!你只要掌握了以上原則並且堅持應用,就可以成功地把你的ppt審美從坑裡撈出來了。不信你對比看看那些「中學生教案感」滿滿的、丑爆的國產ppt,是不是充滿了過度使用顏色、線條、圖形的毛病?

這兩頁ppt奠定了我從業以來所有的ppt風格。希望對大家有幫助。

哦對了,這個ppt是羅蘭貝格公司2001年推行的內部規範,對的,2001年。所以說真的,審美什麼的,是有恆久規則的。

當然了,如果你想要進一步提升ppt美觀程度的話,有一本書是再怎麼重複推薦也不為過的,是的,就是《寫給大家看的設計書》。


-。-大家都叫我上圖,我去看了下,我做PPT基本都是給公司做的,花了些時間修改了一些內容,使之能夠對外發表,希望對大家有幫助。這樣的,我自己的風格是很少借用外部軟體來製作ppt里的素材。甚至有一段時間迷戀於純ppt打造的ppt——意思就是不用任何外界的素材。確實包括ls一些高分回復的朋友,用素材為PPT增色不少,但是我相信這不是所有人都可以掌握的,何況在實踐中,你並不是總有那麼充分的時間去加工素材。而使用來源複雜、非定製化的素材可能會傷害ppt的整體風格。


好吧,下面上圖。




這組演示都是好幾年前做的了,應該都在蘋果帶動「扁平化風格」的一波節奏之前吧,我的指導思想就一直是羅蘭貝格那幾頁上面的話:簡單的用色/簡單的圖形/不要讓文字散落/圖片素材要簡化風格,並與整體統一。


然後突然有一天開始,大家就開始管這種風格叫「扁平化」了……

PS:咦,我突然發現,PPT認為ppt是一個拼寫錯誤……


推薦閱讀:

TAG:Keynote | 設計 | PPT | 扁平化設計 (Flat Design) |