网页设计中的色彩运用研究

网页设计中的色彩运用研究
作者：万斐
来源：《现代装饰·理论》2012年第10期
摘要：本文主要对网页设计中的色彩应用进行了研究。

重点探讨了网页设计色彩应用原则、常用网页配色方案两方面；提供了对网页设计中色彩选取的原则以及实用的配色方案，为进行合理网页色彩设计提供了参考。

关键词：网页；色彩
视觉效果是网页设计中最为重要的要素，而色彩设计又是视觉效果中非常关键的一环。

网页色彩搭配的好坏与否不仅影响着网页的感官效果，直接决定访问者的审美体验，而且对于网页使用的方便与否起到直接的作用，更为甚者，对于一个品牌而言，网页的色彩是树立、巩固、强化品牌形象的关键。

一网页设计色彩运用原则
（1）色彩功能的合理性
网页设计的首要功能是传递信息：企业或者网站通过网页将公司的信息、品牌等传递给访问者；访问者能够方便、快捷地从网页中获得所需信息。

因此，网页的色彩首先要利于信息的传播。

首先整体的网页颜色应该根据网站的性质和网页的内容来确定颜色，颜色应该符合网页所要传递的实质内容。

比如根据浏览者的性别而定，男性浏览者较多的网页应该采用理性、平和及大气的色彩，避免过于鲜艳；而女性浏览者较多的网页则要根据女性的天性，采用漂亮、多彩的色调，以吸引女性的注意（如图1）；同样的以女性为受众对象，10-20的女性则更为偏爱对比度更为强烈、色彩更为绚丽的网页，而成熟女性则在爱美同时更为偏向理性的彩色系。

在网页色彩的细节设计上，网页底色与文字及图片颜色的关系应该和谐，既要强调对比性，以突出视觉效果；又要防止过度对比，引起审美疲劳。

（2）色彩效果的统一性
网页设计应该具有统一的色系。

这是有上文提到的网页的功能决定的，也是由浏览者的审美体验决定的。

网页的色系是浏览者整体的视觉感受，除了儿童类网站运用多彩的卡通色系外，其他的网站尽量避免使用两种以上的色系。

统一的色系能够更好地突出网页的主题，在视觉形象上显得简洁大方，是网页看起来美观，同时能让浏览者者不易产生视觉上的混淆，增加浏览者的易读性。

（如图2）
（3）色彩风格的独特性
不同的色彩能带来不同的心理体验，比如红色的波长最长，穿透力强，感知度高，易使人联感觉温暖、兴奋、活泼、热情、幸福等向上的倾向，同时也被认为是幼稚、原始、暴力、危险、卑俗的象征；与红色相反，蓝色是典型的寒色，表示沉静、冷淡、理智、高深、透明等含义，随着人类对太空事业的不断开发，它又有了象征高科技的强烈现代感。

其他的颜色都各自独特的心理属性。

在设计网站时，应充分利用好颜色独特的心理属性，通过色彩模块为网页设计服务。

二常用网页配色方案
（1）同类色配色应用
同类色指色相性质相同，但色度有深浅之分的色彩。

同类色配色常见于一些技术性、专业性的网站，可以使页面统一、合理、有层次同时具有强烈的理性和逻辑关系。

比如北京奔驰公司网站首页设计（图3），采用蓝色调，与奔驰品牌传递的价值理念相符，显得高贵、理性、卓尔不凡。

（2）邻近色配色应用
所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。

邻近色之间往往是你中有我，我中有你。

在实际设计中，先选定一种色彩，然后选在其在色谱中相邻区域的颜色，这样的搭配可以避免过度使用同类色所引起的单调、呆板，使画面更为富有层次感，同时也能避免过多使用其他彩色系所造成的花俏。

这是网页设计中最常使用的配色方案之一。

如图4所示网页以青色为主，配合了相邻的蓝色和绿色，使网页具有一定的层次感，又避免了视觉效果的大起大落。

（3）对比色配色应用
在色相环中每一个颜色对面的颜色，称为对比色.把对比色放在一起，会给人强烈的排斥感。

两种可以明显区分的色彩，也可以叫对比色。

包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。

是构成明显色彩效果的重要手段，也是赋予色彩以表现力的重要方法。

在使用的通常做法是以一种颜色为主调，占有较大比例的色块面积，同时辅以对比色，起到点缀的作用。

如图5网页所示，主色调是橙红，辅色调是白色和蓝色，二者皆和橙红在形成鲜明的对比。

背景确定了网页的主题风格，而部分图标和色块采用白色和蓝色，字体也是白蓝相间，既起到了点缀作用，也突出了网页需要重点展示的内容，一举两得。

对比色的应用应该需要注意的是色彩之间色块的搭配，需要主次分明，否则不仅不能突出视觉效果，反而会起到弱化的作用。

总之，网页设计色彩搭配要实现形式和功能的统一，能体现网页的主题，快速传递网页信息，符合浏览者的审美习惯，这样才能提高网页的点击率，提升企业和网站的知名度。

参考文献
[1] 沈法.工业设计-产品色彩设计[M].中国轻工业出版社.2009.07
[2] 陈林.色彩背后的文化意义[J].美术观察.2006.
[3] 李春微.色彩在现代城市幼儿园环境设计中的应用研究[D].东北师范大学 2007.。