1.色彩的搭配

在网店的视觉营销设计前，首先要学会如何搭配色彩，然后再根据网店的行业特征来确定网店的主色调。在确定网店色系之前，我们要先了解以下常见的6种色彩搭配，如图1-32所示。

（1）互补色：在色相环上相对180°的两个色彩是互补色。

（2）对比色：在色相环上120°以内两种或两种以上的色彩是对比色。

（3）中度色：在色相环上90°以内两种或两种以上的色彩是中度色。

（4）类似色：在色相环上60°以内两种或两种以上的色彩是类似色。

（5）相近色：在色相环上30°以内两种或两种以上的色彩是相近色（也称邻近色）。

（6）同色：在色相环上0°以内两种或两种以上的色彩是同色。

图1-32　常见的6种色彩搭配

色相环配色的三原则：取色柔和不刺眼，相隔同距色感匀，所在同环同亮度，如图1-33所示。

图1-33　色彩5环配色技巧

2.新手搭配建议

对于很多网店美工设计新手来说，配色是一个难点，他们都是凭感觉去配色的，这样设计出来的图片往往不尽如人意。其实图片设计中色彩的搭配是有技巧和方法可循的。

搭配建议一：色不在多，和谐则美

（1）一张图片中色彩尽量控制在3种以内。例如红色、粉红色、淡红色可以理解为一种色系，一种色系配出来的色彩往往比较好看、耐看、有层次感。同一种色系的调色方法如图1-34所示，效果如图1-35和图1-36所示。色彩过多的图片往往不耐看，不能吸引消费者。

（2）商品主体、文字和背景在色彩上要有差别、有对比，以便突出商品主体和文字。

（3）建议用接近纯色的背景，切记用复杂的图案做背景。

色彩搭配技巧

(www.daowen.com)

图1-34　使用Photoshop拾色器配同一色系

图1-35　微商宝妈节海报

图1-36　东祥金店首页

搭配建议二：主色、辅助色、点缀色的631原则

在设计时选择一种起主导作用的色彩。主色应与网店整体装修风格及基调相一致，占大比例的面积或较重要的位置；辅助色的选择也要符合商品的整体基调。不管是采用类似色或是对比色搭配，在商品图中都要有一定的分配比例，要考虑少和多的原则，切记5∶5的面积分配，特别是在应用对比色和互补色时更要注意。

网店视觉营销与美工设计中色彩的分配比例建议如下：

① 主色是占据总色彩面积最多的色彩，占总色彩面积的60%以上。

② 辅助色是与主色搭配的色彩，占总色彩面积的30%左右。

③ 点缀色一般只占总色彩面积的10%左右。

搭配建议三：低纯度色彩易于搭配

低纯度色彩更容易与其他色彩相互协调，有和谐、亲切之感，因此可以利用低纯度色彩易于搭配的特点，将有限的商品搭配出丰富的组合。

搭配建议四：黑色与高纯度色彩搭配

这种搭配会凸显美丽，例如黑与红、黑与黄的搭配。此外黑、白、灰搭配永远是经典，白色与任何一种深色搭配都会有很好的效果。

搭配建议五：多考虑类似色或邻近色搭配

小贴士

网店视觉营销中主色、辅助色、点缀色的区分方法

1.主色：一定是抢镜的色彩。在色彩作品中，这个色彩第一时间进入我们的视线，并且影响了整个作品的感觉和印象，不可替换，替换了就会更换了主题。主色不一定是面积大的色彩。

2.辅助色：为了更好地表达主色所传达的思想，可选类似色或对比色作为辅助色搭配。辅助色可有可无，存在的决定权在于配色者自身的喜好。

3.点缀色：色彩面积最小，出现次数多，与别的色彩反差大，具有引导视线作用。点缀色不影响主色，只是提醒人们注意。