没有丑的颜色,只有丑的配色;在PPT中,好的颜色搭配往往能更有效的传达内容信息。

那么,如何把色彩搭配得协调美观呢?

这篇文章就给大家分享,我常用得三个配色使用技巧。

保持颜色的色调、饱和度不变,然后通过改变颜色的亮度数值,来获得不同亮度层级的颜色搭配。

我们知道 ,在PowerPoint 中有两种颜色模式 :RGB 和 HSL

其中的HSL,就是颜色的三个属性:色调(H)、饱和度(S)和亮度(L)

在HSL颜色模式的调色板上,我们可以通过改变H、S和L这三个参数,得到各种各样的颜色:

这里再啰嗦一下:就是保持色调(H)和饱和度(S)不变,只需调整亮度(L)的数值即可.

然而当我们知道了配色的方法,但在使用过程中也会经常犯难。如何正确去用好这个配色方法呢?

01 深底浅字和浅底深字,突显关键信息

比如这一页调查问卷表格页,文字内容和载体色块使用用蓝色,为了使文字和背景有层清晰,

通过改变主色调的明度,我们可以得到一个蓝色和深蓝色:

通过改变主色调的明度,我们可以得到一个蓝色和深蓝色.jpg

按照深底浅字和浅底深字规则,我们将文字换成明度低一些的深蓝色,这样文字就清晰多了。

深底浅字.jpg

当我们想要问题和数值的内容有所区分,可以将数值内容改为深底浅字,像这样:

02 颜色不同明度的渐变,让画面更有质感

拿这页PPT来举例,页面的主色调为橙色:

三个发展阶段样品.jpg

我们对橙色进行不同明度的改变,从中获得更多的搭配色调,选出了两个深色和两个浅色。

对橙色进行不同明度的改变,从中获得更多的搭配色调.jpg

将不同明度的橙色进行渐变融合,可以发现,这些色块具有了一定的光影层次感。

不同明度的橙色进行渐变融合,使之具有一定的光影层次感.jpg

然后将这些渐变应用到页面的配色优化中,来看看最后成品。

三个发展阶段成品.jpg

与单色相比,最后画面更有质感和层次感吧!

选择色调的不同邻近色来进行搭配使用。邻近色的颜色不会那么冲突,搭配起来可以营造更加协调平和的氛围。

那什么是邻近色?在色环中,凡在圆心角60度范围之内的颜色都是邻近色的范围。

同类色,类似色,邻近色,对比色,互补色.jpg

我们可以借用Adobe Color配色工具,获取想要的邻近色:

打开网站,选中色彩调和规则中的【类比】,再把中间颜色的十六进制值,替换成选中颜色的十六进制值即可:

比如紫红色的十六进制值为【#D101C9】,输入到配色工具中,就可以生成紫红色的四个邻近色。

Adobe Color配色工具.jpg

在PPT中如何运用这个配色方法呢?

01 用邻近色将同层级的内容区分开来

比如这一页PPT,三条组织思路的配色统一,但会有些单调,我们可以用邻近色加以区分。

本论文组织思路样品.jpg

通过配色工具 Adobe Color 得到这三种邻近色,套用到页面中去。

本论文组织思路-配色.jpg

得到了这样的页面效果,这样思路会更清晰一些,是吧?

本论文组织思路成品.jpg

除此之外,我们也常在圆环或扇形图表中用到邻近色,区分开了图表各块区域,同时在视觉上又不会那么冲突。

圆环或扇形图表中用到邻近色,区分开了图表各块区域.jpg

02 不同邻近色的渐变融,更加流畅自然

很多时候我们调节出来的多色渐变,会有冲突生硬感。

主要原因是:这些渐变的颜色,在色环上相距较远,没有中间色充当过渡;而邻近色相互靠近,所以调节出来的渐变也会更加流畅自然。

选择色调的互补色来进行搭配使用,互补色有比较强烈的对比效果。

互补色是指在色环上相互对立(180°)的两个颜色。

同样地,也可以使用Adobe Color配色工具来获取互补色:选用【补色】调和规则,替换中间的十六进制值即可。

Adobe Color配色工具-互补色.jpg

在PPT中什么场景会用到这个配色方法呢?

01 互补色常用在对比效果中

比如这一页表格内容对比,原稿中传统勘察方式与现代勘察方式的色调一致,对比效果不明显。

勘察方式样品.jpg

我们可以在页面中使用对比色,比如在色环中提取了蓝橙对比色,这样对比效果就强烈了许多吧。

勘察方式成品.jpg

02 互补色作为点缀色,用于修饰或强调

将互补色作为点缀色运用在页面中,可以平衡画面的冷暖色调;比如这一页面整体色调偏冷。

销售统计样品.jpg

将蓝色标点改成黄色,是不是整体色调会回暖一点,然后又能强调一下记录点。

销售统计成品.jpg

以上就是给大家分享的三个配色使用技巧: