分享

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

 新华书店好书榜 2017-01-13

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

配图

应广大小伙伴的要求,这一次来篇配色方面的教程。希望大家喜欢。

色彩基础知识

要学习配色,先要对色彩有一个基础的了解。

色彩的组成

所有的色彩都是源自'红黄蓝'三种原色。有人可能会潜意识地认为三原色是'红绿蓝',但其实不是。红绿蓝是显示上的三原色,我们常见的RGB就分别对应着红色(R),绿色(G)和蓝色(B),和美术上的三原色不一样。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

红黄蓝两两混合后得到三个二级色即“间色”绿橙紫。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

原色与间色混合或间色与间色混合而形成越来越多的颜色,称之为“复色”。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

最后由三种原色、三种间色和六种复色组成的系统就统称为十二色环(colorwheel),也是学习色彩搭配的基础。


什么?你说你看不懂这些?

什么?你说你已经把桌子掀了?

什么?你说你现在眼睛都快瞎了?

好吧。那我们讲点实用的。

日常工作中,我们用PPT主要是作为工作汇报的展示用途,希望能够制作PPT的过程能够高效,美观,实用。所以上面讲的原色、间色、复色、色环啥的对于非专业设计师而言,意义并不是特别大。我们只需要掌握少数几个原则和方法,就完全能够满足日常工作需要了。

接下来我要放大招了,请捂好自己的眼睛。

先说几个最简单也最容易掌握的原则。

1、页面颜色不超过3种!3种!3种!

除非你对自己的配色有着超乎常人的自信,否则我建议你在自己的PPT中最好使用不超过3种颜色。因为颜色越多,页面的整体感觉就越难控制。

如果你非常确定老板喜欢下面这种PPT,那放开你的手脚,大胆去配色吧,后面的也就不用看了。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

反正我是不能容忍这样的PPT

相对而言,PPT中使用的颜色越简单,越容易体现专业和高逼格。

当然我说的三种颜色不是指的只有三个颜色。一种颜色指的是相近的一个色系。

下面这张图帮助你区分一下三种颜色和三个颜色的区别。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

下面的PPT只用到了白色和蓝色两种颜色,蓝色有深浅变化,整体页面干净整洁,非常美观。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

很干净,很漂亮有木有!

2、页面中一定要有主色和辅色的区别

PPT主色:视觉的冲击中心点,整个画面的重心点,它的明度、大小、饱和度都直接影响到辅助色的存在形式以及整体的视觉效果。

PPT辅助色:在整体的画面中则应该起到平衡主色的冲击效果和减轻其对观看者产生的视觉疲劳度,起到一定量的视觉分散的效果。

而涉及到主色和配色,就要考虑整体色系的影响。

色彩分为两大色系,冷色系和暖色系。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

使用冷色系主色会让整部PPT观看起来很舒服,给人以冷静,理性,严肃,低调的感觉,但冷色系容易让人感觉乏味和冷漠,所以冷色系的主色多少需要一些暖色系的颜色来进行搭配。

如下图,虽然整体使用蓝色和黑色为主色,但也添加了饱和度相对较低的黄色进行搭配。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

使用暖色系主色则会让整部PPT活泼,热烈,浪漫,动感,能够调动人的感官体验,易于造成视觉冲击力,但纯度太高尤其是大面积使用的暖色,容易引起视觉疲劳,显得非常刺眼。

如此大面积地使用纯度很高的红色,很刺眼,观感体验很不好,应尽量避免。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这是要亮瞎观众的节奏

像下图这种配色,色彩繁多,看似活泼,实则杂乱,色彩对于内容的干扰太强,找不到画面的重心。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

绚烂民族风

下面这张主色采用青色,重点突出,背景辅色采用深蓝到黑色的渐变色,既稳重,还能突出标题,与重点色相对比和相呼应,白色作为辅色起到点缀的作用。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

明白上述两个基本原则,能够应付日常工作中绝大多数PPT需求。

讲了原则之后,我们来聊聊具体的颜色搭配方法。

1、同一色调搭配

同一色调搭配指的是将同一色系的不同颜色进行搭配,利用同一颜色的不同明暗搭配,以实现较为统一规整的视觉效果。

因为页面中虽然包含多个颜色,但都隶属于同一色系,不会给人以突兀杂乱的感觉,更容易给人一种柔和舒适的感觉。

像这样的

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

利用了不同明暗的金色来配色,低调而又不失奢华

或这样的

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

利用了不同明暗的蓝色,简洁清新

2、类似色调搭配

以色调配置中相邻或相接近的两个或两个以上的色调搭配在一起的配色,类似色调的特征在于色调与色调之间微小的差异,较同一色调有变化,不易产生呆滞感。

但是两种颜色的反差不宜过于强烈,最好是在十二色环中距离不超过60゜(不好意思,这里必须用色环来解释)。

如下图示意中的类似色和相近色。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这张图必须看懂,要好好记一下

我们利用类似色调可以实现如下效果

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

对不起,这张图有点小了

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

3、对比色调搭配

利用反差强烈的颜色才相互搭配,营造富有视觉冲击力的效果,对比鲜明,色彩突出。具体啥叫对比色,请参考第二部分的那张十二色环图。

利用对比色需要注意的是,图片反差太过强烈的话,也容易造成色彩对于内容的干扰。

最通用的对比色调搭配就是黑白配啦~几乎万能。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

除了黑白配,还有许多经典的对比配色,基本原则就是在主色确定的基础上,浅色和深色搭配,冷色暖色搭配。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

粉红色与白色和黑色进行对比。粉红为主色和暖色,白色和黑色为辅助色和冷色。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

深蓝色为背景色,红色为主色。深蓝色和红色进行搭配。两种颜色饱和度都比较低。

好了。说了这么多。总结一下上面说的东西。

1、整个页面中的颜色最好不要超过3种。

2、页面中必须分清主色和辅助色。

3、尽量不要大面积使用纯度很高的暖色,很刺眼。

4、同一色调搭配利用的是同一色系中不同明暗度的颜色。

5、类似色调的搭配不宜采用对比过于强烈的颜色。

6、对比色需要注意色彩搭配对于页面内容的干扰。

总而言之,颜色搭配原则是:均衡、柔和、突出重点,而不是伤害群众眼球。


什么?我说了这么多你还是不会配色?

什么?你说你不还是不知道用什么颜色好?

好吧,最后一个大招。

我来安利一个配色网站,仅一个就好,能满足你99.99%的工作需要。

Color hunt

网址:http://www./(注意,后缀是.co,不是.com)

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这么小清新的界面,着实漂亮啊。

Color Hunt 包含了一系列漂亮炫酷的色彩组合,网站会每天更新配色方案,并且根据浏览数排列出最漂亮的配色方案。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

同一色调的

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

相似色调的

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

对比色调的

几乎你想要的配色都可以找到。

而且点进去一个配色之后,还会给你提供许多相似的配色方案。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

当鼠标停留在一个颜色上时,会显示这个颜色的十六进制代码,而这个代码是不能直接用到PPT里的。怎么办呢?百度。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这是16进制的颜色代码

百度“颜色代码转换”,第一个结果就是一个在线转换工具。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

有啥不会的问度娘

点进去,将复制的代码放进框框里,点击转换,就转换为RBG格式的数字了。然后将RGB颜色值输入PPT颜色就好。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

什么?你不会调PPT里的颜色值?

好吧。我再教教你。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这是第一步,你要连这个都找不到那就别问我了。

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

这是第二步

实用大招——PPT配色宝典,详细解说让你对色彩基础大大了解

文/小小的巨人(简书作者)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多