欢迎光临散文网 会员登陆 & 注册

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

2019-12-31 10:02 作者:旁门左道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配色技巧值得学习!的评论 (共 条)

分享到微博请遵守国家法律