有很多讀者,在看完每一期的 PPT 案例修改之后,總會問我一個相同的問題,那就是:
『如何調(diào)整出高級感的 PPT 漸變色』?
其實這個方法有很多:
來自Dribbble
但不得不說,這些都是別人設計的漸變色,對你來講,雖然可以很方便的進行借鑒,但其實你還是不懂背后的方法。
因此,今天就來跟各位,分享3個設計漸變色的方法。我相信,看完之后,你也可以做出優(yōu)秀的漸變配色:
它的原理,就在于保持漸變色的色調(diào)一致。
啥意思呢?先來簡單科普一下 PowerPoint 軟件中顏色模式,一共分為兩種,分別是RGB和HSL:
啥叫 RGB ?啥叫 HSL 呢?很好理解,因為這都是英文縮寫:
而如果想要保持色調(diào)不變,其實,就是只調(diào)整 H ,也就是色調(diào)的值即可。那么,關鍵在于,該如何調(diào)整呢?
在 PowerPoint 軟件中,我們比較熟悉的,可能是 RGB ,但其實,我們切換成 HSL 面板:
這樣,就可以很方便地調(diào)整顏色的色調(diào)。比如說拿這個橙色來說,它的色值是這樣的:
那如果我們想用這個顏色,來創(chuàng)建一個漸變色,該如何調(diào)整呢?再啰嗦一遍,那就是只調(diào)整色調(diào)的值,其他兩個數(shù)值不變即可。
比如說像兩個顏色,各位可以看到,只是色調(diào)發(fā)生了變化:
然后,把這兩個顏色組合起來,就可以生成這個漸變色:
看起來還可以,對嗎?同樣地,我們還可以任意調(diào)整其它色調(diào),比如換成紅色,同樣能創(chuàng)建一個流暢的漸變色:
因此,以后當我們再看到這樣的漸變色案例時,你是不是就知道該如何去調(diào)整了呢?
從名字就能理解,這種漸變式搭配的方法,就在于調(diào)整出一深一淺兩個顏色。很多發(fā)布會的 PPT 漸變背景,都是這么調(diào)出來的:
那這個方法的核心,是調(diào)整什么值呢?還是回到我們剛才的 HSL 模式中:
顏色之所以有深淺,通俗點說,就是有明暗關系的變化,因此,我們需要調(diào)整的是亮度參數(shù),也就是 L 值。
各位可以看下這個動態(tài)變化過程:
但要注意,顏色深淺的幅度不要過大,稍微有一些變化即可:
那這種漸變色,在 PPT 中有什么用呢?有一個我常用的場景,就是與物體的光影相契合。
啥意思呢?啥叫『與物體的光影相契合』呢?很好理解,舉個例子,一束光照在一個物體上,肯定有一側亮,一側暗:
對嗎?那這跟 PPT 有啥關系呢?比如像下面這個人物素材,臉部比較亮,肯定是光照面,另一側,肯定是暗面:
因此,當我們進行排版時,人物底部的色塊,肯定是上側偏亮,而下側偏暗。就像這樣:
能明白這個使用場景了,對嗎?
當然,類似的例子還有很多,而只有你理解這個知識點之后,你才能明白,別人的色塊顏色,為什么要那樣去調(diào)整?
比如像這個網(wǎng)頁設計的案例,各位能看到其中的明暗關系嗎?
同樣地,還有像這個例子,光源從右上角照入,因此,色塊右上角會偏亮:
還有我之前做的這個頁面,原理都是一樣的:
這是我們今年剛研究出來的一個方法,比較適合用在面積較小的形狀上。比如說就像這樣的案例:
這里的氣泡,靠一個漸變色,是調(diào)整不出來的。一般需要多個:
這就是多層漸變疊加的效果。同樣地,這里的漸變色,也不是隨便調(diào)整,同樣遵循一定的方法。
拿這個例子來說:
因為左側泛的是紅光,右側泛的是青光,所以,漸變的角度和色彩,也盡量能貼合光源的效果:
同樣地,還有一些相似的案例,也跟各位分享一下。
比如像前兩天的技術架構的設計案例,也是利用這個技巧完成的:
明白了嗎?這就是我們在調(diào)整漸變色的時候,可能會用到的一些方法。在之前的文章中,我曾零零散散地分享過,今天算是一個完整復盤吧!
以上,就是我日常積累的色彩搭配經(jīng)驗,希望對各位有所幫助。
原標題:這些PPT的色彩搭配也太高級了吧!學會這3招,你也能搞定!
]]>