这篇设计配色干货，值得你抄两页笔记！

配色一直是设计界的热门话题，也是我们作为设计师必须掌握的一项重要技能。不同层次的视觉信息可以通过颜色传递给用户，所以不同的颜色也被赋予了不同的含义。例如，红色、橙色、黄色等暖色可以表现出温暖和活泼；而蓝色、浅蓝色等冷色，会给人一种凉爽、寒冷的感觉。色彩属性与设计作品的有效结合往往可以实现 1+1>2 视觉效果。

色彩的特征

在设计中，颜色可以分为两类，即颜色和无颜色，无颜色主要是指我们常说的黑色、白色、灰色；颜色是除了无颜色之外的颜色。颜色有三个特点，即色调、饱和度和亮度。

色调：颜色的主要特征，即颜色所能呈现的质感面貌，如红、蓝、绿等...

饱和度：颜色的亮度，即颜色的纯度，饱和度取决于颜色中含色成分和消色成分（灰色）的比例，直观地说：天蓝色、浅蓝色、灰蓝色等，是不同程度饱和度的体现。

△ 饱和度由高→低的变化

亮度:是眼睛对光源和物体表面明暗度的感觉。简单的理解就是颜色的亮度，比如白天和黑夜。

△ 明度由亮→暗的变化

在 Photoshop 拾色器分别对应：

有三个颜色特征：色相、饱和度和亮度。这三者相辅相成，共同作用。任何一种颜色都必须有这样的特征关系。我相信你应该能够理解这三个特征代表什么。如果你不明白，那就再看一遍。

色彩关系

在颜色范围内，不同颜色之间有一些可以遵循的视觉关系。根据这些视觉关系，我们也可以得到一些常见的颜色搭配方法。以下是我们的具体分析：

同类颜色:色相环的间隔 30° 这种配色形式的优点是舒适、统一、视觉柔和、易于控制。缺点是冲击力弱，使用不当会单调，缺乏视觉层次感。因此，这种配色方法不易用于对抗性强、冲击力强的设计作品。

案例展示：

在这种情况下，每一张海报都给人一种舒适、温和、易于接受的视觉感觉，这也是设计中最不容易出错的配色方法。

相邻颜色：色相环相隔 90° 这种配色方法的优点是阳光、活泼、稳定，具有一定的视觉冲击力，视觉层次感丰富。

案例展示：

如图所示，整体视觉层次感丰富，跳跃性强，但也非常舒适和谐。

对比色：色相环间隔 120° 这种配色形式的优点是视觉冲击力强、跳跃性强、突出性强、点缀能力强，如画面中常用的点缀色或与主体固有色成对比的背景色，以突出主体。缺点是大面积使用难以控制。

案例展示：

如图所示，当对比色面积较大时，给人强烈的视觉冲击力。当其中一种颜色相对较少时，就会出现装饰和装饰的功能。这部分颜色是图片中容易发光的部分。

互补色：色相环间隔 180° 颜色称为互补色，色调环上的夹角呈直线，互补色的颜色性质相差很大。如果这两种颜色相互搭配，这两种颜色都会显得更加鲜艳，视觉冲击强度也会提高到峰值。这种配色形式的优缺点与对比色非常相似。只是这种视觉冲击力更强，更难控制。

案例展示：

色彩的色调

颜色有颜色，颜色可以理解为：通过改变亮度和饱和度来部署颜色的强度和强度，称为颜色。简单的理解是决定颜色的主要因素是亮度和饱和度，而决定作品最终颜色的因素是图片中视觉比例较大的颜色属性。那么，理解颜色对我们对设计的理解有什么帮助呢？以下是一些例子：

浅白色调：一般指低饱和度、高亮度的色调搭配。不同色调之间的视觉感觉非常轻松，即使以互补色的形式搭配，视觉冲击也明显减弱。色调固有的视觉属性性降低了，这种色调设计给用户带来了纯净、阳光、年轻、干净、舒适的视觉感受。

案例展示：

这种色调的作品画面还是需要重色搭配使用的，否则很容易给人一种轻浮、主体不突出的视觉感受。

亮色:一般是指高亮度、高饱和度的色相搭配。相比之下，色相固有的视觉属性具有很强的表现力，对比度强的色相具有很强的视觉冲击力。这种色调的设计给用户带来了活泼、明亮、欲望的视觉感受。

案例展示：

如案例所示，同类色彩和互补色彩的配色方法都能充分发挥色彩本身的视觉属性，这也是亮色作品的一个特点。

暗色调：一般指低亮度配色，与前两种相比，暗色调给人的视觉感觉更加稳定，有品质感。

案例展示：

当然，暗色调也会形成另一种视觉感觉，那就是恐怖、阴森、残忍、阴谋，如：

深色色调的色调搭配形式可以加强和提升很多专题性、故事性、品牌调性强的作品。

无论采用何种颜色方式，都不限于某一颜色范围内的颜色相互搭配，而是在确定主色调后与其他属性的颜色相结合。在此基础上，还可以结合颜色搭配关系（类似颜色、相邻颜色等）进行颜色匹配。

此外，还有一个有趣的配色和配色网站。如果你没有想法，你可以找到参考。操作也很方便。它被称为 Adobe Color。

功能远不止这些。您还可以改变颜色调和规则，改变颜色模式，从图片中提取颜色等。只要操作简单，就会有无数不同的配色方案供您参考和选择。

重点提醒配色比例:70% 主色、25% 辅助色、5% 点缀色。一般情况下：色相控制在三个以内，因为色相越少，越容易控制，越不容易乱。

更多配色工具：

总结

配色是感性的，但同时也有规律可寻。因为有了规律，我们可以更好、更全面地理解它；感性不是随意的，而是在建立规则后，打破规则，摆脱束缚，这样我们就不能赢。所以这两者并不矛盾。本文通过分析和总结颜色的特征、颜色之间的关系和颜色三个维度，旨在让您了解颜色和颜色匹配的基本理论，或为您提供一个参考方向，设计中的颜色匹配方法远不止这些。用你擅长发现的眼睛捕捉它。

欢迎关注作者微信微信官方账号:「美工美邦」