1.2 网店美工色彩搭配技巧

色彩可以使卖家对网店有最直接的了解，也是网店统一设计风格的重要组成部分。一个网店成功与否，在很大程度上取决于页面色彩的运用效果。下面对色彩搭配技巧中的色彩原理、色彩的分类、色彩的属性、色调对比以及色彩的搭配分别进行介绍。

1.2.1 色彩的原理

在现实生活中我们见到的各种颜色是通过光、物体、眼睛和大脑发生关系的过程产生的一种视觉体验，是人们对不同波长的光的感知，如红红的苹果、碧蓝的天空、青翠的小草，都是光线进入我们眼内而使人产生的知觉。可以这样说，光和色彩是并存的，没有光就没有色彩，它既有其客观属性又与人眼的构造有着密切的联系。自然界中绝大部分的可见光谱可以用红、绿、蓝这3种光按照不同比例和强度的混合来表示，将它们混合在一起可以搭配出各种各样的色彩，如青、黄、洋红。如图1-2所示。

1.2.2 色彩的分类

美工人员制作的海报、焦点图等都会涉及色彩的使用，如何通过色彩的搭配来展现商品的卖点是设计的重点。日常生活中按照色彩的系别而言，可分为无彩色和有彩色，下面分别进行介绍。

1. 无彩色

无彩色的颜色是指黑色、白色和不同深浅的灰色。无彩色的颜色只有明度的变化，这里我们所说的纯灰色可以理解为由黑与白混合的各种明暗层次的灰色。把所有无彩色的颜色概括起来，可得到按比例变化的9个明度层次的颜色，从明度最亮的白色开始，按逆时针方向依次可命名为白、亮灰、浅灰、亮中灰、中灰、灰、暗灰、黑灰和黑等颜色，如图1-3所示。而在网店中，办公用品的店铺则常常使用无彩色进行黑白页面或灰色页面的制作，页面简单明了，色彩过渡和谐，如图1-4所示。

2. 有彩色

有彩色指带有某一种标准色倾向的颜色，光谱中的全部色彩都属有彩色。有彩色是无数的，它以红、橙、黄、绿、蓝和紫为基本色，如图1-5所示。基本色之间不同量的混合，以及基本色与黑、白、灰（无彩色）之间不同量的混合，会产生成千上万种有彩色。网店中大部分商品都是有彩色的，如销售服装、鞋包、珠宝和美妆等商品的网店几乎都采用色彩较为丰富的颜色进行装修。图1-6所示为淘宝网店中有彩色的主页。

1.2.3 色彩的属性

色相、明度和纯度是色彩最基本的三要素，是人眼能够正常感知色彩的最基本条件，熟悉并灵活应用三要素的变化是色彩设计的基础。下面分别对其进行简单介绍。

• 色相：色彩是由于物体上的物理性的光反射到人眼视神经上所产生的视觉体验。色彩的不同是由光的波长的长短差别所决定的，而色相就是指这些不同波长的色彩情况。各种色彩中，红色是波长最长的颜色，紫色是波长最短的颜色，红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫共12种颜色组成了色相环，在色相环中的各种颜色中调入白与灰，可以产生差别细微的多种色彩。图1-7所示为以红色为主的店铺装修。

• 明度：明度可以简单理解为颜色的亮度，不同的颜色具有不同的明度，例如黄色就比蓝色的明度高，在一个画面中可以通过协调不同明度的颜色来表达画面的感情，如天空比地面明度低，则会产生压抑的感觉。任何色彩都存在明暗变化，其中黄色明度最高，紫色明度最低。绿、红、蓝、橙的明度相近，为中间明度。另外在同一色相的明度中还存在深浅的变化，如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。图1-8所示为儿童用品中色彩明度较高的淘宝网店装修。

• 纯度：纯度指的是色彩饱和程度，光波成分越单纯，纯度越高。相反，光波成分越复杂，纯度越低。不同的色相不但明度不等，纯度也不相等。同一色相中，纯度发生变化会带来色彩属性的变化。有了纯度变化页面才会变得更加鲜活。图1-9所示为纯度较高的页面，而图1-10所示则为纯度较低的页面。

1.2.4 色调对比

色调对比主要指色彩的冷暖对比。从色调上划分红、橙和黄为暖调，青、蓝和紫为冷调，其中绿色为中间色。在美化过程中，首先需掌握色调对比的基本知识，保证在暖色调环境中冷调的主体醒目，冷色调环境中暖调突出的基本原则。除了色调的对比，还有明度对比、色相对比和纯度对比，下面分别进行介绍。

• 明度对比：明度对比就是色彩的明暗对比，也被称为色彩的黑白对比，每种颜色都有自己对应的明度特征，而两者间的明度差别所形成的对比即为明度对比。当明度较强时，对比度高，对应的清晰度高，不易出现误差；当明度较弱时，图像不易看清，效果不好。

• 色相对比：色相对比指因色相间的差别所形成的对比。当页面中的主色确定后，需先考虑其他色相与主色是否具有相关性，要表现什么样的内容才能增加表现力。其中色相对比还分为原色对比、补色对比、间色对比和邻近色对比这4种。图1-11即为原色对比和领近色对比。

• 纯度对比：色彩中的纯度对比是由不同纯度的颜色放在一起而产生的色彩间鲜艳程度的对比。纯度弱对比的画面视觉效果比较弱，形象的清晰度较低，适合长时间及近距离观看。纯度中对比是最和谐的，画面效果含蓄丰富，主次分明。纯度强对比会出现鲜的更鲜、浊的更浊的现象，画面对比明朗、富有生气，色彩认知度也较高。

1.2.5 色彩的搭配

色彩的搭配是一门技术，灵活运用搭配技巧能让网店的装修风格更具有感染力和亲和力。在选择页面色彩时，需要选择与店铺类型相符合的颜色，因为只有颜色协调才能营造出整体感。下面对不同色系应用的领域和搭配方法进行具体介绍。

• 白色系：白色称为全光色，是光明的象征色。在网店设计中，白色具有高级和科技的意象，通常需要和其他颜色搭配使用。纯白色会带给人寒冷、严峻的感觉，所以在使用白色时，都会掺一些其他的色彩，如象牙白、米白、乳白和苹果白等。另外，在同时运用几种色彩的页面中，白色和黑色可以说是最显眼的颜色。在网店设计中，当白色与暖色（红色、黄色、橘红色）搭配时可以增加华丽的感觉，与冷色（蓝色、紫色）搭配可以传达清爽、轻快的感觉。正是由于上面的特点，白色常用于传达明亮、洁净感觉的产品种，比如结婚用品、卫生用品和女性用品等。图1-12所示为将白色系应用于卫生用品店铺的效果。

• 黑色系：在网店设计中，黑色具有高贵、稳重和科技的意象，许多科技产品的用色，如电视、摄影机和音箱会采用黑色调。黑色还具有庄严的意象，也常用于一些特殊场合的空间设计，生活用品和服饰用品设计大多利用黑色来塑造高贵的形象。黑色是一种永远流行的主要颜色，其色彩搭配适应性非常广，无论什么颜色与黑色搭配都能取得鲜明、华丽、赏心悦目的效果。图1-13所示为将黑色系用于相机类数码产品店铺的效果。

• 绿色系：绿色具有一定的与健康相关的感觉，所以也经常用于与健康相关的网店。绿色还经常用于某些公司的公关网站或教育网站。当搭配使用绿色和白色时可以得到自然的感觉，当搭配使用绿色和红色时可以得到鲜明且丰富的效果。同时，一些色彩专家和医疗专家提出绿色可以一定程度地缓解眼部疲劳，为耐看颜色之一。图1-14所示为将绿色系用于护理用品网店的效果。

• 蓝色系：高彩度的蓝色（含无彩色少的蓝色）会营造出一种整洁轻快的氛围，低彩度的蓝色（含无彩色多的蓝色）会给人一种都市化的现代派印象。蓝色和绿色、白色的搭配在我们的现实生活种也是随处可见的。主颜色选择明亮的蓝色，配以白色的背景和灰色的辅助色，可以使网店干净而简洁，给人庄重、充实的印象。蓝色、清绿色和白色的搭配可以使页面看起来非常干净清澈。图1-15所示为将蓝色系用于家具网店的效果。

• 红色系：红色是强有力、喜庆的色彩，具有刺激效果，容易使人产生冲动，是一种雄壮的精神体现，给人热情、有活力的感觉。在网店中，大多数情况下红色都用于突出颜色，因为鲜明的红色极容易吸引人们的目光。高亮度的红色通过与灰色、黑色等无彩色搭配使用，可以得到现代且激进的感觉。低亮度的红色通过冷静沉着的感觉营造出古典的氛围。在商品的促销过程中，往往用红色起到醒目作用，以促进产品的销售，如图1-16所示。