超多案例！写给新手设计师的配色攻略（二）

在上一篇文章中，我们知道颜色匹配的步骤通常是从确定主色开始，然后选择匹配的副色，最后根据形状、排版等方面进行调整，添加多种装饰色。我们也知道确定主色调的四种方法，本期将继续解释如何选择副色和装饰色。

往期回顾：

如果主色相对容易建立，那么创建副色和装饰色就更加困难。困难在于设计师应该对色彩语言有深入的了解，并有深刻的色彩搭配能力。

在强调和突出主色的同时，副色也必须符合设计所需的传达风格，使整个画面在完成信息传达的同时更加饱满。如果你想让画面看起来更丰富、更活泼，你可以添加装饰色，装饰色可以装饰布局，为画面增添丰富的效果。

本期推荐三种选择副色和点缀色的实用方法:使用色相环，使用配色网站，借鉴优秀作品。

运用色相环

色彩搭配不仅要求设计师具备一定的色感能力，还要求设计师了解色彩之间的关系，合理有效地利用色彩来实现和谐平衡。色相环是我们理解色彩关系的重要工具。

12 色相环由 12 一种基本的颜色组成。首先，它包含三种原色，即蓝色、黄色和红色。原色混合产生二次色，二次色混合产生三次色。

我们选择一个色相作为基准色相。通过色相环，我们可以很容易地了解基准色与其他五种色相之间的关系。色相越近，搭配越柔和，分离越远，对比度越强。

橙色靠近红色，对比柔和。橙色产品在红色背景下协调统一；绿色和红色相距甚远，对比强烈。绿色产品在红色背景下更加突出。

色彩搭配一般可分为两种：对比柔和的配色，对比强烈的配色。

在主色调的选择中，有人说大自然的颜色是无穷无尽的，新手设计师只需要记住六种基本色调。例如，本演示选择蓝色作为基准颜色，通过颜色环可以知道最接近的颜色是紫色和绿色，对比度相对柔和。远处是红色和黄色，对比度相对较强。橙色是离蓝色最远的颜色，所以对比度是最强烈的。在了解了这些关系后，颜色匹配实践变得简单得多。

对比柔和配色：单色搭配，相似配色。

1. 单色搭配

纯度和亮度在同一色调上发生变化，颜色层次没有形成，但明暗变化形成。单色搭配能产生低对比度的和谐美感，给人一种协调统一的感觉。

采用单色对比，画面层次需要通过纯度和亮度的变化来打开。

2. 相似色搭配

色相有很强的相似色因素，但也有适度的对比，是对比和协调统一的色调。这也是新手设计中最常用的配色方法，不容易出错。

蓝、紫、绿是最接近的颜色，既有相似的色因素，又有适度的对比，视觉效果更柔和。

对比柔和的配色特点：

优点：相对柔和，易于控制；缺点：冲击弱，使用不当单调，缺乏视觉层次感。图片层次需要通过纯度和亮度的变化来打开，以避免单调和僵硬的感觉。

对比色：对比色搭配，互补色搭配。

3. 对比色搭配

对比色是指在色相环中的相距 120° 左右颜色产生的对比。由于色差较大，对比色对比通常产生强烈而鲜明的视觉效果。

蓝、黄、红属于对比色，对比度强，视觉效果丰富，动感十足。

4. 互补色搭配

色轮上直线相对的两种颜色是对比度最强的搭配，在视觉上会产生很大的隔离效果。当它们结合在一起时，会产生相互衬托、竞争和排斥的感觉，使它们的色相更加突出、华丽和强烈的视觉冲击力。

蓝色和橙色是互补色，对比度最强，亮橙色能很好地缓解深蓝色的沉闷，增加画面的愉悦气氛。

对比度强的配色特征：

优点:视觉冲击力强，层次丰富，跳跃性强；缺点:容易产生不协调、凌乱、刺眼的感觉，难以控制。

控制图片的颜色比例，选择一方作为主色调，另一方作为辅助色或装饰色；降低亮度、饱和度，调和对抗性；黑白灰是一种通用的和谐色，可以添加黑白灰来缓冲其强烈的对抗性。

使用配色网站

目前有大量的配色网站可以用来辅助配色，对配色基础薄弱的新人会有很大的帮助。这里推荐的是 Adobe 公司生产的在线配色工具非常高效：Adobe Color。我们可以用它「色轮」、「从图像撷取」 、「探索」、「趋势」辅助配色的四大核心功能。(网站:color.adobe.com）

1. 从「色轮」创建颜色

你可以选择一种基本的颜色，使用七种不同的颜色调整规则来创建颜色主题。设置基本颜色后，将自动生成其他四种相关颜色。然后使用不同颜色模式的色盘、亮度和滑块来建立颜色。

调色规则 7 类比、单色、三元群、补色、复合、浓度、自定。

接下来使用 Adobe Color 配色示范。

选择橙色作为基本颜色，将自动生成四种相关颜色，并将生成的颜色配置到设计图片中：

2. 从图片中创建颜色

您可以从当地上传图片。选择规则后，您将自动从图片中提取颜色。调色规则包括颜色、亮色、柔和度、深色、深色和自定性。

例如，我们上传一张照片，选择规则「彩色」，将获得的五种颜色应用到我们的设计中，我们可以制定新的配色方案：

3. 从「探索」创建颜色

从「探索」菜单中可以得到来自世界各地设计师的配色方案，也可以进一步编辑，或者下载并保存配色方案「我的主题」。

4. 从「趋势」创建颜色

此功能是从 Behance 和 Adobe Stock 创意社区获得以下类别的色彩趋势:

时尚：通过流行时尚探索色彩；图形设计：Behance 最佳平面设计作品的色彩趋势；插图:从 Behance 插图收藏方案中提取的调色板；建筑：从室内设计到未来的城市风格；游戏设计：探索 Behance 游戏设计师的最新色彩趋势；荒野：利用大自然的动态调色板寻找色彩灵感；味道：通过食品摄影的最新趋势探索丰富的色彩；旅行：通过旅行图像中收集的调色板。

可以看到使用 Adobe color 多个设计方案可以很容易地制定，但配色是一个复杂的思维和反复调整的过程。配色方案只是设计师的参考，需要根据具体布局进行调整。虽然可以通过配色工具获得大量的配色方案，但并不是每组配色方案都适合我们的设计。最后，我们应该根据客户的需求、观众的偏好和产品的特点来考虑。

借鉴优秀作品

初学者从模仿开始学习设计，模仿优秀的布局，模仿优秀的字体设计，当然，也包括模仿优秀的颜色匹配，这是新手最简单、最有效的颜色匹配方法。

通过阅读和分析优秀作品中的配色，可以提高色彩敏感度，培养色彩调整和分析作品的能力，是快速提高配色水平的有效途径。

1. 配色示范

我们的案例是年轻时尚和时尚风格，可以相应地找到类似风格的作品供参考：

请注意，并非所有优秀作品的颜色都适合您的设计，但复制颜色并不能保证良好的设计。在设计之前，仔细思考和分析设计作品要传达的内容，然后观察作品中的色调、色调、亮度、气质、氛围等是否适合自己的设计，并增加主动性创作。

总结

配色通常从确定主色开始。根据作品主题和视觉需求的需要，选择主色作为主色调，构成画面的整体色彩倾向。然后选择副色，添加点缀色。根据色彩组合的原则，可以添加适当的对比色来改变页面；如果颜色凌乱，可以适当添加相似的颜色、相似的颜色或黑白灰进行调和。

本文提出了四种确定主色调和三种选择副色和点缀色的方法，希望对新手设计师有所帮助。当然，这些配色方法只是众多配色方法中的一滴水。如果你想成为一名优秀的设计师，你需要进一步学习色彩理论知识，阅读更多优秀的配色作品，以提高你的审美水平。最后，你需要更多的实践和思考才能成为合格的「色」计师。

欢迎关注作者微信微信官方账号:「艺术海拾贝Desing」