浅谈色彩搭配在网店美工设计中的应用

陈雅

摘要：以网店美工设计中色彩搭配为研究对象，探讨色彩在网店美工设计中的应用，分析了色光模式色彩的特点及色彩搭配在网店美工设计中的应用方法，并以3C数码类目产品为例，来说明色彩搭配在电商网页设计中的实践应用，进而强调色彩搭配在网店美工设计中的重要信息传达作用。

关键词：色彩搭配;网店;美工设计

一、引言

随着电子商务的发展和人民生活水平的提高，网上购物已经成为人们生活中不可缺少的购物方式。网络用户也对购物页面提出了更高的要求，现阶段的购物页面不仅仅用来展示商品，而是从首页、详情页、活动页等设计页面入手，通过视觉设计与商品的结合来吸引网络用户，使购物网页更具有吸引力，而注重色彩的搭配就是其中最重要的环节。

二、网店美工设计的相关内容

网店美工是网店网站页面美化工作者的统称，主要的工作内容包括设计和美化网站页面、制作网店促销海报、把商品照片制作成宝贝描述中需要的图片、设计电子宣传单等。

通过对比卖家的信用级别，我们发现店铺的美工设计是影响店铺流量的一个重要因素，而色彩是能够让人眼前一亮的首要因素。相关学者的研究表明，人在观察一个物体时，前 20 秒对色彩的感知占了整体感知的 80%，剩下的 20% 是对该物体的形体感知;观察时间达到 2 分钟后，人对该物体的色彩感知和形体感知的比重之比为 3：2;直到观察 5 分钟之后，二者才会持平。由此得知，色彩给人的印象是相对最持久的。这也是网店美工设计要注重色彩的一个重要原因。

色彩作为网店装修中一个重要的视觉表达元素，不同色系的搭配能够烘托出不同的设计环境，对人们的心理产生极大的影响，如红色代表热情、性感、权威、自信，是个能量充沛的色彩;绿色体现健康、环保、生机等。因此，色彩能够影响顾客对商品风格和形象的判断。

三、色彩的特点

伊顿在《色彩艺术》中指出：“色彩效果不仅在视觉上， 而且在心理上应该得到体会和理解……他能把崇拜者的梦想转化到一个精神境界中去”。在网店美工设计中，良好的视觉搭配能增加页面的视觉感染力，给人以舒适、可靠的感受，从而转化为购买率。不同的商品根据其特质，我们需要搭配不同的色彩，心理学家研究表明：每一种色彩都具有象征意义， 当视觉接触到某种颜色，大脑神经便会接收色彩发放的讯号， 即时产生联想。如蓝色，它是最冷的色彩，非常的纯净，通常让人联想到海洋、天空、水、宇宙等，表现出一种美丽、冷静、理智、安详和广阔，具有沉稳的特性、理智和准确的意象。所以在商业设计中，蓝色会运用到强调科技、效率的商品或企业形象中;另外受西方文化的影响，蓝色也代表忧郁，通常也运用在具有感性诉求的商业设计中。

色光中不能再分解的三种颜色被称为色光的三原色，指的是红色、绿色和蓝色，也就是RGB颜色模型，图1-1所示为伊顿十二色相色轮，基于色轮可以得到一些基本的颜色组合。如：互补色，在色轮上互呈180°角的颜色，蓝色和橙色、红色和绿色、黄色和紫色等。互补色的对比度非常强烈，在颜色饱和度很高的情况下，可以产生十分震撼的视觉效果;相似色：色轮上相邻的三个颜色，蓝绿色、蓝色和蓝紫色，黄绿色、黄色和橘黄色等，相似色可以在同一个色调中制造丰富的质感和层次;对比色：色轮上呈120°角的两种颜色，橙黄与青绿、橙色与紫色等，视觉效果也很强烈。

影响色彩三要素包括色相、明度和纯度，它们决定了色彩的冷暖色调和中间调。色相是色彩的首要特征，是区别各种不同色彩最准确的标准;明度决定了色彩的深浅、明暗变化;纯度体现了色彩的鲜艳程度。

四、网店美工设计中色彩搭配方法

（一）根据产品搭配色彩

网店装修的最终目的是转化为购买率，产品是整个页面的核心，进行页面设计时要考虑诸多因素来突出产品，而色彩就成了抓住顾客眼球的重要因素。根据产品来搭配颜色能突出产品、增加吸引力。第一，同色系运用方法：从产品中选取颜色，改变其饱和度，可以让背景和产品本身形成一个差别和对比，让产品更加突出和具有设计感。从产品当中占据面积最大的一个颜色进行提取，能够让产品更好地融合在场景中，让整体画面的统一性更强;从产品当中面积占据比较小的颜色提取，能够更好和产品中的颜色形成相互对应的效果，更好地突出产品本身。如图1-2，从产品固有颜色吸取灰色充当背景色，让整体画面干净整洁，让产品融合在背景中，统一性强，同时灰色也体现了产品的特点科技感和金属感。第二，互补色运用方法：在购物页面中，产品和背景运用互补色能产生极大的视觉冲击力，从而突出产品和增加页面浏览率。

（二）根据模特搭配色彩

在网店装修中，我们会时常遇到一些产品需要通过模特来进行表现，如品牌代言人或根据人物去搭配的海报、页面、主图等。但因模特本身具有的一些特点会影响我们去综合的搭配整体画面的颜色，如：模特本身的颜色和品牌的颜色存在一些冲突;模特身上颜色过多，影响画面的整体表达。根据基本颜色搭配法则，可以选取模特身上局部色彩来充当背景色，如唇色、配饰、围巾等，从局部选取颜色，提高其亮度和饱和度，能够突出画面中的一些内容，又能让画面的整体性更加协调。如图1-3，人物色调为黄棕色，但背景色从耳环、口红、发饰等局部来提取，通过降低其饱和度，让整体画面更统一，色调更和谐。

（三）根据品牌搭配色彩

颜色能对人们的心理产生极大的影响，因此，色彩能够影响顾客对于品牌风格及形象的判断，如品牌无印良品旗舰店，它的产品注重淳朴、简洁、环保、以人为本等理念，因此在产品的颜色单配应自然简约。根据品牌搭配色彩可从四个方面入手：品牌LOGO、品牌形象、品牌定位、品牌产品包装。品牌LOGO在一个公司的品牌构造中非常重要的，一方面品牌LOGO担负着品牌形象最直观的展示，另一方面品牌LOGO也是品牌向外传播延展的有力武器。所以，我们在搭配颜色的时候可以从品牌LOGO中提取，搭配出适合品牌的海报颜色调性。品牌形象包括品牌VI中的卡通形象，以及玩偶等虚拟的形象展示。如京东的狗、天猫的猫、美团外卖的袋鼠等，我们在设计相关品牌的作品时，可以从品牌的卡通形象塑造中提取需要搭配的颜色主色调。品牌定位也是提取搭配颜色的参考之一，一个品牌针对的人群，以及针对的年龄段也决定着该使用什么色调去搭配颜色。品牌产品包装和根据产品搭配颜色有异曲同工之妙，一些产品和品牌形成了牢固的色调以及品牌统一调性。这些产品的颜色同时也影响了我们设计搭配的颜色，所以我们的搭配颜色的时候也要注意从品牌包装中寻找合适的颜色搭配。如图1-4，韩束，几乎所有的爆款产品都是红色为主体。

五、色彩搭配在网店美工设计中的应用与实践——以3C数码产品颜色搭配为例

3C数码产品的品牌调性決定了设计者在进行页面设计时需体现其产品的科技感和未来感，以举例的方式说明3C数码类目在不同场景不同品牌不同产品以及不同要求不同主题情况下的画面呈现方式和颜色搭配。

荣事达无叶风扇页面设计图，1-5：产品定位安全无叶，智能健康。为了使页面更加贴合产品调性，其主图设计和详情页设计均采用了浅绿色、浅灰色以及白色来进行色彩搭配来突出其产品特点。浅绿色传递安全、健康的产品信息，浅灰色和白色呈现清新干净的感觉，同时也可以更好地衬托出产品的科技感和本身的特点。

洗衣机详情页设计图，1-6：产品定位干净整洁，本身常用颜色是浅灰色和白色，利用其本身颜色去搭配可以让画面场景和产品搭配更加融合。利用蓝色点缀，增加画面的科技感，通过调整颜色饱和度，增加页面的主次关系以及层次感，让信息传递更清晰。

数码产品首页海报设计图，1-7：以蓝色为主色调，搭配红色进行海报设计。采用冷暖对比色进行搭配，让画面的持续效果更加突出，更加具有视觉冲击力。

文字采用电路的元素进行设计，让画面更加具有科技感。

六、结语

在网店美工设计中，不同颜色的选择、搭配会为网络用户传达不同的信息。合理的颜色搭配不仅能正确传达产品特性和信息，还能提高店铺浏览量和转化率。所以，颜色搭配在网店美工设计中有着举足轻重的地位，它不仅是一项艺术形式的表达，更能给用户留下良好的第一印象，带来不同的心理感受和视觉体验，树立良好的电商网站形象。

参考文献：

[1]张宇.浅谈色彩在产品设计中的运用[J].平原大学学报，2006（1）：130-132.

[2]张雯丹.数据驱动下的电商视觉设计[J].办公自动化，2018（22）：44-46.

[3]亦辰.网店美工设计[M].北京：人民邮电出版社，2019.