islide插件

3种PPT渐变配色技巧教程分享

配色·色彩方案2020-02-23
留言 1
3种PPT渐变配色技巧教程分享
导读

一般来讲,PPT中的渐变色类型,大概呢,会分为三种:横纵向渐变、对角渐变和叠色渐变。那接下来的问题,就是我们该如何调整出流畅自然的渐变色呢?分享两个实用的方法。

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

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

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

而每当有这种报告或发布会出现,总会有读者在微信上私信我,这次也不例外。
问我这份报告中的渐变色是如何设计的,感觉好高级。
 
其实呢,在 PPT 设计中,也经常会用到渐变色,不仅仅是为了好看,它还有很多实际的用处。
所以,这篇文章呢,咱们就结合 PPT ,来聊聊渐变色这个事儿。
 
一般来讲,PPT中的渐变色类型,大概呢,会分为三种:
 

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

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

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

我在这里呢,简单解释一下什么叫做叠加渐变。为了方便各位理解,咱们拿一个具体的案例来说。
我们可以看到,像这样的一个渐变效果呢,它有很多渐变的方向,左上是黄色,右上是红色,下部是粉色:

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

那这种渐变的效果,其实就是多个渐变叠加出来的,一层一层地往上堆叠:网易云音乐又刷屏了!这个PPT配色技巧值得学习!
为了方便大家理解,我也录了一个动图:

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

明白了吗?
这就是PPT中,常见的3种渐变类型,大家可以先有一个基础的认知。
那接下来的问题,就是我们该如何调整出流畅自然的渐变色呢?分享两个方法。
  • 基于颜色的色调
  • 基于颜色的明暗
 
 

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

先来说第1种
基于色调设计渐变色
啥意思呢?我们都知道啊,关于颜色呢,可以划分为冷色调和暖色调:

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

而当我们在去设计渐变色的时候,想要自然流畅,选择相同的色调就好了。
比如说像阿里巴巴的logo是橙色,那我们在设计渐变的时候,就可以选择另一个暖色调作为搭配。
在这里,我随意找了4个暖色调,效果都还可以:

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

那假如说是一个冷色调的logo,比如像陌陌的蓝色,同理,也是一样的:网易云音乐又刷屏了!这个PPT配色技巧值得学习!
当然在很多的PPT设计中,也会用到这样的一个方法,在这里给大家分享一些具体的案例。
比如像这一张,大家可以对照下上面的那个色盘,蓝色和紫色是不是临近的色调呢?网易云音乐又刷屏了!这个PPT配色技巧值得学习!
再比如像这个,也是一样,都是临近的色调:

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

第二种呢,叫做基于明暗选择颜色
当我们选择渐变色的时候呢,我们会发现,在PPT里取色,有这样的一个界面:网易云音乐又刷屏了!这个PPT配色技巧值得学习!
注意右侧的滑动杆
 
我们就可以基于某个颜色,向上或向下滑动,选择一个颜色就可以了。
其中,向上滑代表变亮,向下滑,则代表选择暗色调:

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

滑动的幅度建议不要过大
我个人比较喜欢用这个方法,来设计幻灯片的背景,可以让背景变得更有层次感。
举个实际的例子,比如我们选择一个深蓝色背景,但略有些单调:

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

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

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

 
是不是非常简单?
好了,我在开头已经说过,PPT中的渐变色,不仅是为了好看,还有一些实际的用途。
那它到底都有啥用呢?
营造空间层次感
因为提到渐变,肯定会牵扯到光和影的关系,所以,使用渐变,可以增强层次感。
什么意思呢?举个简单的例子。
比如说我们在设计图标的时候,尤其是涉及到一些稍微复杂的图标,就像这样,使用渐变,可以让空间感变得更强:

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

放在页面上,也会更有视觉层次:网易云音乐又刷屏了!这个PPT配色技巧值得学习!
再比如,我们来看这样的一个例子,比如像这个,为了呈现出平台的感觉,可以考虑一侧是透明的渐变:

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

进行局部遮挡
 
因为我们可以调整渐变色的透明度,所以,为了能够凸显重点,就可以把一些非重要的区域进行遮挡。
比如像下面这页 PPT ,为了避免左侧的图片,影响文字内容,所以,就可以使用渐变蒙版,进行遮挡:

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

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

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

这时候呢,我们可以在底部,添加一层渐变色,来遮挡这个区域:网易云音乐又刷屏了!这个PPT配色技巧值得学习!
给大家看下动态的效果:
 

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

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

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

为什么会这样设计呢?
因为它会给人一种视觉上的动态感觉,所以利用这一点呢,我们在制作一些有动感的PPT时,也可以这样来做。
比如像很多图表的设计,为了呈现出动态感,往往会这样做:

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

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

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

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

以上呢,就是渐变设计,在PPT中的一些具体的应用,非常简单,也很实用。
希望能够对大家有一点启发。
原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

文章“3种PPT渐变配色技巧教程分享”终于有PPTer回应啦!

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 沪ICP备09094377号-1 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
技术交流QQ群120381181
疑难杂症找站长遇到困难,找站长!