3招教你做出令人咋舌PPT渐变色！

有很多读者，在看完每一期的 PPT 案例修改之后，总会问我一个相同的问题，那就是：

『如何调整出高级感的 PPT 渐变色』？

其实这个方法有很多：

• 有些人会搜索网上的渐变色网站；
• 有些人会提取优秀案例的渐变色；
• ……

来自Dribbble

但不得不说，这些都是别人设计的渐变色，对你来讲，虽然可以很方便的进行借鉴，但其实你还是不懂背后的方法。

因此，今天就来跟各位，分享3个设计渐变色的方法。我相信，看完之后，你也可以做出优秀的渐变配色：

一、HSL渐变法

它的原理，就在于保持渐变色的色调一致。

啥意思呢？先来简单科普一下 PowerPoint 软件中颜色模式，一共分为两种，分别是RGB和HSL：

啥叫 RGB ？啥叫 HSL 呢？很好理解，因为这都是英文缩写：

而如果想要保持色调不变，其实，就是只调整 H ，也就是色调的值即可。那么，关键在于，该如何调整呢？

在 PowerPoint 软件中，我们比较熟悉的，可能是 RGB ，但其实，我们切换成 HSL 面板：

这样，就可以很方便地调整颜色的色调。比如说拿这个橙色来说，它的色值是这样的：

那如果我们想用这个颜色，来创建一个渐变色，该如何调整呢？再啰嗦一遍，那就是只调整色调的值，其他两个数值不变即可。

比如说像两个颜色，各位可以看到，只是色调发生了变化：

然后，把这两个颜色组合起来，就可以生成这个渐变色：

看起来还可以，对吗？同样地，我们还可以任意调整其它色调，比如换成红色，同样能创建一个流畅的渐变色：

因此，以后当我们再看到这样的渐变色案例时，你是不是就知道该如何去调整了呢？

二、深浅搭配法

从名字就能理解，这种渐变式搭配的方法，就在于调整出一深一浅两个颜色。很多发布会的 PPT 渐变背景，都是这么调出来的：

那这个方法的核心，是调整什么值呢？还是回到我们刚才的 HSL 模式中：

颜色之所以有深浅，通俗点说，就是有明暗关系的变化，因此，我们需要调整的是亮度参数，也就是 L 值。

各位可以看下这个动态变化过程：

但要注意，颜色深浅的幅度不要过大，稍微有一些变化即可：

 

那这种渐变色，在 PPT 中有什么用呢？有一个我常用的场景，就是与物体的光影相契合。

啥意思呢？啥叫『与物体的光影相契合』呢？很好理解，举个例子，一束光照在一个物体上，肯定有一侧亮，一侧暗：

对吗？那这跟 PPT 有啥关系呢？比如像下面这个人物素材，脸部比较亮，肯定是光照面，另一侧，肯定是暗面：

因此，当我们进行排版时，人物底部的色块，肯定是上侧偏亮，而下侧偏暗。就像这样：

能明白这个使用场景了，对吗？

当然，类似的例子还有很多，而只有你理解这个知识点之后，你才能明白，别人的色块颜色，为什么要那样去调整？

比如像这个网页设计的案例，各位能看到其中的明暗关系吗？

同样地，还有像这个例子，光源从右上角照入，因此，色块右上角会偏亮：

还有我之前做的这个页面，原理都是一样的：

三、多层渐变叠加

这是我们今年刚研究出来的一个方法，比较适合用在面积较小的形状上。比如说就像这样的案例：

这里的气泡，靠一个渐变色，是调整不出来的。一般需要多个：

这就是多层渐变叠加的效果。同样地，这里的渐变色，也不是随便调整，同样遵循一定的方法。

拿这个例子来说：

因为左侧泛的是红光，右侧泛的是青光，所以，渐变的角度和色彩，也尽量能贴合光源的效果：

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

比如像前两天的技术架构的设计案例，也是利用这个技巧完成的：

明白了吗？这就是我们在调整渐变色的时候，可能会用到的一些方法。在之前的文章中，我曾零零散散地分享过，今天算是一个完整复盘吧！

以上，就是我日常积累的色彩搭配经验，希望对各位有所帮助。