「设计干货」打造配色里的\\「视觉色彩搭配」

人从出生在这个世界上开始，每天都在享受大自然呈现出来的视觉盛宴，而色彩就是其表现手法。

一、为什么要配色？

淘宝网上，不同的色彩搭配可以改变商品给人的印象，这就造就了电商设计师的诞生，色彩也因此在电商界中有了极为重要的地位。

然而，轮到自身来运用颜色时，很多人又觉得束手无策，不知所措…比如我们在淘宝购物的时候经常会看到类似下面的图片：虽然足够显眼，但是用色多、杂、乱甚至刺眼…其实店家完全可以把图片处理的既显眼又美观！

那么，有什么方法可以提高配色能力，避免手中的图片的配色让人无法直视呢？这里给各位看官介绍基础的配色理论和一些实用的配色工具，希望对你会有一些帮助。

二、怎么配？

配色，一般发生在需求制作之前的思考，或者是作品完成之后的检查。色彩可以根据三属性【色相、明度(亮度)、纯度(饱和度)】进行体系化归类，为了能够掌握色彩并运用自如，必须充分理解这三个属性。

1、色相：说通俗点就是指颜色本身，主要的色相就是生活中我们常见的彩虹七色。将色相按照波谱上顺序进行排列，首尾相连形成的环状图形，即：色相环。

色相环上相邻的颜色即同色，区间在90°角以内的颜色是邻近色，对角的颜色是互补色，介于邻近色和互补色之间的是对比色。

2、明度(亮度)：指色彩的明亮程度，在任何颜色中添加白色，明度上升，添加黑色，明度下降。因此，色彩中明度最高的是白色，明度最低的黑色。

3、纯度(饱和度)：指色彩的鲜艳程度——纯度越低，颜色越浑浊，纯度最低的是灰色(无彩色)。一般来讲，纯度越高，越有活力，充满朝气，纯度越低，则给人成熟稳重的印象。

这里告诉配色小白1个简单的诀窍(不管给什么图片配什么颜色：明度和纯度不宜同时在80-100的区间范围内，记住要“此消彼长”)

三、同色配色法异色配色法

基本配色法，分为同色调配色和异色调配色。

1、同色调配色体现了画面整体的统一性，这种配色虽然单调，但呈现出了自然与和谐的景象。

2、常见的异色调配色就是对比色配色，由于色彩之间的互相衬托，运用高明度、高纯度的色彩，可以营造强烈的视觉冲击效果。

四、推荐几个常用的配色网站

介绍几个常用的配色网站给大家

1、Adobe color，也就是以前的Kuler ，它是一个由设计师分享配色方案的平台，已经保存了成千上万的预制配色方案。

网址：https://color.adobe.com/zh/create/color-wheel/

2、ColorHexa，在确定了一个主色的情况下，这个工具能帮助扩展主色色彩，搭配出数种方案。

网址：https://www.colorhexa.com/

3、Color Scheme Designer，一个在线的配色工具，相比于Adobe color它拥有详细的色彩修改方法，和简单的颜色演示工具。国内有个旧版本的汉化版，不过还是建议去官网使用最新的。

网址：https://colorschemedesigner.com/csd-3.5/

五、配色套路

附加一个绝对好用的配色套路

或许有部分朋友即使吸收了上面所有的理论，也依然配不好颜色，那么或许你可以借助一下这个巧妙的办法了：

平时生活中，大家通过电脑或者手机都会看到一些非常美丽的图片，那么何不从中吸取一些颜色用到你的设计中去呢？那么就把它保存起来吧！

平日养成收集习惯，其实可以让你快速的找到你想要的色彩，提高你的配色效率。

其实，我自己也并非配色高手，只不过比一些人多掌握了一些辅助技巧，使得自己在设计稿件配色的时候不那么六神无主罢了。如果上述内容对你有所帮助，那我便满足了。

-------------------------

图文|手淘设计 十一

排版|手淘编辑 乔巴