美到窒息的渐变色，让你的PPT更出彩！

好课推荐

▽▽▽

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结！！

扫码报名，想讨论交流的课程直播中见

扫码开启你技能学习的第一步

---

Hello，大家好，我是文子有文。

在还不会做ppt的时候，每每看到优秀的作品总是让人惊艳。这些好的作品，除了版式独特之外，还有我们绝对不能忽视的颜色。

而在制作ppt的时候，我们常用的配色有 纯色 和 渐变色 。

那么，什么是渐变色呢？

渐变色是指某个物体的颜色从明到暗，或由深转浅，或是从一个色彩过渡到另一个色彩，充满变幻无穷的色彩。

了解了渐变色的定义，可能很多小伙们会好奇，用渐变色做出来的作品到底是什么样子的呢？我们先来欣赏几个案例。

以上图源网络，侵删

怎么样，是不是觉得很好看呢？那么到底在ppt里面怎么使用渐变色呢？这次见面，我们就来聊一聊。

本文从三个方面进行分享，具体内容如下：

01

怎么找

我们都知道，对于不是设计出身的小伙伴们想要自己配出好看的色彩，确实是一件困难的事情。但我们可以换种角度，找到好看的配色直接拿来使用。那要怎么找好看的渐变色呢？

方法一：我们可以从自己认为的优秀作品中提取它的配色方案，也就是所谓的“偷色”。

具体怎样设置渐变色呢，操作方法如下：

第一步 ：在ppt里面插入图片，插入形状，点击渐变填充。

以上图源网络，侵删

第二步 ：点击渐变光圈，使用吸管工具在已选好的作品上面进行取色。作品中渐变色的方向是从左上到到右下，那我们在吸取颜色的时候就从左上角开始。

点击第一个渐变光圈，选取左上角的淡绿色，就把吸管工具放在这里，鼠标单击一下就可以。以此方法，从右下角选取第二个渐变光圈的颜色。

这样子渐变的两个色值就选取好了，我们来看下效果。

方法二：除了上面所讲的方法之外，还有一种便捷的方式帮助我们找到合适的配色——渐变色网站。

如下我选了比较常用的两个渐变色配色网站，供大家参考。

1）grabient：https://www.grabient.com

推荐理由：网站里面的色值可以是双色，也可以增加到多色，甚至可以调整渐变的方向和调整色值百分比，可选择性比较广，适用性强。

以上图源网络，侵删

2）materialui：https://materialui.co/colors/

推荐理由：网站界面有各种颜色的渐变色值推荐，点击任意一个色值可进行复制，色值比较全面，使用时比较方便。

以上图源网络，侵删

0 2

怎么用

学会了怎么去找好看的渐变色，我们就来看看在ppt中渐变色的几种使用类型。

1）背景使用渐变色

通常我们对背景使用渐变手法时，主要是用来营造氛围，对页面中的主体起到烘托的作用，使我们一下子就可以看到需要表达的内容，让页面中的主体更突出。

以上图源网络，侵删

2）色块使用渐变色

在页面中，我们通常会用色块来对页面进行修饰，或者将色块作为承载文字信息、承载图片的载体，起到一个视觉引导的作用。

而对色块填充渐变色后，除了上述效果外，则会使画面更加有质感，视觉感也会更加丰富。

以上图源网络，侵删

3）文字使用渐变色

想让页面更加具有设计感，除了独特的版式、好看的配色及形状的运用外，文字的处理也是我们不能忽视的。

通常我们说作品好看，其中一点就在于细节的处理。对文字使用渐变色处理，会使页面多了一些细节，营造出一种空间感，使层级更加分明。

以上图源网络，侵删

4）线条使用渐变色

线条在ppt中使用时，通常具有一定的指向性，比如我们会用来指向所表达的文字内容，也会用来指向具体的形状。

而除了指向性外，也有一定的修饰作用，比如浪漫的星空，我们常用线条来表示流星划过。

以上就是几种渐变的使用类型，了解之后我们可以实际用到案例当中，去看看如何使用渐变色去设计页面。

03

怎么设计

1）渐变使用注意要点

在实操之前，我们先来看看使用渐变有什么点需要注意。

相信大家在看完上述作品时，就会发现作品中渐变的方向有些不同。

有从上到下的，也有从左往右的，或者其它方向。

这就是我们需要注意的第一点，渐变的角度调整。

在设置渐变的时候，渐变光圈的上方有一个角度，我们可以在这里进行选择。通常文子在做ppt时经常用到的就是下面三种角度。

我们可以看到，角度不同，所呈现的效果也是不同的。而角度的选择主要还是依据大家的设计需求进行调整。

另外，影响渐变效果的不单单是角度，还有一个点需要注意，那就是要过渡自然。很多小伙伴在做渐变时经常会忽略这一点。

尤其是设置多个渐变光圈时，色彩过渡不自然，会使效果显得比较生硬，比如下面这种情况。

其实在进行色彩过渡时，我们只要掌握好色彩之间的距离，就可以有效的避免这种情况。下面我们做个对比看一下。

比如上图，我们使用多色渐变时，就可以在渐变光圈的两端各放置一个滑块，在中间位置放置一个滑块，过渡就会显得较为自然。

2）实操案例拆解

好了，熟知注意要点后，带着上面学习到的知识，我们开始进入实操环节。首先看下案例。案例中我在背景、文字和色块上面都用到了渐变色。

具体该怎么操作呢，我们接着来看。

第一步 ：先确定配色。在做ppt之前，首先要选好配色。配色的方法在上面已经提到，这里就不再叙述了。本次案例我选取的配色方案如下。

第二步 ：进行案例拆解。

首先，案例中在背景的颜色上面我使用了渐变色填充（色值分别为F1F3F4 、DFE8F6）；

第一个渐变光圈的位置设置在10%，以此来对色彩的比例进行调整。渐变的角度设置为45度，方向从左上到右下的渐变。具体参数如下图：

其次，背景颜色设置好后，进行了主标题文字的设置。

文字同样填充了渐变色（两个色值分别为000000、162F45）。

但两个渐变光圈的位置分别在17%和87%（顺序从左到右），并且对第二个渐变光圈的颜色设置了20%的透明度。渐变的角度也调整为90度，从上到下的渐变。

而英文字母则是对文本框进行了多色的渐变填充，每个渐变滑块的颜色都设置了30%的透明度，渐变的角度也设置为90度，从上到下的渐变。

然后，在页面中放置色块来承载正文文字信息。

这里我重点对小标题下面的形状色块和图标使用了渐变色处理，通过渐变来营造层次感，层级更加分明的同时使页面更加饱满。

不同的是，形状色块采用了多色渐变，从双色到多色，添加渐变光圈后就可以实现。另外，渐变的角度设置为0度，详细参数见下图：

而图标的颜色上采用了双色渐变（色值分别为：4F8EF0、E058BE)。

渐变的角度设置为90度，具体参数设置见下图：

最后，填充好所有的文字信息，加上一些细节的修饰，整个页面就完成了。我们再来看下效果。

写在最后

以上就是今天分享的主要内容，让我们来回顾一下。

1.  好看的渐变色怎么找

1）从自己认为的优秀作品中提取它的配色方案，色彩用ppt里面的吸管工具进行吸取。