怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿? | 知乎問答精選

 

A-A+

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

2018年06月28日 知乎問答精選 暫無評論 閱讀 15 ℃ 次

【李大鵬的回答(2001票)】:

2014.9.24 更新

打開發現上知乎日報了居然!好驚訝…= =#

距當初寫完這份回答到現在也快半年了,大家的留言和私信我也都看了,在這裡做統一回復吧。

因為工作的關係,我經常需要做PPT。當時看到這個題目的時候,就好奇著點進來看看大家是怎麼做的,我也學習一下~ 看了一圈收穫良多,尤其最高票的答案,雖然並不完全在講述扁平化,但關於PPT的各種製作技巧和方法,已經總結得很棒了,非常值得收藏。

平常我做PPT的時候,是以簡潔明瞭作為原則的。而扁平化、擬物化之類的風格,還是在看了這個題目之後才去做了一定程度的瞭解和思考。這個過程對我來說受益無窮。

當時答案裡關於中文的例子很少,我在想要不要自己動手做一個,順便把過程寫出來?雖然我也不知道題主說的「設計理念」和「技術要求」這種東西,要怎麼講才合適…總之先試試看吧。嗯...然後我就開工了。(整體效果可以移步分割線,快速瀏覽原文圖片)

總的來說,問題…還真的不少,大家也都指出來了:

1、配色。封面封底的無色系和內容的彩色系,這樣搭確實不太恰當。好比打開一個黑乎乎的盒子裡面卻是滿滿的彩虹糖…多少有種奇怪的感覺吧。而且在配色上也有待改進。

@Hendersen 漸變色的RGB數值:

2、字號。10號確實小了。其實作為標題的點綴,我是刻意用這麼小的字號的…事實證明,不作不死啊= =

3、圖片。除了背景用到的那張,其他的我都沒放。照理說講到圖片排版的時候,最好是有示例,但我缺失了…直接體現就是不夠直觀。還有音樂、視頻、動畫等,我當時想既然沒法兒直接演示,那乾脆就不放了。然後做完了一看,貌似太簡陋了點?= = 後來事情一忙也就忘了……

4、軟件。有知友明確表示不喜歡WPS。介個…我完全理解。我本身也會因為各種原因而拒用一款產品。我的老闆給大夥兒電腦裝的辦公軟件就這個,大概是因為它免費?= =然後為了避免發來發去的時候格式錯亂不兼容等問題,我也沒換別的軟件。而且用起來感覺也還好,雖然部分功能殘缺但本身利用率也不高就沒去管它。其實,主要就是懶啊……

Office 2003/2007/2010這些版本我都用過,現在我私人的電腦用的是Office 2013,雖然用的時間不久,但感覺很棒,效果拔群。尤其「取色器」這個功能簡直太貼心了!大愛!不過格式兼容的問題還是略遺憾,所以我只好兩個都裝著。不過我覺得,不管我事先申明的是哪個軟件,恐怕都有人不喜歡吧?眾口難調呀~

Keynote沒用過,就不發表意見了,等哪天我換蘋果的時候再來研究。

謝謝 @VinnyXiong 的指正:「你貼的圖用的軟件是「WPS演示」,簡稱WPP,PPT是 Powerpoint的簡稱。」我以前還真不知道它們的稱呼有差…漲知識了~

5、效果。有些大牛做的模板很高大上很成熟,直接拿來套用效果非常驚艷。但是如果把我做的這份當模板,那你多半會失望了。在實際的應用中,這種大色塊+純文字的方式還蠻邊緣的…工作中的PPT,通常會用更豐富的元素和內容去填充,包括線條、圖形、圖表、圖片、音效、動畫效果、視頻、鏈接等等。製作的複雜程度是這份回答的N倍。而這些元素和內容,在我的答案裡,幾乎都沒用到。所以…你多半會失望的。

6、方法。有知友說不知道要怎麼做,問我能教教嗎?介個…如果沒有十足的把握,我是不敢隨便教噠,笑。我這種不靠譜的,肯定會把你帶歪的…要說方法的話,我自己也是一邊做一邊摸索的。多看多做多感悟吧。慢慢的,就會從量變引髮質變了。我還在量變的路上…說起來,也是在寫了這份答案之後,我才加大了對PPT製作的關注度,發現有很多不錯的資源可以用起來,也在此推薦給大家:

1 花瓣網_圖片社交領導者,發現、採集你喜歡的一切

2 優美圖 - 收錄優美圖片 TOPIT.ME

3 堆糖,分享收集生活中的美好,遇見世界上的另外一個你。

yestone.com/ 邑石網_高品質的版權圖片及商業正版圖片素材提供商

5 千圖網_中國最大免費素材下載網站

6 全景圖片_中國最大的圖片庫和圖片素材網站

7 UI設計網-專業探討ui設計

8 矢量素材設計,圖庫,廣告素材,平面素材,設計素材,素材庫(視覺中國下載吧)

9 優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台 (非常強大,好用到哭)

十 Icon Search Engine (圖標搜索引擎)

⑾ Discover — Art & Design Inspiration at ColRD.com (配色)

⑿ 中國頂級原創PPT模板和KEYNOTE模板下載的高端平台-PPTSTORE (牛人聚集,果斷收藏)(這麼棒的資源,為什麼我發現得這麼晚……)

⒀ Sina Visitor System (我愛PPT的微博)

⒁ flatppt(嘉文錢的微信號)(他寫的《PPT扁平化風格設計手冊》教程超棒的!強烈推薦!)(我答完後的某天去仔細看了一遍他的教程,覺得自己好蠢啊居然這麼晚才去看!)

⒂ PPT100(幻方秋葉PPT的微信號)(可以學到很多PPT製作的技巧)

(更多待補充,慢慢填……)

7、其他。仔細一看,千瘡百孔啊T-T…還有很多,不細說了。如果把以上問題都改掉的話,原來的那份回答也就面目全非了。所以雖然不咋滴,我還是決定保留著。只能說當時就這水平吧,放在這裡給自己提個醒。感謝所有耐心看完本文的知友,這篇回答確實蠻話嘮的,囧。評價不管好壞我都會照單全收,有則改之無則加勉,晚安~

—————————————— 很直的分割線,以下是原文 ——————————————

2014.4.14 發佈

我發現有一個現象還蠻有趣的,那就是,凡是關於產品設計、UI設計、平面設計之類的問題,基本都會搬出英文(各種外語)版的來作答,貌似大部分跟設計有關的事兒都是這樣.

還有一點,不少設計師做PPT喜歡用AI、Photoshop、CorelDRAW等設計軟件,做完了再搬到Powerpoint裡頭,但就是不喜歡直接用Powerpoint,這是為什麼呢?

其實Powerpoint本身也是很強大的嘛,把工具充分利用起來,可是潛力無限的喲~ 尤其是當年看到有人用Word做了個動畫片頭,我和我的室友們都被華麗麗地震撼了啊!

那麼,如果我們想做一個完全中文版的PPT,一個以中文來思考的扁平化PPT,該怎麼做呢?

設計沒有唯一和統一的答案,扁平化也只不過是萬千設計形式中的一種.用的人多了,好像就變成了趨勢.根據題主的疑問,我們或許可以試一試,將製作的過程呈現出來,以幫助理解.

長文,多圖,慎入.

首先申明我用的辦公軟件是某山的WPS(某山你是不是該給我點兒廣告費?),理由有兩個:1、好用;2、LOGO和界面都不醜.是的,我是一個非常嚴重的、膚淺的——外貌黨.

雙擊Powerpoint,我們撞見了巨大的黃底白字,幾秒的靜默之後,一個空白的世界展開了.

在動工之前我們得思考一個(才不止一個呢)問題:

1、我要做啥?—— 一個扁平化的中文PPT;

2、內容呢?—— 跟製作扁平化的中文PPT相關的一切(才不是一切呢);

3、思路呢?—— 我心裡有數(請把思路可視化,謝謝);

4、效果呢?—— 看完你就明白了(看不明白我就揍你).

做PPT最簡單也是最直接有效的思路,就是把我們需要表達的內容按一定的演示邏輯排列好,以視覺(必要時得視聽結合)形式呈現.但必須記住,聽覺也是很重要的部分,因為觀眾在看的同時,也在聽你的講述.配合得當,才會相互加分.

在確定了主題、準備好內容之後,我們可以開始動工了.

——等等,你就這麼直接在第一張PPT上敲大標題了嗎?

——是啊...有什麼問題嗎?

——是不是還漏了點啥?(少年,你用這麼純真迷茫的眼神看著我,我會想虐你的)

——啥?

PPT的尺寸啊!騷年!

不要告訴我你一直用的都是這個默認的數值,從來沒想過點開來換個高矮胖瘦試試.

考慮到現實裡常用的投影屏幕都是這個默認的比例,也確實可以不做更改.

那麼現在,反正沒啥限制,我們不妨試著設置一個看起來更舒服點兒的顯示比例吧 ~

舉個栗子:寬25.4cm,高17cm.嗯,我喜歡扁一點兒的(喂).

注意,尺寸最好事先就設定好,如果做完了再改尺寸,圖片和文字都會按照一定的比例發生形變.到時候再來一點點調,會累死.

好了,不多折騰了,開始進入正題.

第一步,敲上本次PPT的大名:《怎樣製作扁平化PPT》.

這個PPT講的是跟扁平化相關的東西,

那麼我希望視覺呈現也是扁平化的,以達到形式和內容的統一.

既然是扁平化,那就不要考慮太立體的東西.

但是空間感呢,也不要那麼狠心地就完全拋棄嘛,大家還是可以友好相處的.

大名敲完之後,試了試全一排和上下兩排.

「PPT」是英文,在中文世界裡,它被視作一種圖形符號.甭管你英文再好,眼睛看著就是覺得不一樣.與其和中文們混在一起,還不如自成一格(才不是鬧彆扭呢,哼).

一般我做PPT的默認字體是微軟雅黑,相對通用,作為非襯線字體也較為簡潔.

既然是扁平化,字體就不要搞得太複雜.

然後開始考慮文字的顏色.其實這得和底色、背景一起考慮.

簡而言之,這是個糾結的過程(以下500字可略過不看).

文字敲完之後是大面積的空白,我想給文字加個底色,用以去除畫面的單調感和過多的蒼白感.

我本人是偏愛藍色的,把底色設置成藍色可不可以呢?當然可以啊,為啥不行?那麼接下來的問題就是,用哪個色值的藍色更好呢?如果字色是白色,那麼哪種藍色和白色搭配可以看起來更舒服,使畫面更乾淨?……這種問題只能自己和自己妥協(撕咬).

完了之後給底色再加個框.長條,寬條,圓的,方的,三角,異形?最後我決定用點小圓角,給人一種穩重而無害的趕腳.

我還需要一張圖作為背景,要求是模糊的、虛化的、朦朦朧朧看不清的,整體色彩搭配舒服的.當然這樣的圖搜一搜還是有不少的,想到版權問題,於是就從自己拍的照片裡找了一張= =

可是,為毛能用的偏偏只有黑白噠?!為毛我平常都不拍點有用的照片啊?!淚流...

算了那就索性黑白配吧,其他顏色也不瞎搞了.這麼一合計,總算是定好了封面的基本色調——無色系.

誒,好像還少了點什麼昂?

版權歸屬,嗯,作為完全私人化的PPT,那就寫上自己的大名吧.我是個低調的人,字號就小一點吧.和背景的線條融為一體...那大家還看得到我嘛?也加個框吧,和題目齊寬.框的顏色呢,一樣吧.和題目那個框的間隙呢,唔,這樣差不多了.居中,對齊.嗯,規整了.總算安撫了看到不對齊的東西就會迅速發作的強迫症.

終於!這個糾結帝的第一張PPT!終!於!做!好!了!

如您所見,這才只是個開始.

如果想要把「扁平化的設計理念」融入到PPT製作中去,那麼我們首先得對「扁平化」有點兒瞭解.正所謂理論和實踐的結合嘛.很多時候我們說不清概念本身,因為概念並非一成不變,超出一定的範圍可能就是謬誤.但為了便於記憶和闡釋,我們會用一些關鍵詞來標注它.

如上圖所示,我選了「二維、抽像、簡潔」這樣三個關鍵詞,並使用了圖形和底色(底色以RGB為參考).當背景本身的顏色對色塊的干擾較少時,我們可以試試加入一點兒透明效果.就像這樣:

PS1:背景線條(多條曲線的交織)會不會有點複雜,影響視覺效果?

PS2:其實本來打算用蒙德裡安的代表作當背景,有點難搭,遂放棄= =

PS3:這三個關鍵詞僅作示意,並不絕對,歡迎探討~

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

要細分起來真的可以說很多,為了避免信息過載而造成頭暈症狀,我們將文字信息也進行大幅度的簡化,挑重點的幾個講講.

整體

我們可以從以上三個方面去指導PPT的製作過程並進行測試,看看最終的效果是符合還是背離.

每個方面用同色系、不同色值的大色塊進行區分,(順便還)具有一定的漸變效果.

PPT另存成圖片後字就不怎麼清晰了囧,現在把文字內容再贅述如下:

內容的連貫

整個PPT的內容安排合理富有邏輯,

演示PPT的人心裡非常清楚自己需要表達什麼,向誰表達,以及,如何表達

視聽的舒暢

不光是視覺,還有聽覺,

每個微小的細節偏頗,都有可能破壞觀眾對整個PPT的良好印象

設計的扁平

放棄立體感吧,少年!

記住,此刻,你活在二維世界裡,躺平了,深呼吸,讓一切回歸簡潔,少即是多

鑒於我們本次的主題是設計,因此其他的不做展開.

色彩

為什麼在色彩部分提出了「點線面構成」呢?

因為在製作時我們必須面對PPT這個平面,並對它進行解構和再創作.

而在扁平化設計裡,色塊是非常重要的組成部分,它們本身就能轉化成點、線、面,構成格局,撐起整個平面.

點線面構成

PPT中的每一個符號、線條、色塊分佈,

都以扁平化為目標而存在於這個扁平的空間之中,如果它們做出了奇怪的舉動...

色塊是關鍵

扁平化的關鍵是色塊,注意,最好用純色,少用漸變

色塊本身有面的屬性,能夠區隔空間,試試讓不同的色塊帶領你進入新世界的大門吧~

PS:這裡的「少用漸變」是指少用那種中間有過渡色的漸變,而不是指由分明的色塊組合起來的漸變.原因:1、漸變有一定的立體視覺效果;2、漸變用好了也沒啥,用不好看起來會很low,破壞美感(= = #).

文字

在文字處理上,我們的要求只有一個:統一.

字體的統一

同一個PPT裡不要用太多字體,2-3種足以;切記,少用斜體!看著真的很暈!

字號的統一

標題、副標題、正文內容,均設置統一的字號,需要特別突出的例外,但,盡量少用

字色的統一

太花就失去了重點,越想突出反而越被淹沒,花素搭配得當看起來才美味喲~

舉個熱乎的栗子:

本PPT的字體——微軟雅黑

本PPT的字號——標題40號字,內容10號字

本PPT的字色——R255,G255,B255

統一的目的是為了畫面的清爽,讓信息以最有效的方式呈現,並快速傳達給觀眾,避免不必要的干擾.

PS:考慮到PPT在投影設備上的實際播放效果,內容字號需要加大到12或14甚至更大的字號,根據現場進行酌情調整,一旦全部做成圖片定死,那會比較悲劇.

圖片

PPT裡用到的圖片主要分為兩種:背景圖、內容圖(必要的插圖、圖表等).

用來當做背景的圖,為了將多餘的信息剔除,我們可以對圖片進行模糊化處理(嗯,這時候需要Photoshop相助了),從而突出文字信息.

如果是內容圖,單張的相對好處理,一旦圖片數量多了不好好排列就會非常雜亂.

另外還有一點需要注意,在多張圖片的呈現上,整體色調的把握也非常重要.你可以玩撞色玩漸變玩灰調,只要看起來不要太可怕就行.

模糊化處理

不以畫面突出為目的,主要作為氣氛的渲染,可以採用模糊化或虛化處理的方式

多圖列整齊

當圖片大於等於兩張時,安排好每張圖的位置,碼整齊了,亂放真的會眼花!

有時候我們還會給圖片(其實文字和圖片都是)的播放加入一些動畫效果,設置一定的動作路徑,為了使視效流暢往往需要反覆調試,很考驗耐心.所以也有人喜歡用Flash做PPT...(你夠)

扁平化設計其實很早就有,追根溯源可以到抽像派、包豪斯甚至更久遠之前.

但為什麼它會讓人覺得好像是個新事物呢?

1、人們對新名詞的陌生;

2、人們對歷史所知甚少(包括我這個歷史白癡);

3、諸如Win8、iOS7等大眾較為熟知的操作系統界面先後採用了這一設計方式,讓看慣了具象化設計的人們頓覺耳目一新,加之它們在設計界的影響力,助推了扁平化設計趨勢,使之逐漸成為一股潮流.而潮流,彷彿總是新的.

一樣事物從誕生之初到現在,已經經歷了諸多衍變.它通過不斷地自我調節來煥發生命力.我相信扁平化設計還會繼續向前發展、進化,在無數設計師們的努力下探索出更多的新意.

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

說白了,其實做PPT是一個排版的過程.

雖然我不是設計師也不是編輯大人.唔...我是暫住在地球的外星人.:-P

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

【王赫的回答(1084票)】:

補充回答!!!

中午下課回來發現這麼多贊!連午飯都顧不上吃了,做一下補充說明。

講了這麼多,可能看過之後覺得明白了很多,但是,需要實際接觸一下才能真正的記住理解,下面我舉一個例子讓大家看看。

封面封面

目錄目錄

內容內容

結尾結尾

具體分析一下這裡面都包含了什麼

首先是封面

然後是目錄然後是目錄

接下來是內容接下來是內容

最後是結尾最後是結尾

希望大家能有所瞭解,謝謝。(2014/11/20)

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

扁平化PPT真的很好,我想把我知道的都分享給大家,謝謝。

自我介紹一下

在我還沒有接觸扁平PPT之前,我的作品是這樣的在我還沒有接觸扁平PPT之前,我的作品是這樣的

接觸扁平化PPT之後接觸扁平化PPT之後

。。。。。。。。。。。。

所以說真的建議大家去學習一下,接下來我只講乾貨,簡單粗暴。所以說真的建議大家去學習一下,接下來我只講乾貨,簡單粗暴。

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

看看有什麼共同之處?看看有什麼共同之處?

我很喜歡簡單的封面,用簡單的色塊去構造而不是運用圖片,當然這只是我個人的習慣,大家可以借鑒一下。我很喜歡簡單的封面,用簡單的色塊去構造而不是運用圖片,當然這只是我個人的習慣,大家可以借鑒一下。

需要注意的是:封面決定了整體的風格和顏色,接下來每一頁的主顏色最好是從封面中提取,這樣顯得很有系統性,你的元素(線條,色塊等)也最好選擇封面所提供的。

再來看看結尾

封面和結尾有什麼關係?封面和結尾有什麼關係?

首尾呼應,最好只是更改封面的一小部分。內容有THANKS就足夠了。首尾呼應,最好只是更改封面的一小部分。內容有THANKS就足夠了。

目錄的話我就不多講了

例如例如

接下來講講PPT主要內容接下來講講PPT主要內容

字體選擇微軟雅黑等無襯線字體字體選擇微軟雅黑等無襯線字體

善用色塊,同時注意簡單扁平善用色塊,同時注意簡單扁平

最簡單的辦法就是:隨便打開一張圖片放上去,再添加一個長方體的色塊,兩者拼在一起,色塊的顏色取決於圖片的主色調。就像第一個狗牙根一樣。最簡單的辦法就是:隨便打開一張圖片放上去,再添加一個長方體的色塊,兩者拼在一起,色塊的顏色取決於圖片的主色調。就像第一個狗牙根一樣。

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

再看看下面的圖片

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

還有還有

強力推薦!SmartArt強力推薦!SmartArt

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

瞬間提高了逼格有木有!瞬間提高了逼格有木有!

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

最後

推薦一下大神,多關注大學習。推薦一下大神,多關注大學習。

在這裡要感謝一下一個叫錢嘉文的大神,我是聽了他的講座才開始接觸扁平化PPT的,非常實用

第一次回答專業性問題,大家請多多擔待

【彭怡青的回答(317票)】:

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

以下是全部內容的搬運:

感覺根據上面的指引,已經可以做出一個不錯的扁平化PPT了。

另外再推薦一個微博 @ Simon_阿文 《我懂個P》系列,也全部是扁平化。

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

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

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

【跺落天使的回答(356票)】:

標題黨一下:平均10分鐘做一張拿得出手的PPT!

今天剛剛做完又一個Presentation...拿新鮮出爐的扁平風PPT來舉個栗子。

1.使用適合PPT內容的字體.不用太花哨,但求略微區別於平時默認字體就好

英文字體參照:有哪些值得推薦的英文字體?

中文字體參照:有哪些值得推薦的中文字體?

這兩個回答裡的高票答案都對我做PPT、視頻中文字的選擇起了很大幫助仔細挑一挑,總有一款適合你。

2.多使用圖標風格的圖片(不好意思啊,不懂裝懂天天說矢量圖,其實下面貼出的方法只是如何找到這些圖標風格的圖片而已),用漸變色或純色做背景,千萬不要用圖片,尤其是信息量大的圖片做背景。

放幾張今天做的PPT:

加點小創意當然會更出彩一些:加點小創意當然會更出彩一些:

字體選擇:ADELE體+華文細黑。

如果你的背景是這樣

或者這樣

相信我,還不如用純色背景了呢,不管你的圖片多麼好看,它對文字的影響是相當相當大的,再絢麗的動畫和字體都救不了你了...相信我,還不如用純色背景了呢,不管你的圖片多麼好看,它對文字的影響是相當相當大的,再絢麗的動畫和字體都救不了你了...

3.說到動畫:除非有特殊需要,不要用系統自帶的各種各樣的動畫,更不要為了追求多樣性使用N種不一樣的動畫效果,就像做視頻一樣,任何軟件自帶的轉場效果幾乎都是反人類反審美的,用好淡入淡出擦除幾種效果就夠了。

同理,音效除了把昏昏欲睡的同學/領導/同事/老師嚇一跳之外,沒有任何作用。

另外:關於如何找矢量圖:google image裡面搜索「英文單詞+icon」即可,比如「Fossil Icon」即可找到化石相關矢量圖。我覺得矢量圖真的是提高PPT氣質的神器,絕對值得一試。

4.此外,最糟糕的情況是什麼?細明體+初始字號+無數文字堆疊+黑色(或其他與底色搭配糟糕的顏色)+糟糕動畫+糟糕音效+圖片背景。例如下圖:

雖然前面說過背景最好不要選擇那些信息量大的圖片,但是也不是絕對的,試試看化腐朽為神奇吧:雖然前面說過背景最好不要選擇那些信息量大的圖片,但是也不是絕對的,試試看化腐朽為神奇吧:

所以最重要的:所以最重要的:

注意圖片、文字的空間佈局,

選擇好字體,

保證PPT整體、局部的色調和諧,和諧呀!

Ps:你們不是因為蛤蛤所以贊同我的對吧╮( ̄▽ ̄")╭Ps:你們不是因為蛤蛤所以贊同我的對吧╮( ̄▽ ̄")╭

PPS:你們要的Naive(╯‵□′)╯︵┴─┴

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

補充一下,我這種做法不是太適用於需要做圖表的筒子們,只是提供一種思路,希望能夠給大家一點幫助。謝謝~

【MingkeLuo的回答(285票)】:

剛剛寫了一篇長文,講如何做產品發佈的演講,可以看看-----初創公司如何準備產品發佈的演講

一個新東方老師創業的首次演講

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

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

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

1. 建立目標

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

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

2. 確定風格和展示方法

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

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

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

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

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

GuyKawasakiTheArtoft http://v.youku.com/v_show/id_XNDA4Nzg3NDMy.html

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

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

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

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

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

3. 內容準備

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

我們在操作中遇到了一個嚴重的問題。我們產品的核心是在UI&UX和兩個核心功能上,但是產品的開發沒有完成,需要的部分也不是之前的優先級,按照之前計劃的進度,到上台那天也不可能出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也都是工具,見仁見智,強迫使用不熟悉的工具,肯定也出不了好效果。

大量使用視覺化的表現,相比文字,可以讓更容易聚集觀眾的注意力。這是我們的首頁例子:

在我上台之前,展示這個靜態頁面:

這是我的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@essential.cc

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.

【酈橙錦妖的回答(561票)】:

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

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

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

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

4. 找張好圖,這張有點類似雜誌排版,很好看但是不推薦ppt上太多字。(圖是我找的,這張依然是同學做的)

5. 主題色,如果內容太少就用一個接近透明的背景圖。(同學做的)

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

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

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

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

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

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

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

另,我個人不是很喜歡在ppt裡用icon,因為大部分能找到的icon都是設計給手機app或者網頁的,都比較小,放大了以後有點彆扭。

那麼問題來了,怎麼找素材?

沒看過我這個答案嘛?如何讓 PowerPoint 幻燈片「高大上」? - 酈橙錦妖的回答

【蘇伊賽的回答(186票)】:

ppt無止境,有會用模板改造而自得滿足的,也有創意境界非一般層次的,全在點點滴滴的積累和吸收。

我留意到樓主的問題是:怎樣做出優秀的扁平化設計的ppt?就扁平化設計風格:

引用一個《ppt扁平化設計手冊》

【徐江平的回答(334票)】:

最近做了個PPT,自認為是扁平的,選幾張發出來吧,內容涉及內部信息,已經全部替換了,沒有什麼邏輯關係了,但是排版和設計沒有變味。

圖片大小1360*768

開始吧:我最喜歡封面和封底

【Belleve的回答(7票)】:

兩條即可:

  1. 一張幻燈片字數不超過 100
  2. 給我對齊!

【海豚阿德的回答(28票)】:

1.淺談PowerPoint幻燈片的扁平化設計:淺談PowerPoint幻燈片的扁平化設計

2.扁平化設計原則:扁平化設計原則

3.扁平化設計與色彩趨勢:推薦:扁平化設計與色彩趨勢

4.初識扁平化:

【ch630710】

【扁平化設計】初識扁平化設計

5.還有可愛的百度百科:扁平化設計_百度百科

【ErinTree的回答(42票)】:

【多圖示例&解析預警!】

首先,下面是我這學期做的某個Pre的部分ppt

鑒於本人是一個扁平化風格狂熱愛好者&琢磨者,在這裡分享一些我對扁平化風格的理解以及做扁平化ppt的想法。 鑒於本人是一個扁平化風格狂熱愛好者&琢磨者,在這裡分享一些我對扁平化風格的理解以及做扁平化ppt的想法。

根據上一個ppt(我知道這個做得很爛,唉,內容需要,將就一下吧),我總結出來的扁平化風格的一些要素有:

【配色】、

【排版】、

【抽像化】。

【配色】

最開始接觸扁平化的時候,最迷戀的部分就是配色了,這是我剛開始做扁平化ppt的時候的一些例子:

(可以順便給Enactus打個廣告嘛╯﹏╰) (可以順便給Enactus打個廣告嘛╯﹏╰)

對色彩沒有研究,經驗大概就是:

1.用純色,不用暈染啊光線啊等其他效果

2.可以適當運用透明(我的技術帝前輩曾經傳授我:如果背景要用深灰,不要直接用深灰,而是用黑色之後調它的透明度,,,其實我沒想明白為什麼要這樣)

3.一個ppt內不要用太多顏色(後面會有反面教材= =)

這裡介紹一個網站Pinterest(pinterest.com),上面有很多牛逼的設計師,可以找到很多配色方案和靈感>_<

【排版】

簡(!)潔(!)大概是扁平化ppt最核心的特徵之一了。

下面是一些排版的例子(唉,估計也是反面例子(對手指))

1.格式的統一。

之前很多大神也都提到了統一,字體、顏色、版面都需要統一,讓ppt成為有體系有風格的作品!!!

開頭的標題頁和結尾的ThankYou頁的呼應就是統一很好的體現:

(Ps.其實我也很喜歡這種單色ppt)(Ps.其實我也很喜歡這種單色ppt)

內容版式的統一:

(這就是那個顏色太多太亂的龐雜的甜點主題ppt = =)(這就是那個顏色太多太亂的龐雜的甜點主題ppt = =)

2.對齊。

有一次我做完pre下台,技術帝好基友一番大力鼓勵之後說,如果細節方面(比如圖片、文字說明)能對齊的話,整體效果會更好。

下面就是沒有對齊的例子= =

很細微的差別,但是會讓人感覺不舒服不專業= =(會努力的TAT)很細微的差別,但是會讓人感覺不舒服不專業= =(會努力的TAT)

3.創造性的排版

這個也是自由發揮啦~模板之外我們都可以有自己的設計~

【抽像化】

簡單、抽像是扁平化風格的突出特徵,對於如何達到抽像的效果,我的想法是:

1.圖標。

不得不說本人還是一個狂熱的圖標愛好者(害羞臉)。在扁平化風格ppt中,抽像簡單的圖標代替了大部分的圖片。圖標的運用讓你能夠掌控顏色、形狀等等,非常實用。

萬分感謝大大大大大神以及Enactus(or 賽扶?)前輩 @Simon阿文 的教程,十二萬分受用!!(大神請收下我的膝蓋!!!)

還是那個甜點系列,裡面的甜點都是用圖標代替了實物圖(雖然不知道為什麼,但總覺得這樣就更扁平了 囧)。還是那個甜點系列,裡面的甜點都是用圖標代替了實物圖(雖然不知道為什麼,但總覺得這樣就更扁平了 囧)。

2.無輪廓+簡單的幾何圖案組合

這是甜點系列的標題頁,當時做這一頁花了三個小時做得兩眼發暈(好奇怪的表達= =)這是甜點系列的標題頁,當時做這一頁花了三個小時做得兩眼發暈(好奇怪的表達= =)

仔細觀察(其實看看就知道)就會發現,整張ppt的特徵就是

下面舉例下面舉例

這是封面上的那盆花,其實就是ppt裡面原有幾何圖案(圓形、橢圓形、梯形)線條(曲線)的組合,加入了顏色的修飾。這是封面上的那盆花,其實就是ppt裡面原有幾何圖案(圓形、橢圓形、梯形)線條(曲線)的組合,加入了顏色的修飾。

這張也是同樣的道理。這張也是同樣的道理。

簡單幾何圖案的組合,基本上能合成各種東西(合不上就只有找圖標或者圖片了TAT)。封面上的甜品屋就是這麼一點一點拼出來的(我知道你看不出來那是甜品屋TAT)。

大量的幾何元素加入後,扁平化的感覺就出來了。

我不知道為啥,但是反正不能有輪廓線條(傲嬌臉)。

Ps.

1.我每次做ppt(文字材料已經找好)會先找好配色方案,然後實驗出個版式,然後弄一頁出來專門放色塊和各種素材

2.這是我最近特別喜歡的一種風格,不知道算不算扁平化,但是感覺也很簡潔~2.這是我最近特別喜歡的一種風格,不知道算不算扁平化,但是感覺也很簡潔~

(背景做了條紋處理,真的特別小清新啊小清新~)(背景做了條紋處理,真的特別小清新啊小清新~)

3.本人文科大學狗(就是沒有技術不懂技術)一枚,要用到ppt多半是因為要做presentation,所以這裡舉例都是pre類型的ppt(我幾乎只做過這種啊淚),局限性很大……

最後,這是我第二次在知乎上回答(第一次好像就回了一句話),還囉嗦的說了一堆。手機出bug了總是發不出去又默默用電腦再寫一遍TAT,整個過程都跟打了雞血一樣(笑哭臉)

再次感謝 @Simon阿文,一直在努力模仿學習大神的ppt,還借用了素材(最後一張上那幾朵小花兒~),膜拜ing~!

好,繼續學習!!!!

【梁浩的回答(6票)】:

你需要Prezi

【滅心的回答(9票)】:

盡量不要用ppt自帶的一些玻璃水晶質感的按鈕,一用上就土氣了,也不要到處從網上下一些3D的素材。使用自帶的圖形加顏色填充足已。

扁平化,主要體現在無質感的整體表現,對文字排版,配色,空間留白比較考究。所以重點從文字排版和配色上入手,如果信息量不大,可以嘗試大膽的留白。文字可以嘗試大膽的字號對比,如果對配色沒有把握,盡量不要在一個頁面出現太多顏色(不含配圖)。

【胡曉波的回答(16票)】:

隨便找了幾個例子,扁平化相對立體的ppt要好做很多。

1. 大量色塊和圖形的運用,可以不拘一格,但一定要對齊啊,另外色塊之間的邏輯關係也要與內容相互對應,不要為了用而用

2. 顏色可以選單色,雙色,三色或者五彩,但顏色不要太深,造成視覺負擔,配色也要注意,不能太突兀

3.一定要留白,不要鋪滿

【梧緣的回答(20票)】:

如果展示內容簡潔不複雜(不需要隨心所欲的層疊、排版),可以嘗試 slides.com, 在線PPT編輯器和演示器,對於IT/設計/靈感類展示很實用,絕對簡潔大方。頁面提供多種英文字體支持,支持外連接,嵌入圖片/視頻/PPT等,支持多種翻頁特效,除了左右翻頁你還可以上下翻滾。除了把PPT下載到本地展示,你還可以使用slides的在線演示功能(在視頻會議的時候,與會者同時打開你的slides鏈接,你的演示動作(頁面切換)會實時反饋到所有與會者的屏幕上,是不是很拽很褲!)。

有一點要注意的是,slides基於開源HTML框架 reveal.js - The HTML Presentation Framework,不同於傳統的PPT,它使用的是HTML+JS。不過如果你使用的是slides的付費版的話,網頁會支持導出為PDF格式,還會提供額外的模板。當然我等屌絲是沒體驗過的了。

附上一張reveal.js官網截圖,可以看到頁面切換的效果

當然還好題主的問題是如何做出而不是如何設計出,於是我也回答到這裡應該就夠了。slides並不能滿足所有要求,但應該足夠幫你做出一個扁平的簡潔的演示稿了。神嘛?你還想要更多?那你需要的不只是技術,而是更高大上的設計感了。

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

對了,忘了提一句,竊以為,扁平化的文稿一定要簡潔精練才能顯得有檔次,有關鍵詞就夠了,內容應該靠演示者的富有魅力的展示和風趣幽默的語言來表達。

【靳晉的回答(16票)】:

一、我們先瞭解一下什麼是扁平化。

扁平化完全屬於二次元,這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都乾淨利落,沒有任何羽化,漸變,或者陰影。尤其在手機上,更少的按鈕和選項使得界面乾淨整齊,使用起來格外簡潔。可以更加簡單直接的將信息和事物的工作方式展示出來,減少認知障礙的產生。

二、為什麼要扁平化設計風格?

1、 簡單大方,內容突出。

沒有太多的設計效果,看起來很直觀,簡單而美麗的風格。

2、 學習容易、簡單,易模仿。

當我們看見一個扁平比PPT的時候,很容易就能把它模仿出來,變成自己的設計。

三、設計出優秀的幻燈片演示文稿。

現在我們在想設計出優秀的幻燈片演示文稿是不是簡單多了?

pptstore.net/裡面有超多的創意PPT設計作品,排版,配色,文字,圖表可以借鑒的作品希望能幫助你。

【趙玨映的回答(5票)】:

扁平化 約等於 失去景深,所以在下面這些元素上要更花心思:

  1. 配色方案
  2. 字號對比(例如我一定會讓標題大於等於正文的1.618倍)
  3. 好的全局觀,像Prezi那樣設計一個好的展示路徑,直接用Prezi做也是不錯的選擇
  4. 拼素材,帥氣的白底圖片是你的好朋友。

其實吧,只要用做電影的心去做PPT,沒有做不好的。共勉啦。

【知乎用戶的回答(1票)】:

許岑的幻燈片製作軟件 Keynote 視頻教程

推薦這個。

【玉哲源的回答(0票)】:

我認為所謂的扁平化運用在幻燈片當中,應該至少具備以下幾個特徵。用我前幾天用 PPT 做的一個演示文檔來說明吧。我做得還不是很好,但是收穫了不少經驗。

首先是顏色方面:

  • 明亮而柔和的顏色,不使用純色。 除了純白以外,其他顏色一律不用純色,避免純黑、大紅、純黃、正藍這類顏色的使用。
  • 簡單的配色。 除了圖片,每頁的色彩盡量控制在 3 種以內,多則難以搭配駕馭。

接著是素材的選擇

  • 使用簡筆畫、扁平化圖標。 這類圖標通常在設計素材網站可以輕易找到,並且很多是不設使用範圍限制的,可以試著在 Google 搜索 [ Flat Icon + 你想要的素材關鍵詞] 。
  • 避免使用 GIF 動畫圖標和太多的小的圖案圖標。 尤其是不能使用 QQ 的動畫表情來裝飾頁面!

然後是排版:

  • 使用色塊來劃分版面,而不是大範圍的邊、框。 卡片化、虛擬紙化、去線條化。
  • 使用簡化的圖表,把圖表融入畫面。 模仿時下很流行的另一個噱頭:信息圖。

最後……

  • 長陰影。 扁平化怎麼能少了Long Shadow

總結一下,就是:

  1. 顏色:要明快但不要艷麗
  2. 排版:去掉分隔線和框線的使用,借色塊和排版來體現區隔、留白

  3. 元素:文字盡可能精簡或概括,圖片少用寫實的圖標和照片,動畫控制在半秒之內且只採用淡入淡出或上下方向的飛入飛出
  4. 借用長陰影、Google Design 指南中的色彩、扁平化圖標來粉飾效果

【劉暢的回答(8票)】:

用LaTeX簡潔高效……佈局美觀。調整的話直接改參數,調起來也方便。

標籤:-用戶體驗設計 -設計 -PPT


相關資源:





給我留言