3招教你做出令人咋舌PPT漸變色！

有很多讀者，在看完每一期的 PPT 案例修改之后，總會(huì)問(wèn)我一個(gè)相同的問(wèn)題，那就是：

『如何調(diào)整出高級(jí)感的 PPT 漸變色』？

其實(shí)這個(gè)方法有很多：

• 有些人會(huì)搜索網(wǎng)上的漸變色網(wǎng)站；
• 有些人會(huì)提取優(yōu)秀案例的漸變色；
• ……

來(lái)自Dribbble

但不得不說(shuō)，這些都是別人設(shè)計(jì)的漸變色，對(duì)你來(lái)講，雖然可以很方便的進(jìn)行借鑒，但其實(shí)你還是不懂背后的方法。

因此，今天就來(lái)跟各位，分享3個(gè)設(shè)計(jì)漸變色的方法。我相信，看完之后，你也可以做出優(yōu)秀的漸變配色：

一、HSL漸變法

它的原理，就在于保持漸變色的色調(diào)一致。

啥意思呢？先來(lái)簡(jiǎn)單科普一下 PowerPoint 軟件中顏色模式，一共分為兩種，分別是RGB和HSL：

啥叫 RGB ？啥叫 HSL 呢？很好理解，因?yàn)檫@都是英文縮寫(xiě)：

而如果想要保持色調(diào)不變，其實(shí)，就是只調(diào)整 H ，也就是色調(diào)的值即可。那么，關(guān)鍵在于，該如何調(diào)整呢？

在 PowerPoint 軟件中，我們比較熟悉的，可能是 RGB ，但其實(shí)，我們切換成 HSL 面板：

這樣，就可以很方便地調(diào)整顏色的色調(diào)。比如說(shuō)拿這個(gè)橙色來(lái)說(shuō)，它的色值是這樣的：

那如果我們想用這個(gè)顏色，來(lái)創(chuàng)建一個(gè)漸變色，該如何調(diào)整呢？再啰嗦一遍，那就是只調(diào)整色調(diào)的值，其他兩個(gè)數(shù)值不變即可。

比如說(shuō)像兩個(gè)顏色，各位可以看到，只是色調(diào)發(fā)生了變化：

然后，把這兩個(gè)顏色組合起來(lái)，就可以生成這個(gè)漸變色：

看起來(lái)還可以，對(duì)嗎？同樣地，我們還可以任意調(diào)整其它色調(diào)，比如換成紅色，同樣能創(chuàng)建一個(gè)流暢的漸變色：

因此，以后當(dāng)我們?cè)倏吹竭@樣的漸變色案例時(shí)，你是不是就知道該如何去調(diào)整了呢？

二、深淺搭配法

從名字就能理解，這種漸變式搭配的方法，就在于調(diào)整出一深一淺兩個(gè)顏色。很多發(fā)布會(huì)的 PPT 漸變背景，都是這么調(diào)出來(lái)的：

那這個(gè)方法的核心，是調(diào)整什么值呢？還是回到我們剛才的 HSL 模式中：

顏色之所以有深淺，通俗點(diǎn)說(shuō)，就是有明暗關(guān)系的變化，因此，我們需要調(diào)整的是亮度參數(shù)，也就是 L 值。

各位可以看下這個(gè)動(dòng)態(tài)變化過(guò)程：

但要注意，顏色深淺的幅度不要過(guò)大，稍微有一些變化即可：

 

那這種漸變色，在 PPT 中有什么用呢？有一個(gè)我常用的場(chǎng)景，就是與物體的光影相契合。

啥意思呢？啥叫『與物體的光影相契合』呢？很好理解，舉個(gè)例子，一束光照在一個(gè)物體上，肯定有一側(cè)亮，一側(cè)暗：

對(duì)嗎？那這跟 PPT 有啥關(guān)系呢？比如像下面這個(gè)人物素材，臉部比較亮，肯定是光照面，另一側(cè)，肯定是暗面：

因此，當(dāng)我們進(jìn)行排版時(shí)，人物底部的色塊，肯定是上側(cè)偏亮，而下側(cè)偏暗。就像這樣：

能明白這個(gè)使用場(chǎng)景了，對(duì)嗎？

當(dāng)然，類(lèi)似的例子還有很多，而只有你理解這個(gè)知識(shí)點(diǎn)之后，你才能明白，別人的色塊顏色，為什么要那樣去調(diào)整？

比如像這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的案例，各位能看到其中的明暗關(guān)系嗎？

同樣地，還有像這個(gè)例子，光源從右上角照入，因此，色塊右上角會(huì)偏亮：

還有我之前做的這個(gè)頁(yè)面，原理都是一樣的：

三、多層漸變疊加

這是我們今年剛研究出來(lái)的一個(gè)方法，比較適合用在面積較小的形狀上。比如說(shuō)就像這樣的案例：

這里的氣泡，靠一個(gè)漸變色，是調(diào)整不出來(lái)的。一般需要多個(gè)：

這就是多層漸變疊加的效果。同樣地，這里的漸變色，也不是隨便調(diào)整，同樣遵循一定的方法。

拿這個(gè)例子來(lái)說(shuō)：

因?yàn)樽髠?cè)泛的是紅光，右側(cè)泛的是青光，所以，漸變的角度和色彩，也盡量能貼合光源的效果：

同樣地，還有一些相似的案例，也跟各位分享一下。

比如像前兩天的技術(shù)架構(gòu)的設(shè)計(jì)案例，也是利用這個(gè)技巧完成的：

明白了嗎？這就是我們?cè)谡{(diào)整漸變色的時(shí)候，可能會(huì)用到的一些方法。在之前的文章中，我曾零零散散地分享過(guò)，今天算是一個(gè)完整復(fù)盤(pán)吧！

以上，就是我日常積累的色彩搭配經(jīng)驗(yàn)，希望對(duì)各位有所幫助。