技能|PPT-7|色彩搭配原来这么简单

PPT设计思维理念认知

1. 优衣库给我的审美小课

配色即审美。

很久很久以前，我一直觉得审美是设计师的事情，作为一个写代码的程序员，考虑得最多的是功能完整度、技术方案的高大上，至于产品长什么样子，这个是审美层面的事情，既不重要，我也不擅长。

直到后面某个时间，在中国程序员的衣着范围里，有一个品牌突然成为了主流——优衣库。我发现优衣库的产品，有几个特点

• 便宜，大家都爱买。
• 版型简洁，基础款居多，没有那么多花里胡哨的款式。
• 单件看起来平平无奇，随便搭配到一起，至少及格，经常优秀，偶尔惊艳。

我现在就是优衣库的忠实粉丝，程序员的衣着要求非常简单，买的过程不用太多思考，第一感觉看上眼的，直接装入购物篮；随便搭配一下，就能得体大方；优衣库用它的产品矩阵，在短时间内就把我的衣品拉上了一个台阶。

再后来，我发现优衣库的产品之所以能做到随便搭配即可优秀，一方面在于它的版型设计靠基础款，另一方面在于其衣服的配色非常科学，搭配的门槛被极大的降低了；用户不需要考虑审美搭配如何才能及格，只需要在它提供的审美基础上进行偏好选择就够了。

这个观察，让我对「配色」这个事情有了感觉，做了简单的学习后，有了一个判断，写出「85分PPT」，配色这个事情，绝不会拖后腿。所以，标题「色彩搭配原来这么简单」，不是一句为了吸引人眼球的话，而是一句实实在在的大真话。

2. 认识颜色

配色即审美，而审美是科学的。

这个洞见，我就是从「色彩的变化」这个过程中总结的。关于色彩的变化，我们有一个简单的步骤即可认识色彩世界。

1.三原色（first-color）

色轮的基础是黄、红和蓝 3 种颜色。这些颜色称为三原色，因为这是唯一无法创建的颜色。也就是说，如果有一盒水彩，你知道可以混合蓝色和黄色来得到绿色，但是没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色。

2.三间色（Secondary-color）

以三原色两两混合，即可得到三间色。

如果拿出水彩盒，分别将色轮上相邻的颜色等量地混合，就会得到三间色(secondary color)。小朋友使用蜡笔和水彩时，老师就会告诉他们，黄色加蓝色可以变成绿色，蓝色加红色可以得到紫色，而红色和黄色混合就得到了橙色。

3.第三色（Third-Color）

继续两两混合，得到第三色。

要把色轮中的空白填满，你现在应该知道怎么做了，只需将空白两边的颜色按等量 混合。得到的这些颜色称为第三色。也就是说，黄色加橙色可以得到所谓的橙黄色。 蓝色和绿色可以混合成蓝绿色 。最终，得到了一个完整的色轮图。

4.色轮扩展

目前为止，我们使用的基本色轮只涉及纯“色调”，也就是纯色。还可以向不同色调增加黑色或白色，这样能大幅扩展这个色轮，相应地丰富我们的选择。

• 纯色就是色调。
• 向色调增加黑色就构成一个暗色。
• 向色调增加白色就构成一个亮色。

如图所示，在色调的基础上，「加白色」、「加黑色」的变化效果：

如果将上图再按照色轮图的样式变化出来，则得到了一张扩展后的色轮图：

3. 颜色关系

认识了颜色的变化以后，我们的问题是，色彩搭配的依据是什么？色彩之所以要搭配，是因为色彩之间存在关系。这些关系就是色彩搭配的范式和原则。

1. 颜色关系——互补色

色轮上互相正对着的颜色被称为互补色。互补色有很高的对比度，配合更为中性的调色板使用时，作为重点色的效果非常好。

2.颜色关系——互补色

三合一色彩和谐由三种在色轮上互相之间距离相等的颜色组成。与互补色类似，三合一方案通常非常明亮，对比度较高，一种颜色作为主导时效果最佳。

3.颜色关系——四色系

四色色彩和谐由色轮上相隔60度的两组对比色形成。四色系对创建调色板来说是非常好的起点；使用色度、色彩和色调进行微调。

4.颜色关系——相邻色

相邻色色彩和谐是通过选择与所选颜色直接相邻的颜色创建而成。类似色方案在网页设计很常见，与互补色搭配使用实现对比，非常具有通用性。

4. 案例

知道了颜色的关系后，我们可以来通过一些案例理解颜色关系在搭配中的实际应用。

案例1. 相邻色&对比色在网页中的应用

案例2. 相邻色在PPT中的应用

案例3. 动画片（三色系的应用）

5. 小结

色彩搭配是PPT的核心部分，它基本上对PPT的美观度起了定调的作用。作为非设计专业的我们来说，不需要了解那些细腻的色彩科学，认识色轮、知道色彩搭配的几种范式，对于要达到「输出一份85分PPT」的目标，足够了。更重要的是，「色彩搭配」往往不需要我们自己去动手，很多的配色工具，把这个事情的门槛进一步降低，例如，Sketch中有一个很好的色板工具，它可以说是设计工具中的优衣库，让我们轻松即可交出「至少及格，经常优秀，偶尔惊艳」的好作品。