充會(huì)員,很劃算

PPT扁平化風(fēng)格制作教程

PPT扁平化風(fēng)格制作教程
導(dǎo)讀

如果我們想做一個(gè)完全中文版的 PPT,一個(gè)以中文來思考的扁平化 PPT,該怎么做呢?

我發(fā)現(xiàn)有一個(gè)現(xiàn)象還蠻有趣的,那就是,凡是關(guān)于產(chǎn)品設(shè)計(jì)、UI 設(shè)計(jì)、平面設(shè)計(jì)之類的問題,基本都會(huì)搬出英文(各種外語)版的來作答,貌似大部分跟設(shè)計(jì)有關(guān)的事兒都是這樣。

還有一點(diǎn),不少設(shè)計(jì)師做 PPT 喜歡用 AI、Photoshop、CorelDRAW 等設(shè)計(jì)軟件,做完了再搬到 Powerpoint 里頭,但就是不喜歡直接用 Powerpoint,這是為什么呢?其實(shí) Powerpoint 本身也是很強(qiáng)大的嘛,把工具充分利用起來,可是潛力無限的喲~ 尤其是當(dāng)年看到有人用 Word 做了個(gè)動(dòng)畫片頭,我和我的室友們都被華麗麗地震撼了?。∧敲?,如果我們想做一個(gè)完全中文版的 PPT,一個(gè)以中文來思考的扁平化 PPT,該怎么做呢?

設(shè)計(jì)沒有唯一和統(tǒng)一的答案,扁平化也只不過是萬千設(shè)計(jì)形式中的一種。用的人多了,好像就變成了趨勢(shì)。根據(jù)題主的疑問,我們或許可以試一試,將制作的過程呈現(xiàn)出來,以幫助理解。長(zhǎng)文,多圖,慎入。

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

雙擊 Powerpoint,我們撞見了巨大的黃底白字,幾秒的靜默之后,一個(gè)空白的世界展開了。在動(dòng)工之前我們得思考一個(gè)(才不止一個(gè)呢)問題:

  1. 我要做啥?—— 一個(gè)扁平化的中文 PPT
  2. 內(nèi)容呢?—— 跟制作扁平化的中文 PPT 相關(guān)的一切(才不是一切呢)
  3. 思路呢?—— 我心里有數(shù)(請(qǐng)把思路可視化,謝謝)
  4. 效果呢?—— 看完你就明白了(看不明白我就揍你)

做 PPT 最簡(jiǎn)單也是最直接有效的思路,就是把我們需要表達(dá)的內(nèi)容按一定的演示邏輯排列好,以視覺(必要時(shí)得視聽結(jié)合)形式呈現(xiàn)。但必須記住,聽覺也是很重要的部分,因?yàn)橛^眾在看的同時(shí),也在聽你的講述。配合得當(dāng),才會(huì)相互加分。

在確定了主題、準(zhǔn)備好內(nèi)容之后,我們可以開始動(dòng)工了。

——等等,你就這么直接在第一張 PPT 上敲大標(biāo)題了嗎?
——是啊……有什么問題嗎?
——是不是還漏了點(diǎn)啥?(少年,你用這么純真迷茫的眼神看著我,我會(huì)想虐你的)
——啥?

PPT 的尺寸?。◎}年!

不要告訴我你一直用的都是這個(gè)默認(rèn)的數(shù)值,從來沒想過點(diǎn)開來換個(gè)高矮胖瘦試試。考慮到現(xiàn)實(shí)里常用的投影屏幕都是這個(gè)默認(rèn)的比例,也確實(shí)可以不做更改。那么現(xiàn)在,反正沒啥限制,我們不妨試著設(shè)置一個(gè)看起來更舒服點(diǎn)兒的顯示比例吧 ~

舉個(gè)栗子:寬 25.4cm,高 17cm。嗯,我喜歡扁一點(diǎn)兒的(喂)。

注意,尺寸最好事先就設(shè)定好,如果做完了再改尺寸,圖片和文字都會(huì)按照一定的比例發(fā)生形變。到時(shí)候再來一點(diǎn)點(diǎn)調(diào),會(huì)累死。

好了,不多折騰了,開始進(jìn)入正題。

第一步,敲上本次 PPT 的大名:《怎樣制作扁平化 PPT》。這個(gè) PPT 講的是跟扁平化相關(guān)的東西,那么我希望視覺呈現(xiàn)也是扁平化的,以達(dá)到形式和內(nèi)容的統(tǒng)一。

既然是扁平化,那就不要考慮太立體的東西。
但是空間感呢,也不要那么狠心地就完全拋棄嘛,大家還是可以友好相處的。

大名敲完之后,試了試全一排和上下兩排。

“PPT”是英文,在中文世界里,它被視作一種圖形符號(hào)。甭管你英文再好,眼睛看著就是覺得不一樣。與其和中文們混在一起,還不如自成一格(才不是鬧別扭呢,哼)。

一般我做 PPT 的默認(rèn)字體是微軟雅黑,相對(duì)通用,作為非襯線字體也較為簡(jiǎn)潔。

既然是扁平化,字體就不要搞得太復(fù)雜。

然后開始考慮文字的顏色。其實(shí)這得和底色、背景一起考慮。簡(jiǎn)而言之,這是個(gè)糾結(jié)的過程(以下 500 字可略過不看)。文字敲完之后是大面積的空白,我想給文字加個(gè)底色,用以去除畫面的單調(diào)感和過多的蒼白感。

我本人是偏愛藍(lán)色的,把底色設(shè)置成藍(lán)色可不可以呢?當(dāng)然可以啊,為啥不行?那么接下來的問題就是,用哪個(gè)色值的藍(lán)色更好呢?如果字色是白色,那么哪種藍(lán)色和白色搭配可以看起來更舒服,使畫面更干凈?……這種問題只能自己和自己妥協(xié)(撕咬)。

完了之后給底色再加個(gè)框。長(zhǎng)條,寬條,圓的,方的,三角,異形?最后我決定用點(diǎn)小圓角,給人一種穩(wěn)重而無害的趕腳。

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

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

算了那就索性黑白配吧,其他顏色也不瞎搞了。這么一合計(jì),總算是定好了封面的基本色調(diào)——無色系。

誒,好像還少了點(diǎn)什么昂?

版權(quán)歸屬,嗯,作為完全私人化的 PPT,那就寫上自己的大名吧。我是個(gè)低調(diào)的人,字號(hào)就小一點(diǎn)吧。和背景的線條融為一體……那大家還看得到我嘛?也加個(gè)框吧,和題目齊寬??虻念伾?,一樣吧。和題目那個(gè)框的間隙呢,唔,這樣差不多了。居中,對(duì)齊。嗯,規(guī)整了。總算安撫了看到不對(duì)齊的東西就會(huì)迅速發(fā)作的強(qiáng)迫癥。

終于!這個(gè)糾結(jié)帝的第一張 PPT!終!于!做!好!了!如您所見,這才只是個(gè)開始。

如果想要把“扁平化的設(shè)計(jì)理念”融入到 PPT 制作中去,那么我們首先得對(duì)“扁平化”有點(diǎn)兒了解。正所謂理論和實(shí)踐的結(jié)合嘛。很多時(shí)候我們說不清概念本身,因?yàn)楦拍畈⒎且怀刹蛔?,超出一定的范圍可能就是謬誤。但為了便于記憶和闡釋,我們會(huì)用一些關(guān)鍵詞來標(biāo)注它。

如上圖所示,我選了“二維、抽象、簡(jiǎn)潔”這樣三個(gè)關(guān)鍵詞,并使用了圖形和底色(底色以 RGB 為參考)。當(dāng)背景本身的顏色對(duì)色塊的干擾較少時(shí),我們可以試試加入一點(diǎn)兒透明效果。就像這樣:

PS1:背景線條(多條曲線的交織)會(huì)不會(huì)有點(diǎn)復(fù)雜,影響視覺效果?
PS2:其實(shí)本來打算用蒙德里安的代表作當(dāng)背景,有點(diǎn)難搭,遂放棄= =
PS3:這三個(gè)關(guān)鍵詞僅作示意,并不絕對(duì),歡迎探討~

那么,在我們對(duì)“扁平化的設(shè)計(jì)理念”有了一定的了解之后,可以采用哪些方式去達(dá)到“扁平化”效果呢?

要細(xì)分起來真的可以說很多,為了避免信息過載而造成頭暈癥狀,我們將文字信息也進(jìn)行大幅度的簡(jiǎn)化,挑重點(diǎn)的幾個(gè)講講。

整體

我們可以從以上三個(gè)方面去指導(dǎo) PPT 的制作過程并進(jìn)行測(cè)試,看看最終的效果是符合還是背離。

每個(gè)方面用同色系、不同色值的大色塊進(jìn)行區(qū)分,(順便還)具有一定的漸變效果。PPT 另存成圖片后字就不怎么清晰了囧,現(xiàn)在把文字內(nèi)容再贅述如下:

內(nèi)容的連貫

整個(gè) PPT 的內(nèi)容安排合理富有邏輯,演示 PPT 的人心里非常清楚自己需要表達(dá)什么,向誰表達(dá),以及,如何表達(dá)

視聽的舒暢

不光是視覺,還有聽覺,每個(gè)微小的細(xì)節(jié)偏頗,都有可能破壞觀眾對(duì)整個(gè) PPT 的良好印象

設(shè)計(jì)的扁平

放棄立體感吧,少年!記住,此刻,你活在二維世界里,躺平了,深呼吸,讓一切回歸簡(jiǎn)潔,少即是多鑒于我們本次的主題是設(shè)計(jì),因此其他的不做展開。

色彩

為什么在色彩部分提出了“點(diǎn)線面構(gòu)成”呢?因?yàn)樵谥谱鲿r(shí)我們必須面對(duì) PPT 這個(gè)平面,并對(duì)它進(jìn)行解構(gòu)和再創(chuàng)作。而在扁平化設(shè)計(jì)里,色塊是非常重要的組成部分,它們本身就能轉(zhuǎn)化成點(diǎn)、線、面,構(gòu)成格局,撐起整個(gè)平面。

點(diǎn)線面構(gòu)成

PPT 中的每一個(gè)符號(hào)、線條、色塊分布,都以扁平化為目標(biāo)而存在于這個(gè)扁平的空間之中,如果它們做出了奇怪的舉動(dòng)……

色塊是關(guān)鍵

扁平化的關(guān)鍵是色塊,注意,最好用純色,少用漸變色塊本身有面的屬性,能夠區(qū)隔空間,試試讓不同的色塊帶領(lǐng)你進(jìn)入新世界的大門吧~

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

文字

在文字處理上,我們的要求只有一個(gè):統(tǒng)一。

字體的統(tǒng)一

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

字號(hào)的統(tǒng)一

標(biāo)題、副標(biāo)題、正文內(nèi)容,均設(shè)置統(tǒng)一的字號(hào),需要特別突出的例外,但,盡量少用

字色的統(tǒng)一

太花就失去了重點(diǎn),越想突出反而越被淹沒,花素搭配得當(dāng)看起來才美味喲~

舉個(gè)熱乎的栗子:

本 PPT 的字體——微軟雅黑

本 PPT 的字號(hào)——標(biāo)題 40 號(hào)字,內(nèi)容 10 號(hào)字

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

統(tǒng)一的目的是為了畫面的清爽,讓信息以最有效的方式呈現(xiàn),并快速傳達(dá)給觀眾,避免不必要的干擾。

PS:考慮到 PPT 在投影設(shè)備上的實(shí)際播放效果,內(nèi)容字號(hào)需要加大到 12 或 14 甚至更大的字號(hào),根據(jù)現(xiàn)場(chǎng)進(jìn)行酌情調(diào)整,一旦全部做成圖片定死,那會(huì)比較悲劇。

圖片

PPT 里用到的圖片主要分為兩種:背景圖、內(nèi)容圖(必要的插圖、圖表等)。

用來當(dāng)做背景的圖,為了將多余的信息剔除,我們可以對(duì)圖片進(jìn)行模糊化處理(嗯,這時(shí)候需要 Photoshop 相助了),從而突出文字信息。

如果是內(nèi)容圖,單張的相對(duì)好處理,一旦圖片數(shù)量多了不好好排列就會(huì)非常雜亂。

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

模糊化處理

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

多圖列整齊

當(dāng)圖片大于等于兩張時(shí),安排好每張圖的位置,碼整齊了,亂放真的會(huì)眼花!

有時(shí)候我們還會(huì)給圖片(其實(shí)文字和圖片都是)的播放加入一些動(dòng)畫效果,設(shè)置一定的動(dòng)作路徑,為了使視效流暢往往需要反復(fù)調(diào)試,很考驗(yàn)?zāi)托摹K砸灿腥讼矚g用 Flash 做 PPT……(你夠)

扁平化設(shè)計(jì)其實(shí)很早就有,追根溯源可以到抽象派、包豪斯甚至更久遠(yuǎn)之前。

但為什么它會(huì)讓人覺得好像是個(gè)新事物呢?

  1. 人們對(duì)新名詞的陌生
  2. 人們對(duì)歷史所知甚少(包括我這個(gè)歷史白癡)
  3. 諸如 Win 8、iOS 7 等大眾較為熟知的操作系統(tǒng)界面先后采用了這一設(shè)計(jì)方式,讓看慣了具象化設(shè)計(jì)的人們頓覺耳目一新,加之它們?cè)谠O(shè)計(jì)界的影響力,助推了扁平化設(shè)計(jì)趨勢(shì),使之逐漸成為一股潮流。而潮流,仿佛總是新的

一樣事物從誕生之初到現(xiàn)在,已經(jīng)經(jīng)歷了諸多衍變。它通過不斷地自我調(diào)節(jié)來煥發(fā)生命力。我相信扁平化設(shè)計(jì)還會(huì)繼續(xù)向前發(fā)展、進(jìn)化,在無數(shù)設(shè)計(jì)師們的努力下探索出更多的新意。

最后,在“扁平化設(shè)計(jì)”這個(gè)名詞本身就存在爭(zhēng)議的情況下去談?wù)撊绾芜_(dá)到扁平化,總覺得有點(diǎn)懸,但居然也絮絮叨叨地說了這么多(捂臉)。

說白了,其實(shí)做 PPT 是一個(gè)排版的過程。

雖然我不是設(shè)計(jì)師也不是編輯大人。唔……我是暫住在地球的外星人。:-P

以上,希望對(duì)題主有幫助。

本文來自:知乎日?qǐng)?bào)

發(fā)表回復(fù)

有困難加站長(zhǎng)微信
購(gòu)買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348