充會員,很劃算

3種PPT漸變配色技巧教程分享

配色·色彩方案2020-02-23
留言 1
3種PPT漸變配色技巧教程分享
導(dǎo)讀

一般來講,PPT中的漸變色類型,大概呢,會分為三種:橫縱向漸變、對角漸變和疊色漸變。那接下來的問題,就是我們該如何調(diào)整出流暢自然的漸變色呢?分享兩個實用的方法。

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

不知道大家的微信朋友圈,有沒有被網(wǎng)易云音樂的年度報告刷屏,反正我的是,清一色地全是曬自己的聽歌報告:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

而每當(dāng)有這種報告或發(fā)布會出現(xiàn),總會有讀者在微信上私信我,這次也不例外。
問我這份報告中的漸變色是如何設(shè)計的,感覺好高級。
?
其實呢,在 PPT 設(shè)計中,也經(jīng)常會用到漸變色,不僅僅是為了好看,它還有很多實際的用處。
所以,這篇文章呢,咱們就結(jié)合 PPT ,來聊聊漸變色這個事兒。
?
一般來講,PPT中的漸變色類型,大概呢,會分為三種:
?

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

前兩種的都很好理解,無非是調(diào)整了一下漸變光圈的方向:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

我在這里呢,簡單解釋一下什么叫做疊加漸變。為了方便各位理解,咱們拿一個具體的案例來說。
我們可以看到,像這樣的一個漸變效果呢,它有很多漸變的方向,左上是黃色,右上是紅色,下部是粉色:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

那這種漸變的效果,其實就是多個漸變疊加出來的,一層一層地往上堆疊:網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
為了方便大家理解,我也錄了一個動圖:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

明白了嗎?
這就是PPT中,常見的3種漸變類型,大家可以先有一個基礎(chǔ)的認(rèn)知。
那接下來的問題,就是我們該如何調(diào)整出流暢自然的漸變色呢?分享兩個方法。
  • 基于顏色的色調(diào)
  • 基于顏色的明暗
?
?

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

先來說第1種
基于色調(diào)設(shè)計漸變色
啥意思呢?我們都知道啊,關(guān)于顏色呢,可以劃分為冷色調(diào)和暖色調(diào):

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

而當(dāng)我們在去設(shè)計漸變色的時候,想要自然流暢,選擇相同的色調(diào)就好了。
比如說像阿里巴巴的logo是橙色,那我們在設(shè)計漸變的時候,就可以選擇另一個暖色調(diào)作為搭配。
在這里,我隨意找了4個暖色調(diào),效果都還可以:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

那假如說是一個冷色調(diào)的logo,比如像陌陌的藍(lán)色,同理,也是一樣的:網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
當(dāng)然在很多的PPT設(shè)計中,也會用到這樣的一個方法,在這里給大家分享一些具體的案例。
比如像這一張,大家可以對照下上面的那個色盤,藍(lán)色和紫色是不是臨近的色調(diào)呢?網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
再比如像這個,也是一樣,都是臨近的色調(diào):

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

第二種呢,叫做基于明暗選擇顏色
當(dāng)我們選擇漸變色的時候呢,我們會發(fā)現(xiàn),在PPT里取色,有這樣的一個界面:網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
注意右側(cè)的滑動桿
?
我們就可以基于某個顏色,向上或向下滑動,選擇一個顏色就可以了。
其中,向上滑代表變亮,向下滑,則代表選擇暗色調(diào):

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

滑動的幅度建議不要過大
我個人比較喜歡用這個方法,來設(shè)計幻燈片的背景,可以讓背景變得更有層次感。
舉個實際的例子,比如我們選擇一個深藍(lán)色背景,但略有些單調(diào):

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

我們可以選擇另一個較深的顏色,進行背景的漸變,從而營造層次感:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

?
是不是非常簡單?
好了,我在開頭已經(jīng)說過,PPT中的漸變色,不僅是為了好看,還有一些實際的用途。
那它到底都有啥用呢?
營造空間層次感
因為提到漸變,肯定會牽扯到光和影的關(guān)系,所以,使用漸變,可以增強層次感。
什么意思呢?舉個簡單的例子。
比如說我們在設(shè)計圖標(biāo)的時候,尤其是涉及到一些稍微復(fù)雜的圖標(biāo),就像這樣,使用漸變,可以讓空間感變得更強:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

放在頁面上,也會更有視覺層次:網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
再比如,我們來看這樣的一個例子,比如像這個,為了呈現(xiàn)出平臺的感覺,可以考慮一側(cè)是透明的漸變:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

進行局部遮擋
?
因為我們可以調(diào)整漸變色的透明度,所以,為了能夠凸顯重點,就可以把一些非重要的區(qū)域進行遮擋。
比如像下面這頁 PPT ,為了避免左側(cè)的圖片,影響文字內(nèi)容,所以,就可以使用漸變蒙版,進行遮擋:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

再比如像前兩天做過的一個案例,頁面上線條很多,會讓視覺變得很雜亂:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

這時候呢,我們可以在底部,添加一層漸變色,來遮擋這個區(qū)域:網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!
給大家看下動態(tài)的效果:
?

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

營造動態(tài)效果
不知道大家有沒有留意過一個簡單的設(shè)計,很多運動/跑步類軟件,或者是時鐘類設(shè)計,它的進度條,往往都是漸變的:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

為什么會這樣設(shè)計呢?
因為它會給人一種視覺上的動態(tài)感覺,所以利用這一點呢,我們在制作一些有動感的PPT時,也可以這樣來做。
比如像很多圖表的設(shè)計,為了呈現(xiàn)出動態(tài)感,往往會這樣做:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

再比如像下面這個頁面,為了與突破這一關(guān)鍵詞呼應(yīng),我們可以利用漸變,設(shè)計一個動態(tài)的感覺:

網(wǎng)易云音樂又刷屏了!這個PPT配色技巧值得學(xué)習(xí)!

以上呢,就是漸變設(shè)計,在PPT中的一些具體的應(yīng)用,非常簡單,也很實用。
希望能夠?qū)Υ蠹矣幸稽c啟發(fā)。
原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進駐

《“3種PPT漸變配色技巧教程分享”》 有 1 條評論

  1. 丶澎湃說道:

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

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長遇到困難,找站長!