
小叶子们大家好,这里是秋叶编辑部。
大家在做PPT时有没有经历过这样的情况:
整体主色调和辅色调,怎么改也不好看;文字和背景颜色经常因为太接近而看不清内容......
其实这都是因为你没掌握好配色技巧。
下面,蓝卡老师为我们详细讲解了该问题,一起来看吧~
作者:iSlide | ID:iSlideppt
编辑:嘉言
「大家好,我是 iSlide 的 UI 设计师 蓝卡。
今天为大家带来 PPT 中的色彩搭配技巧。色彩在 PPT 设计中扮演着重要的角色,本期将从理论到实践为大家讲解 PPT 的配色,希望对大家有帮助」

颜色模式
要学习色彩搭配的技巧,首先我们需要了解一定的色彩理论。我们看到在 PPT 中使用的色彩是由什么构成的呢?我们如何在 PPT 中调出想要的颜色呢?在 PPT 的调色器里就有答案。
在 Windows 系统中的 PPT 调色器中,有两种颜色模式:RGB、HSL

那么我们在进行调色时应该采用哪种模式呢?弄清楚两种颜色模式的原理,我们就可以找到最合适的方案啦。
⭐RGB 颜色模式
RGB 即是代表红、绿、蓝三个通道的颜色,通过对红 (R)、绿 (G)、蓝 (B) 三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。

⭐HSL 颜色模式
看完了 RGB 颜色模式的原理之后,你可能会有些困惑,虽然红绿蓝这三种色光是可以构成眼所能看到的任何色彩,但是我们很难通过人脑去分析出想要的颜色如何用这种思路调出来。
我们在调颜色时说的都是:「这个颜色太浅了,可以再深一点」,「这个颜色太暗了,可以再亮一点」,这里的「深、浅」,「亮、暗」就是通过 HSL 颜色模式的概念来调的。
H 是色相(Hue),色相是色彩的首要特征,是区分各种不同色彩的最准确的标准。比如:红、橙、黄、绿、蓝、紫,就分别代表不同的色相。色相取值在 0-255 之间。

S 是饱和度(Saturation),也就是纯度,取值在 0-255 之间,饱和度越高颜色越鲜艳,饱和度越低颜色越趋近于灰色;

L 是亮度(Lightness),即颜色的深浅,取值在 0-255 之间。亮度越高,颜色越接近白色,越低,则越接近黑色。

有了这个概念之后,我们就可以更直观地调出想要的颜色了。
颜色搭配
弄清楚了颜色的构成,我们该如何搭配颜色呢?我们怎么知道哪些颜色配在一起好看,哪些不好呢?
我们常听到:「红配绿,丑的哭;红配紫,赛狗屎。」其实这个概念有点断章取义,并不严谨。通过对色相、明度、饱和度的相辅相成的调配,调整色彩的使用比例,以及借助辅助色的配合,就算是红配绿也能配出很好的效果。
▲ 图片来源于网络
色彩搭配的理论,离不开「色环」,色环帮我们总结了很多色彩搭配的「公式」,这些经验可以帮我们轻松搭出和谐的配色。

⭐单色
单色是最简单保险的一种颜色搭配方式,在同一色相上进行纯度和明度的变化,给人协调统一的美感。适合新手使用,百搭且不容易出错。
在 PPT 的设计中,选择一种单色作为主题色,用中性色作为背景和文字的颜色,一份美观实用的 PPT 配色就诞生啦。


▲【 islide 主题库】搜索 ID:#561422 获取源文件
⭐同类色
色环角度相距 30° 以内的颜色,我们称之为同类色。

这种颜色构成的画面给人一种和谐、统一、高级的感觉,比单色搭配又添了一分生动。


▲【 islide 主题库】搜索 ID:#622318 获取源文件
用同类色构建的微渐变效果,高级感满满!


▲【 islide 主题库】搜索 ID:#597736 获取源文件
⭐近似色
色环角度相距 30°-90° 的颜色,我们称之为近似色。

近似色既有适度色彩对比又协调统一,色彩生动又不失和谐。


▲【 islide 主题库】搜索 ID:#606732 获取源文件
⭐对比色
色环角度相距 120°-180° 的颜色,我们称之为对比色。

对比色能表达强烈的视觉情感,带来较大的视觉冲击力。


▲【 islide 主题库】搜索 ID:#625699 获取源文件
鲜明活泼的对比色,让画面充满趣味。


▲【 islide 主题库】搜索 ID:#621666 获取源文件
⭐互补色
色环上相对的颜色,也就是色环相距 180° 的颜色为互补色。

互补色是色彩对比最为强烈的两个颜色,互补色的运用对技法上要求较高,运用不当容易让画面「辣眼睛」,当然互补色运用得当也可以创造出大胆出彩的设计。


▲【 islide 主题库】搜索 ID:#519705 获取源文件
除了以上色相上的搭配外,我们还可以从明度和饱和度上考虑,变化出更多的搭配。
⭐高饱和度配色
最近流行的酸性设计中,就是用高饱和度的颜色辅以夸张的视觉符号产生强烈的视觉刺激,打造一种前卫又复古的独特视觉风格。


▲【 islide 主题库】搜索 ID:#618619 获取源文件
⭐低饱和度配色
我们常听到的莫兰迪色,就是采用低饱和度的颜色搭配。
在莫兰迪的画中所有的色彩都渗入了灰色和白色调,将原本浓郁艳丽的本色转化成为优雅高级的灰色质感,达到一种低饱和度的状态。我们将这种配色的思路提取出来,运用到设计中,便可打造出一种高级感。


▲【 islide 主题库】搜索 ID:#580960 获取源文件

PPT 中的配色原则
⭐可读性
颜色的搭配要遵循内容的可读性,背景和文字同时使用过于鲜艳或者对比度低的颜色,会使得内容可读性变差。


⭐一致性
颜色的一致性是指所有页面的颜色遵循一套规则,运用固定的一套主色、辅助色、字体色贯穿全篇。
当遇到下图这种 PPT 中颜色使用较多,且没有任何规律的情况,就违背了颜色使用的一致性原则,需要对 PPT 的颜色进行统一。

我们可以选取封面中的紫色和粉色作为主题色,通过紫色和粉色的纯度和明度的调节,还可以变化出更多的辅助色,用这些颜色贯穿到每页的图表图示中,画面看起来和谐统一。

⭐适用性
颜色可以传达情绪和信息,PPT 的配色往往奠定了整个 PPT 的调性,在颜色选择上要选择与主题相符的配色方案。
比如某企业有自己的 VI 色,某行业有自己的特有色彩基调等等,我们应根据相应的企业规范或者行业调性来决定 PPT 的配色。


以下列举几个常见颜色对应的相关行业,供大家选择配色时作为参考:







iSlide 色彩库
如果看了以上的内容,你还是没有找到配色的感觉,那么建议使用终极大招——iSlide「色彩库」。
iSlide 的「色彩库」收录了全球知名公司的色彩搭配方案,你可以在「色彩库」中浏览并一键应用于当前的 PPT 文档,即便不懂设计,也能呈现专业。

我们拿下面这套单色的 PPT 举例。

单色搭配的优点我们前面已经说过,适合新手,百搭不易出错;缺点就是中规中矩,画面相对平淡。更厉害的 PPT 配色是怎么样的呢?下面跟着我们的教程,只需几秒钟,让你的 PPT 配色更上一层楼。
⭐第一步
首先让我们在 iSlide 的菜单栏里找到「色彩库」功能,点击进入。

在这里我们可以看到相当多的配色方案,这些色彩方案或来源于 500 强企业,或来源于行业相关,都是 iSlide 设计师们精心挑选,是迎合主流设计趋势且经过验证的色彩方案。
⭐第二步
找到我们需要的配色方案,在这里我们选择「微易播」这个方案作为演示。然后点击右上角「应用于全部」的按钮。
现在这套配色方案就已经应用于我们的 PPT 上了,来看看效果吧。

蓝、粉、紫的三色搭配让整个 PPT 的色彩更加生动起来了,而全过程只用了几秒钟。
▲【 islide 色彩库】搜索名称:初生的婴儿 获取配色方案
▲【 islide 色彩库】搜索名称:Js Confar 获取配色方案
▲【 islide 色彩库】搜索名称:Css Design Awards 获取配色方案
▲【 islide 色彩库】搜索名称:鸢尾香氛 获取配色方案
▲【 islide 色彩库】搜索名称:海阔天空 获取配色方案
今天的配色教程分享就到这里啦,希望对大家有帮助,我们下期再见~以上技巧学会了吗?如果还没学会,没关系,来上个 3 天集训营继续提升呀~!
只要你有学习 PPT 的热情,我们就欢迎你加入本期 PPT3 天集训营!
每天只要学习大概 10 分钟,从日常的功能出发,全程演示,一课一练,夯实进阶每一步,既有干货知识,又能实操检验学习成果。
现在限时领取!
每天 20 分钟,告别低效,减少焦虑
变身闪闪发光的自己!
粉丝特惠
新年充实自我,就趁现在!
👇👇👇
报名还送【100页秋叶精选素材手册】
完成学习打卡,更有超多福利奖励获取啦!
🎁
为感谢一直以来各位小伙伴的支持,秋叶 PPT 开设读者群啦!欢迎大家扫描下方二维码加入哦!
群内不仅有海量 Office 资料包,还有各种职场干货分享、红包掉落等福利~
赶紧扫码入群,解锁更多惊喜
↓ ↓ ↓
