不知道大家的微信朋友圈,有沒有被網(wǎng)易云音樂的年度報(bào)告刷屏,反正我的是,清一色地全是曬自己的聽歌報(bào)告:
而每當(dāng)有這種報(bào)告或發(fā)布會(huì)出現(xiàn),總會(huì)有讀者在微信上私信我,這次也不例外。
問我這份報(bào)告中的漸變色是如何設(shè)計(jì)的,感覺好高級(jí)。
其實(shí)呢,在 PPT 設(shè)計(jì)中,也經(jīng)常會(huì)用到漸變色,不僅僅是為了好看,它還有很多實(shí)際的用處。
所以,這篇文章呢,咱們就結(jié)合 PPT ,來聊聊漸變色這個(gè)事兒。
一般來講,PPT中的漸變色類型,大概呢,會(huì)分為三種:
前兩種的都很好理解,無非是調(diào)整了一下漸變光圈的方向:
我在這里呢,簡單解釋一下什么叫做疊加漸變。為了方便各位理解,咱們拿一個(gè)具體的案例來說。
我們可以看到,像這樣的一個(gè)漸變效果呢,它有很多漸變的方向,左上是黃色,右上是紅色,下部是粉色:
那這種漸變的效果,其實(shí)就是多個(gè)漸變疊加出來的,一層一層地往上堆疊:
為了方便大家理解,我也錄了一個(gè)動(dòng)圖:
這就是PPT中,常見的3種漸變類型,大家可以先有一個(gè)基礎(chǔ)的認(rèn)知。
那接下來的問題,就是我們?cè)撊绾握{(diào)整出流暢自然的漸變色呢?分享兩個(gè)方法。
啥意思呢?我們都知道啊,關(guān)于顏色呢,可以劃分為冷色調(diào)和暖色調(diào):
而當(dāng)我們?cè)谌ピO(shè)計(jì)漸變色的時(shí)候,想要自然流暢,選擇相同的色調(diào)就好了。
比如說像阿里巴巴的logo是橙色,那我們?cè)谠O(shè)計(jì)漸變的時(shí)候,就可以選擇另一個(gè)暖色調(diào)作為搭配。
在這里,我隨意找了4個(gè)暖色調(diào),效果都還可以:
那假如說是一個(gè)冷色調(diào)的logo,比如像陌陌的藍(lán)色,同理,也是一樣的:
當(dāng)然在很多的PPT設(shè)計(jì)中,也會(huì)用到這樣的一個(gè)方法,在這里給大家分享一些具體的案例。
比如像這一張,大家可以對(duì)照下上面的那個(gè)色盤,藍(lán)色和紫色是不是臨近的色調(diào)呢?
再比如像這個(gè),也是一樣,都是臨近的色調(diào):
當(dāng)我們選擇漸變色的時(shí)候呢,我們會(huì)發(fā)現(xiàn),在PPT里取色,有這樣的一個(gè)界面:
我們就可以基于某個(gè)顏色,向上或向下滑動(dòng),選擇一個(gè)顏色就可以了。
其中,向上滑代表變亮,向下滑,則代表選擇暗色調(diào):
我個(gè)人比較喜歡用這個(gè)方法,來設(shè)計(jì)幻燈片的背景,可以讓背景變得更有層次感。
舉個(gè)實(shí)際的例子,比如我們選擇一個(gè)深藍(lán)色背景,但略有些單調(diào):
我們可以選擇另一個(gè)較深的顏色,進(jìn)行背景的漸變,從而營造層次感:
好了,我在開頭已經(jīng)說過,PPT中的漸變色,不僅是為了好看,還有一些實(shí)際的用途。
因?yàn)樘岬綕u變,肯定會(huì)牽扯到光和影的關(guān)系,所以,使用漸變,可以增強(qiáng)層次感。
比如說我們?cè)谠O(shè)計(jì)圖標(biāo)的時(shí)候,尤其是涉及到一些稍微復(fù)雜的圖標(biāo),就像這樣,使用漸變,可以讓空間感變得更強(qiáng):
放在頁面上,也會(huì)更有視覺層次:
再比如,我們來看這樣的一個(gè)例子,比如像這個(gè),為了呈現(xiàn)出平臺(tái)的感覺,可以考慮一側(cè)是透明的漸變:
因?yàn)槲覀兛梢哉{(diào)整漸變色的透明度,所以,為了能夠凸顯重點(diǎn),就可以把一些非重要的區(qū)域進(jìn)行遮擋。
比如像下面這頁 PPT ,為了避免左側(cè)的圖片,影響文字內(nèi)容,所以,就可以使用漸變蒙版,進(jìn)行遮擋:
再比如像前兩天做過的一個(gè)案例,頁面上線條很多,會(huì)讓視覺變得很雜亂:
這時(shí)候呢,我們可以在底部,添加一層漸變色,來遮擋這個(gè)區(qū)域:
不知道大家有沒有留意過一個(gè)簡單的設(shè)計(jì),很多運(yùn)動(dòng)/跑步類軟件,或者是時(shí)鐘類設(shè)計(jì),它的進(jìn)度條,往往都是漸變的:
因?yàn)樗鼤?huì)給人一種視覺上的動(dòng)態(tài)感覺,所以利用這一點(diǎn)呢,我們?cè)谥谱饕恍┯袆?dòng)感的PPT時(shí),也可以這樣來做。
比如像很多圖表的設(shè)計(jì),為了呈現(xiàn)出動(dòng)態(tài)感,往往會(huì)這樣做:
再比如像下面這個(gè)頁面,為了與突破這一關(guān)鍵詞呼應(yīng),我們可以利用漸變,設(shè)計(jì)一個(gè)動(dòng)態(tài)的感覺:
以上呢,就是漸變?cè)O(shè)計(jì),在PPT中的一些具體的應(yīng)用,非常簡單,也很實(shí)用。
希望能夠?qū)Υ蠹矣幸稽c(diǎn)啟發(fā)。
原作者:旁門左道PPT 微信號(hào):pangmenzd 自媒體大咖進(jìn)駐
贊