网易云音乐又刷屏了！这个PPT配色技巧值得学习！

不知道大家的微信朋友圈，有没有被网易云音乐的年度报告刷屏，反正我的是，清一色地全是晒自己的听歌报告：

而每当有这种报告或发布会出现，总会有读者在微信上私信我，这次也不例外。

问我这份报告中的渐变色是如何设计的，感觉好高级。

其实呢，在 PPT 设计中，也经常会用到渐变色，不仅仅是为了好看，它还有很多实际的用处。

所以，这篇文章呢，咱们就结合 PPT ，来聊聊渐变色这个事儿。

一般来讲，PPT中的渐变色类型，大概呢，会分为三种：

前两种的都很好理解，无非是调整了一下渐变光圈的方向：

我在这里呢，简单解释一下什么叫做叠加渐变。为了方便各位理解，咱们拿一个具体的案例来说。

我们可以看到，像这样的一个渐变效果呢，它有很多渐变的方向，左上是黄色，右上是红色，下部是粉色：

那这种渐变的效果，其实就是多个渐变叠加出来的，一层一层地往上堆叠：

为了方便大家理解，我也录了一个动图：

明白了吗？

这就是PPT中，常见的3种渐变类型，大家可以先有一个基础的认知。

ll

那接下来的问题，就是我们该如何调整出流畅自然的渐变色呢？分享两个方法。

• 基于颜色的色调

• 基于颜色的明暗

先来说第1种

基于色调设计渐变色

啥意思呢？我们都知道啊，关于颜色呢，可以划分为冷色调和暖色调：

而当我们在去设计渐变色的时候，想要自然流畅，选择相同的色调就好了。

比如说像阿里巴巴的logo是橙色，那我们在设计渐变的时候，就可以选择另一个暖色调作为搭配。

在这里，我随意找了4个暖色调，效果都还可以：

那假如说是一个冷色调的logo，比如像陌陌的蓝色，同理，也是一样的：

当然在很多的PPT设计中，也会用到这样的一个方法，在这里给大家分享一些具体的案例。

比如像这一张，大家可以对照下上面的那个色盘，蓝色和紫色是不是临近的色调呢？

再比如像这个，也是一样，都是临近的色调：

第二种呢，叫做基于明暗选择颜色

当我们选择渐变色的时候呢，我们会发现，在PPT里取色，有这样的一个界面：

注意右侧的滑动杆

我们就可以基于某个颜色，向上或向下滑动，选择一个颜色就可以了。

其中，向上滑代表变亮，向下滑，则代表选择暗色调：

滑动的幅度建议不要过大

我个人比较喜欢用这个方法，来设计幻灯片的背景，可以让背景变得更有层次感。

举个实际的例子，比如我们选择一个深蓝色背景，但略有些单调：

我们可以选择另一个较深的颜色，进行背景的渐变，从而营造层次感：

是不是非常简单？

好了，我在开头已经说过，PPT中的渐变色，不仅是为了好看，还有一些实际的用途。

那它到底都有啥用呢？

营造空间层次感

因为提到渐变，肯定会牵扯到光和影的关系，所以，使用渐变，可以增强层次感。

什么意思呢？举个简单的例子。

比如说我们在设计图标的时候，尤其是涉及到一些稍微复杂的图标，就像这样，使用渐变，可以让空间感变得更强：

放在页面上，也会更有视觉层次：

再比如，我们来看这样的一个例子，比如像这个，为了呈现出平台的感觉，可以考虑一侧是透明的渐变：

进行局部遮挡

因为我们可以调整渐变色的透明度，所以，为了能够凸显重点，就可以把一些非重要的区域进行遮挡。

比如像下面这页 PPT ，为了避免左侧的图片，影响文字内容，所以，就可以使用渐变蒙版，进行遮挡：

再比如像前两天做过的一个案例，页面上线条很多，会让视觉变得很杂乱：

这时候呢，我们可以在底部，添加一层渐变色，来遮挡这个区域：

给大家看下动态的效果：

营造动态效果

不知道大家有没有留意过一个简单的设计，很多运动/跑步类软件，或者是时钟类设计，它的进度条，往往都是渐变的：

为什么会这样设计呢？

因为它会给人一种视觉上的动态感觉，所以利用这一点呢，我们在制作一些有动感的PPT时，也可以这样来做。

比如像很多图表的设计，为了呈现出动态感，往往会这样做：

再比如像下面这个页面，为了与突破这一关键词呼应，我们可以利用渐变，设计一个动态的感觉：

以上呢，就是渐变设计，在PPT中的一些具体的应用，非常简单，也很实用。

希望能够对大家有一点启发。

另外，很快就要到2020年了，我最近一直在复盘我一整年都干了啥，有一个Flag坚持了半年，结果还是倒了，那就是学习字体设计。哎~

不知道各位有没有啥遗憾？可以在留言区分享一下，让大家开心一下。

本文内容为 旁门左道PPT 原创出品

部分配图/案例来源

---

[1]花瓣网[2]大唐移动
[3]魅族Pro 6 发布会

旁友圈PPT学习社群推荐

已超20000位读者，现在加入，可以免费获取3门价值297元的 PPT 视频学习课程，以及超5000页涵盖各个类型的PPT设计灵感手册......

更多关于<软件分析>的文章

推荐阅读

——

再小的技能，

也值得被认真对待。