论文部分内容阅读
配色方案并不神秘，说白了就是怎么搭配颜色。生活中，许多MM常常讨论，什么颜色的上衣搭配什么颜色的裙子，戴什么颜色的项链或手链等，这其实就是在讨论配色方案了。不过在网店装修中，配色方案还是有一定方法技巧的。
例说网店的整体配色
我从事网站设计工作多年，参与过不少网店的装修工作，我发现不少人对网店装修有一个误区，以为页面越花哨就越好看。其实，过于花哨的页面只能引起访客的混乱。所以，网店整体颜色一定要给人统一协调的感觉。当然，统一的颜色并不是说只能用一种颜色，而是指主色调只有一种，在此基础上搭配一些其他颜色，即所谓“总体协调，局部对比”原则。下面以实例的形式，介绍一下统一色彩的几个典型方法。
实例1：单一色彩页面
选择单一色彩，并不表示就毫无变化，可以通过调整透明度或饱和度，使得单一色彩也深浅有别。这家网店（彩版图片：http://tinyurl.com/cubf7te）主色调（即在页面中占据的面积最大且具有主导作用的色彩）是紫色，边框及物品图片上则应用了浅紫色、紫红色等，使得整个页面看起来色彩统一又有层次感（图1）。
还有一种方法就是使用邻近色彩搭配。邻近色彩即不是同一色彩但是非常接近的、在色相环上角度较小的一系列色彩，它的效果与单一色彩相似，但是要丰富得多。总之，在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调，如果各种颜色面积平均分配，色彩之间互相排斥，就会显得凌乱。
实例2：两种色彩对比
先选定一种色彩，然后选择它的对比色，这个对比色就是第二种颜色。一般来说色彩的对比强，看起来就有诱惑力，能够起到集中视线的作用。这个网店页面（彩版图片：http://tinyurl.com/cp74ke4）采用了绿色、红色和蓝色之间的对比，属于最强烈的色彩对比，令人感受到一种极强烈的色彩冲突，产生深刻印象（图2）。
用色相环挑选对比色
如何才能找到对比最强烈的颜色呢？可用色相环辅助完成。色相环的核心是红黄蓝三原色（在圆环中呈等边三角形），三原色之间再填充以二次色（两原色相混，如黄蓝相混得到绿色），即得出六色相环，六色两两相混合又可扩大至十二色相环，以此类推还可得二十四色相环等（图3）。
在色相环中，180度对立的两种色彩，对比是最强烈的，这个角度范围内，角度越大的两种颜色，对比越强，反之就越弱。
整体配色 从成功网店“偷招”
上面通过实例介绍了网店整体配色的一些原理，不过对于一个新手来说，很难马上将这些知识应用到自己的项目中。所以，最便捷的一个方法，就是从其他成功的网店中“偷招”。
首先根据你自己网店的类型，寻找多个同类型的网店，比较筛选，挑选出自己最喜欢的那一个。这里假设你要装修的是一个女性服装的网店，不妨从“淘宝服装”频道（图4）的页面中借鉴它的配色方案（彩版图片：http://tinyurl.com/bpgz2a4）。
在这色彩斑斓令人眼花缭乱的页面中，可能你也很难分清哪个是主色哪个是辅助色，那么不妨借助软件工具来理清。将淘宝服装频道的页面截图保存，再在Photoshop中打开，然后点击“滤镜→纹里→染色玻璃”打开滤镜窗口。
在这里，图片已变成一个个的色块。不过色彩还是太多，此时可拖动右侧“单元格大小”滑钮，让色块变大，图片的色彩构成也就一目了然了（图5）。经此处理后，可提取出本图片的配色方案：主色为接近于白色的浅紫色，辅助色有肉色（皮肤色）、黑色、桃红、淡黄四种，突出色为桔红色。
主色一般为页面中所占面积最多的色彩或者背景色，为整个页面打下色彩基调。女性网站多用浪漫的紫色、粉红色等。辅助色与主色形成对比，丰富色彩内容。突出色所占的面积最小，与主色的反差最大，是一个页面中最能引起人注意的点，一般需要突出的标题、LOGO或者需要着重表现的产品等，往往使用突出色。
通过以上方法提取出成功网店的配色方案后，就可以举一反三应用到自己的网店上了。
小提示
除了Photoshop这样的图像处理软件外，还有一些专门针对配色方案的软件工具，比如Website Color Schemer（试用下载：http://tinyurl.com/7bd9ltw），启动软件后，选择一种主色，软件就会给出一套配色方案。点选工具栏上的取色按钮，可以抓取屏幕上的任意颜色。单击工具栏最右侧的按钮，打开一个页面预览窗口，可以直接将色轮上的颜色拖到相应的网页元素上，如标题、背景、导航、文字等，实时预览配色的效果，非常方便（图6）。
网店配色误区案例解析
网店的装修对一个店的帮助真的很大，越来越多的卖家也认识到这点。在装修的时候千万注意颜色的运用及色彩搭配，不合理的搭配反而会造成负面的影响。
背景和文字对比不强烈
人眼识别色彩的能力有一定的限度，由于色的同化作用，色与色之间对比强者易分辨，弱者难分辨。背景与文字内容对比不强烈，文字内容没法突出，灰暗的背景令人沮丧，甚至用花纹繁复的图案作背景。如网店页面的背景和文字颜色对比不强烈，容易看不清晰。
色彩过多
合理地使用色彩使页面变得鲜艳生动富有活力。但色彩数量的增加并不能与页面的表现力成正比。像有些页面，把尽可能多的色彩搬上来，同一个页面上色彩众多，一个标题就是一种颜色，每一个框、线的颜色都不同。多种色彩的同时使用令人眼花缭乱，造成了版面复杂混乱的视觉效果，对买家理解获取信息毫无帮助，反而可能带来负作用。
要有一种主色贯穿其中，主色不一定完全是面积最大的颜色，也可以是最重要、最能揭示和反映主题的颜色。不要将所有颜色都用到，尽量控制在三至五种色彩以内。
过分强调色彩的刺激度
在生活中我们看颜色时会感觉到某些颜色很刺眼，看起来比较累。买家上网绝不希望对自己的视力有损害。因此，页面用色要尽量少用视疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。在无彩色系中，白色的明度最高，明度最低的是黑色；有彩色系中，最明亮的是黄色，最暗的是紫色。色彩刺激强度高的色彩不宜大面积使用，出现频率也不宜高。低明度色疲劳度虽然小，但往往使人产生压抑感，也不赞成页面设计过于暗淡。比较理想的方法是多用柔和明快的浅调暖色。
例说网店的整体配色
我从事网站设计工作多年，参与过不少网店的装修工作，我发现不少人对网店装修有一个误区，以为页面越花哨就越好看。其实，过于花哨的页面只能引起访客的混乱。所以，网店整体颜色一定要给人统一协调的感觉。当然，统一的颜色并不是说只能用一种颜色，而是指主色调只有一种，在此基础上搭配一些其他颜色，即所谓“总体协调，局部对比”原则。下面以实例的形式，介绍一下统一色彩的几个典型方法。
实例1：单一色彩页面
选择单一色彩，并不表示就毫无变化，可以通过调整透明度或饱和度，使得单一色彩也深浅有别。这家网店（彩版图片：http://tinyurl.com/cubf7te）主色调（即在页面中占据的面积最大且具有主导作用的色彩）是紫色，边框及物品图片上则应用了浅紫色、紫红色等，使得整个页面看起来色彩统一又有层次感（图1）。
还有一种方法就是使用邻近色彩搭配。邻近色彩即不是同一色彩但是非常接近的、在色相环上角度较小的一系列色彩，它的效果与单一色彩相似，但是要丰富得多。总之，在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调，如果各种颜色面积平均分配，色彩之间互相排斥，就会显得凌乱。
实例2：两种色彩对比
先选定一种色彩，然后选择它的对比色，这个对比色就是第二种颜色。一般来说色彩的对比强，看起来就有诱惑力，能够起到集中视线的作用。这个网店页面（彩版图片：http://tinyurl.com/cp74ke4）采用了绿色、红色和蓝色之间的对比，属于最强烈的色彩对比，令人感受到一种极强烈的色彩冲突，产生深刻印象（图2）。
用色相环挑选对比色
如何才能找到对比最强烈的颜色呢？可用色相环辅助完成。色相环的核心是红黄蓝三原色（在圆环中呈等边三角形），三原色之间再填充以二次色（两原色相混，如黄蓝相混得到绿色），即得出六色相环，六色两两相混合又可扩大至十二色相环，以此类推还可得二十四色相环等（图3）。
在色相环中，180度对立的两种色彩，对比是最强烈的，这个角度范围内，角度越大的两种颜色，对比越强，反之就越弱。
整体配色 从成功网店“偷招”
上面通过实例介绍了网店整体配色的一些原理，不过对于一个新手来说，很难马上将这些知识应用到自己的项目中。所以，最便捷的一个方法，就是从其他成功的网店中“偷招”。
首先根据你自己网店的类型，寻找多个同类型的网店，比较筛选，挑选出自己最喜欢的那一个。这里假设你要装修的是一个女性服装的网店，不妨从“淘宝服装”频道（图4）的页面中借鉴它的配色方案（彩版图片：http://tinyurl.com/bpgz2a4）。
在这色彩斑斓令人眼花缭乱的页面中，可能你也很难分清哪个是主色哪个是辅助色，那么不妨借助软件工具来理清。将淘宝服装频道的页面截图保存，再在Photoshop中打开，然后点击“滤镜→纹里→染色玻璃”打开滤镜窗口。
在这里，图片已变成一个个的色块。不过色彩还是太多，此时可拖动右侧“单元格大小”滑钮，让色块变大，图片的色彩构成也就一目了然了（图5）。经此处理后，可提取出本图片的配色方案：主色为接近于白色的浅紫色，辅助色有肉色（皮肤色）、黑色、桃红、淡黄四种，突出色为桔红色。
主色一般为页面中所占面积最多的色彩或者背景色，为整个页面打下色彩基调。女性网站多用浪漫的紫色、粉红色等。辅助色与主色形成对比，丰富色彩内容。突出色所占的面积最小，与主色的反差最大，是一个页面中最能引起人注意的点，一般需要突出的标题、LOGO或者需要着重表现的产品等，往往使用突出色。
通过以上方法提取出成功网店的配色方案后，就可以举一反三应用到自己的网店上了。
小提示
除了Photoshop这样的图像处理软件外，还有一些专门针对配色方案的软件工具，比如Website Color Schemer（试用下载：http://tinyurl.com/7bd9ltw），启动软件后，选择一种主色，软件就会给出一套配色方案。点选工具栏上的取色按钮，可以抓取屏幕上的任意颜色。单击工具栏最右侧的按钮，打开一个页面预览窗口，可以直接将色轮上的颜色拖到相应的网页元素上，如标题、背景、导航、文字等，实时预览配色的效果，非常方便（图6）。
网店配色误区案例解析
网店的装修对一个店的帮助真的很大，越来越多的卖家也认识到这点。在装修的时候千万注意颜色的运用及色彩搭配，不合理的搭配反而会造成负面的影响。
背景和文字对比不强烈
人眼识别色彩的能力有一定的限度，由于色的同化作用，色与色之间对比强者易分辨，弱者难分辨。背景与文字内容对比不强烈，文字内容没法突出，灰暗的背景令人沮丧，甚至用花纹繁复的图案作背景。如网店页面的背景和文字颜色对比不强烈，容易看不清晰。
色彩过多
合理地使用色彩使页面变得鲜艳生动富有活力。但色彩数量的增加并不能与页面的表现力成正比。像有些页面，把尽可能多的色彩搬上来，同一个页面上色彩众多，一个标题就是一种颜色，每一个框、线的颜色都不同。多种色彩的同时使用令人眼花缭乱，造成了版面复杂混乱的视觉效果，对买家理解获取信息毫无帮助，反而可能带来负作用。
要有一种主色贯穿其中，主色不一定完全是面积最大的颜色，也可以是最重要、最能揭示和反映主题的颜色。不要将所有颜色都用到，尽量控制在三至五种色彩以内。
过分强调色彩的刺激度
在生活中我们看颜色时会感觉到某些颜色很刺眼，看起来比较累。买家上网绝不希望对自己的视力有损害。因此，页面用色要尽量少用视疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。在无彩色系中，白色的明度最高，明度最低的是黑色；有彩色系中，最明亮的是黄色，最暗的是紫色。色彩刺激强度高的色彩不宜大面积使用，出现频率也不宜高。低明度色疲劳度虽然小，但往往使人产生压抑感，也不赞成页面设计过于暗淡。比较理想的方法是多用柔和明快的浅调暖色。