如何快速學會扁平化的PPT設計?

想學扁平化的PPT設計,但是感覺很難,就像每一個素材都要重新P過。有什麼辦法能快速學會扁平化PP圖T設計?


謝邀

先發一個我的成名教程佔位

後面慢慢完善


本文內容來自:怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿?誤刪!!!

做設計的人經常會遇到這樣的問題,「你幫我做個東西唄」「做什麼」「我想做個這種風格的ppt,有時間么,很簡單」心理默默的在想,要是簡單,你為什麼不自己做呢,萌牙的行政部經常需要組織培訓的東西,需要準備ppt,經常來找我們,最近開始流行扁平化的ppt,我覺得從觀念上,最重要的事情就是要意識到PPT就是排版設計的一個系列作品。因此無論用什麼東西,都要記住,風格統一一定是重點。

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

初級篇——扁平、純色

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

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

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

大家可能覺得這不是必要的。

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

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

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

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

剩下的還有三件事情:選圖標,選字體,選顏色

我們一件一件的來講:

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

比如我搜用戶,嗯,有了

就是這麼簡單粗暴。

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

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

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

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

嗯下面也是= =

這個條碼也是

字體在手,天下無憂

我把常用且非系統自帶的字體以及名字貼一下:

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

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

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

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

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

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

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

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

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

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

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

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

以下舉一個簡單的例子。

比如這是一張PPt白板:

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

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

圖標是前面我們講到的,左右排版一學即會,當你覺得文字過多,一下子放上去看著很頭痛時,用我剛剛說的:

用線穩定面!為了保持平衡,再在左側也加一條線,就大功告成了。

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

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

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

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

進階篇——風格嘗試和動畫

在這個階段,就需要完全地把ppt當做平面設計來做了。

從簡單的講起:就主要講兩件事情——幾何圖形和半透明的運用。

設置很簡單的,點你要調整透明度的圖或框,設置形狀格式:

具體來看有什麼用吧:

1.在設置標題的時候可以用一定透明度的模塊覆蓋:

嗯,中間這個矩形框就是這麼設置的(很醜勿噴只是舉例……實在是太懶)

好吧鑒於上一張圖實在太丑我還是另外加一點點工,當做一個案例給大家好了

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

你們一定問:可是我不會PS啊!

可是我根本沒用PS啊!!!!

再說一遍:我根本沒用PS啊!

來來來看過來:&雙擊你要調整的圖片,然後左上角調顏色→再調色溫就好(但是PowerPoint只支持調整一次,如果要多次調整,就另存為,再打開調整):

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

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

2.可以使得做的ppt比較小清新:比如隨手弄了這麼個模板:

右邊即透明度設置:

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

有時候在選擇顏色搭配的時候不知道哪些顏色相近,搭配起來好看,一個很簡單的辦法就是:

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

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

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

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

不過把它變成了這樣:

是不是好看了許多~

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

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

再比如她給我這幀:

我的心情是:

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

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

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

我的感受是:

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

高級篇——隨心所欲

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

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

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

總之這一部分想講的其實是:PPT到最後,還是憑一些創意的。給大家先看專輯封面、雜誌,以後來更:

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

字體也可以做成這樣:

希望這個回答能夠幫助到更多的人,我們的目標只有一個:做好ppt,走向國際化!

圖片內容來自網路


如何快速學會扁平化PPT設計?這其實是兩個問題,其一:如何學習扁平化PPT設計?其二:如何快速做出扁平化風格PPT?

問題清楚了,下面就從這兩個方面給出我的建議。(工作需要積累了一些PPT學習資源,拿來分享一下,粗鄙之處請指教)。

所謂魚和熊掌不可兼得,任何技能都需要時間的積累和不斷的實踐練習,想要零基礎快速get優秀的PPT製作技能是不可能的。

額。。我不是來灌雞湯說教的,我來是希望幫題主解決問題的。

下面進入正題:

一、如何學習扁平化PPT設計

推薦兩個我受益的PPT學習資源:「和秋葉一起學習PPT」、「simon阿文」。阿文和秋葉老師會經常分享一些非常實用的PPT製作教程,非常適合PPT製作小白。

在百度中搜「秋葉」或「阿文」就可以看到他們製作的PPT教學視頻或文章。如果你嫌在百度一篇篇找太麻煩,可以直接關注他們的公眾號:幻方秋葉PPT、我懂個p

二、如何快速做出扁平化風格PPT

如果你沒時間做精美的PPT或嫌費事,那麼最簡單高效的方式就是找PPT模板。合適的模板不僅可以大大縮短你的工作耗時,而且可以提升你的PPT逼格,強烈推薦不太懂PPT的職場人士使用。

給你推薦幾個PPT模板資源:

1.

 OfficePLUS

微軟的官方模板網站——OfficePLUS(網址:http://www.OfficePLUS.cn)這個網站上面所有的模板,都是免費的!

在OfficePLUS這個網站上面呢,不光是有PPT的模板,還有Word、Excel的模板,此外還有很多高質量的圖片。全部免費哦!

看一下模板效果:

 2.稻殼兒(PPT模板-簡歷模板)

稻殼同樣提供了大量PPT模板、word模板、excel模板、圖片素材還有高清壁紙。稻殼中有部分模板收費,當然質量是很高的。

展示一下模板逼格:

3. 如果你在聚會或外出時突然接到老闆要求做工作PPT的糟心電話(這種情況還是很長發生的),推薦你一款可以用手機自動生成PPT的應用(看央視的《創業英雄匯》發現的)---【一鍵生成】。

這是一款利用碎片時間在手機上自動生成PPT的傻瓜工具 ,採用雲端排版技術,選好模板後你只需要輸入文字,就能自動生成PPT。

看一下效果圖:

如果你想30分鐘內做出80分的扁平化PPT,可以試一下。

本人不喜歡浪費太多時間精力找資源,所以一般會選擇用的順手的資源持續使用。如果你想要了解更多PPT模板下載網站,再推薦你幾個大家放映不錯的網站:

51ppt模板 行業ppt模板,ppt行業模板下載――51PPT模板網 提供海量高質量的ppt模板,圖片、素材等一系列服務,質量不錯並且可以免費下載。

優品ppt PPT模板下載_PPT模板免費下載 個人比較喜歡他的網頁設計,簡潔易查找,不像有些網站把文字、圖片堆積在一起。ppt模板還可以預覽每一頁效果。

變色龍 PPT模板免費_動態PPT模板 模板質量非常高,模板分類很細緻,方便查找。但是會收取一定費用。

希望我的回答,能幫到你。


扁平化,最突出的特點是簡捷。明了,能用最少的元素傳達最到位的信息,做一款扁平化風格的PPT,有助於你在提案過程中突出重點、有的放矢。今天,就給大家安利一些扁平化風格PPT的製作技巧。

色塊的使用

色塊的使用,是為了明確分類、凸顯層次。一個頁面上的色塊不宜太多,而且不要為色塊添加亂七八糟的效果,更不要平白無故地使用色塊。

背景過於複雜時,也可以使用色塊,突出文字。

素材的使用

多使用象徵化的素材,如果不是有必要的話盡量不要使用立體的事物素材。

那麼這些象徵化的素材是怎樣做出來的呢?有兩種方法:

1、手工製作

2、網上下載

在這個網站上可以下載很多矢量圖標,相當好用。

Iconfont-阿里巴巴矢量圖標庫

Iconfont-阿里巴巴矢量圖標庫

字體的使用

製作扁平化PPT時,文字一般在色塊內,因此,不要使用花哨的字體,個人認為微軟雅黑就很好了,或者在天翼雲盤下載一些簡單幹凈的字體也很不錯21款【中文手寫書法字體】打包下載.zip 免費高速下載 | 天翼雲盤,守護你的數據資產

配色

關於配色,最重要的莫過於一套配色方案,這裡推薦幾個網站。

Flat UI

http://www.bootcss.com/p/flat-ui/#

提供了一些配色方案和配色卡,可以參考

Color Hunt

提供多種配色卡,都不錯。

知道了以上技巧,一款扁平化的PPT就基本可以成型了!還有一些細節的東西,我們下期再見。

文/眾致科技(簡書作者)

原文鏈接:扁平化風格PPT製作技巧匯總


懶...

畫出來圖形 不加陰影 就是扁平。。

但好看不好看(圖形、顏色、排版)要看個人功底。

最快上手就是從模仿開始。 Pinterest上有很多好的視覺例子。


扁平化PPT設計

之前有小夥伴一直在問如何做好扁平化風格的PPT。

下面鄭少主要從以下幾個方面進行分享。

【注意:這是一篇超級長文】

一、什麼是扁平化?

要想做好扁平化的PPT,首先你要理解扁平化。

扁平化概念的核心意義是:去除冗餘、厚重和繁雜的裝飾效果。

除此之外扁平化還強調極簡、美觀、符號化等特點。

最為常見的例子就是你的電腦桌面。

扁平化桌面設計

對於Windows、Mac OS、iOS、Android等操作系統的設計。

大多數使用的都是扁平化設計。

當你了解了什麼是扁平化設計之後,你就能分辨什麼是扁平化的PPT。

舉個例子。

圖片來源於網路

根據之前的理解,這明顯不是扁平化的PPT,使用了過多冗餘、厚重和繁雜的裝飾效果。

那麼扁平化的PPT是什麼樣的呢?

看一下。

素材來源於KOPPT

完全沒有那些繁雜的裝飾效果,這就是扁平化的PPT。

同時也能看出扁平化PPT的特點比較極簡、美觀。

知道了扁平化的PPT之後,並沒有完事,還要知道怎麼使用。

二、扁平化分析篇

現在知道的只是一個大的扁平化風格,那麼裡面的內容該怎麼做呢?

比如字體、配色、圖片、排版等等。

這些才是做扁平化PPT的核心。

1、網站欣賞

這裡推薦兩個不錯的國外設計類的網站。

1)dribbble

https://dribbble.com/

對於dribbble這個網站,可以看到有很多不錯的設計師。

同時也有大量的扁平化設計作品,比如可以從配色、排版等方面收集一些不錯的圖片。

非常值得學習。

2)behance

https://www.behance.net/

這個behance鄭少記得之前分享過,這裡在分享一下。

這個網站聚集了很多國家的頂級設計師,可以說設計相當的高。

高的層度,你只需要取圖片上的顏色或者排版即可使用。

好處不多說了,趕快動手。

2、素材使用

關於素材的使用主要從字體、配色、圖片、排版等分享一下。

1)字體

對於字體的使用記住一個原則。

無論字體是中文還是英文,無論粗細,一律用無襯線體。

關於襯線體和無襯線體給大家舉得例子。

無襯線體和襯線體

兩者可以這樣理解,無襯線體橫豎一樣,襯線體橫細豎粗不一樣。

再來看一個具體的PPT使用案例。

中文和英文無襯線體的使用

無論是中文還是英文使用無襯線體之後,整體的感覺就上來了。

你也可以觀察扁平化設計方面的作品,也是這樣的使用。

這裡給大家推薦一些做扁平化PPT不錯的中文和英文字體。

推薦中文和英文字體

推薦個人使用,注意版權。

2)配色

扁平化對於顏色是相當的重要,相對於其他風格的PPT顏色更加艷麗一點。

一般顏色也會用到6到8種,但是對於做PPT來說,最多使用4種。

如果你是新手,建議最多使用2種,不然很難控制。

舉個例子。

扁平化配色

這裡在提一下對於復古色淺橙、紫色、綠色、藍色等也是很受歡迎。

下面鄭少推薦一個扁平化的配色網站flatuicolors。

http://flatuicolors.com/

怎麼樣,這裡的顏色,是不是看著非常的舒服。

你看到大多數扁平化PPT的配色,有可能都從這裡獲取的。

3)圖片

關於圖片的使用,主要注意三個方面:符合主題,高清無碼,色彩鮮艷

同時還要考慮和主題色搭配一致,使其融合。

具體使用的方法,無外乎有三個技巧。

第一個:直接使用全圖加上色塊。

全圖和小色快使用

第二個:圖片和小色快搭配使用。

圖片來源於KOPPT

第三個:圖片和大色快搭配使用。

圖片來源於KOPPT

這只是最為常用的,具體使用還需要根據內容來定。

再推薦一個高質量且免費的圖片網站pexels給大家。

https://www.pexels.com/

關於圖片使用就介紹這麼多。

4、排版

關於排版就沒有太多花樣,主要還是常見的排版。

看一下。

但是這裡面也是有規律可尋的。

鄭少總結了三個常用的排版方式。

5、裝飾元素

關於裝飾元素的使用,主要是為了讓整體更加豐富。

同時增加更多的符號化元素。

1)圖表

對於圖表的使用,大家應該不陌生了吧。

圖表有數據圖表和邏輯圖表兩種,既能表達觀點又能表達出更多的信息。

同時還能讓扁平化更加豐富。

先看一下邏輯圖表的使用。

再來看一下數據圖表的使用。

怎麼樣,是不是簡單明了。

2)圖標

關於圖標的使用一般有兩種類型,矢量圖標和點陣圖圖標。

建議使用矢量圖標,便於修改。

對於圖標的獲取一般都是在阿里圖庫里。

http://www.iconfont.cn/

下面教大家如何獲取矢量圖標。

第一步:選擇要想要下載的圖標

第二步:用Ai打開並拖拽至Powerpoint中。

第三步:修改圖標

這樣的圖標經過處理之後即可修改大小又可修改顏色。

關於圖標就分享這麼多,後期會出詳細文章。

3)樣機和色塊

在扁平化的PPT中對樣機和色塊的使用很常見。

其實目的也是為了烘托一種氛圍,使其不單調。

舉個例子,看一下。

看到使用的好處了吧,所以平時沒事多收集一些。

你下載的PPT模板肯定也有樣機的存在。

講了這麼多終於分析完了。

接下來鄭少分享一個案例,如何來設計一套屬於自己的扁平化PPT。

三、扁平化設計篇

是不是感覺上面講的都是一些P話,哈哈。

其實鄭少懂你,你就想知道怎麼做的就行了。

先看一下案例的最終效果。

做這樣的扁平化PPT,鄭少並沒有使用什麼特殊的元素和效果。

就是上面分析的那些,之所以顯得風格很統一、好看、整齊。

主要是因為抓住了五大塊,封面、目錄、過渡頁、內容和封底頁。

其中內容頁根據具體的內容使用符合主題的相應元素。

關於裡面的版式設計,看一下這篇。

如何將PPT做的高大上起來?

然而對於封面頁、目錄頁、過渡頁和封底頁使用大色塊即可。

下面主要來分析一下這套扁平化PPT的內容頁。

這是原始文案,要是老闆讓你做成扁平化的,你會怎麼修改呢?

第一種方案:使用圖標

既然文字少,就用跟文字內容主題一致的圖標進行裝飾。

你肯定說了,找不到圖標怎麼辦?

找不到圖標使用數字你總該會了吧。

第二種方案:使用數字

如果還感覺不行,怎麼辦,使用圖表呀。

第三種方案:使用圖表

比如鄭少在KOPPT找了一個很不錯的圖表。

看著不像是吧,修改一下看看效果如何。

在給大家看個做成扁平化的例子。

這還是老闆給你的原文案,想辦法做成剛才那中扁平化的風格。

此時你會怎麼做呢?

你或許會做成這樣。

這時你有沒有覺得哪裡有點不對勁呢?

對,其實就是整體失去了平衡性,左邊太重右邊太輕。

換一種方式試試。

加一個色塊即達到了扁平化的效果又不失去平衡。

如果你不想加色塊,怎麼辦呢?

使用電腦樣機試試看。

這時就不能加色塊了,如果加色塊又失去平衡了。

所以具體情況具體分析。

好了到這裡就要結束了。

最後呢,想要這套精美模板的簡信鄭少,「要模板」。

寫了這麼多,捧個人場,關注、點贊一下!

最後還可以看一下鄭少的簡書熱文。

鄭少PPT歷史熱文,萬人閱讀推薦:

如何將PPT做的高大上起來?

如何一分鐘做好PPT圖文排版?

做PPT如何避免頁面的單調?


其實學會扁平化的PPT設計,並不難只需要你努力和用心。學會合適的排版和組合出偽立體感。

合適的排版
設計的四大原則:
對齊、親密性、重複、對比。
注意:色塊裡面放置文字的時候,要留出呼吸空間。

組合出偽立體感
可以使用飽和度不同的色塊組合成偽光影效果,讓人產生立體的錯覺。(如:扁平化西瓜、扁平化時鐘)
http://18nk.cn/vcu3/


推薦閱讀:

如何製作優秀的畢業論文答辯PPT?
這個PPT動畫(下邊視頻的前兩個)是如何製作的?
這種PPT是怎麼製作的?
怎麼製作動畫版PPT?
如何在PPT中插入大量圖片而又保持其美感?

TAG:PPT | PPT使用技巧 | 扁平化設計FlatDesign |