色彩在网页设计中的运用

马晓娟

(山西大同大学教育科学与技术学院，山西大同037009)

我们生活在一个充满着色彩的世界，信息时代的网络世界，也应该是充满色彩的。人们在浏览网页时，不再满足于简单的文字与图片，他们在快速获取信息的同时，对网页的视觉效果也提出了更高的要求。因此，网页设计者在掌握了基本的网站制作技术后，还要具备色彩搭配等方面的设计艺术素养。其中色彩在网页设计中占据相当重要的地位。不同的色彩，具有不同的象征意义。不同的色彩，在人们的视觉心理方面可以造成不同的感觉，如红色热烈、积极、温暖，黄色灿烂、明快，绿色健康、闲逸、宁静，蓝色深沉，橙色活泼，紫色艳丽，褐色古典，灰色柔和高雅，白色纯洁，黑色高贵、稳重。另外，色彩还有具有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。在网页设计中，充分运用色彩的这些特性，可以使网页具有深刻的艺术内涵，从而提升整个网站的文化品位[1-4]。

1 色彩的基本概念

自然界中的颜色有千百万种之多，我们如何去描述它们呢？一片树林就具有许多深浅不同的绿色，深绿、浅绿、黄绿等。甚至可能发生同一种色彩，由于不同的人观察的光线和视觉的差异而进行了不同的描述。这样描述颜色岂不是非常混乱吗？因此为了研究色彩，1931年国际照明委员会(CIE)对色彩的描述进行了规定。根据CIE的规定，任何一种色彩都具有3个要素：色相、饱和度和明度(或亮度)。实际上这种描述方式是基于人对色彩的感觉而定的。

色相，也叫色调。是一种色彩区别于另一种色彩的最主要的因素。色相是各种颜色的具体色彩面貌，是颜色的特征。红橙黄绿青蓝紫，这就是我们在日常生活中给色相所定义的名称，就如每个人都有个名字，如图1所示。同一色相的色彩，如浅黄、中黄、土黄，改变它们的饱和度和明度，搭配起来会非常协调。

图1 色相图

明度，也叫亮度，是颜色的明暗深浅程度。当明度很高时，颜色是白色，当明度很低时，则接近黑色，如图2所示。一般在表现喜悦欢快、活泼明朗的主题时，可以运用明度较高的色彩，如一些购物网站、女性时尚类网站。而表现严肃紧张、忧郁沉重的主题时，色彩的明度宜低；有时候为了表现神秘感，如一些游戏类网站，也会使用一些明度低、暗沉的色彩。

图2 色彩的明度对比

饱和度，有时也称彩度或纯度，是指颜色的强度或纯度，简单地说就是色彩的鲜艳程度。当饱和度下降时，颜色逐渐变灰暗。

2 色彩的象征意义

各种不同的色彩让我们联想到什么？生活中，色彩是具有感情色彩和象征意义的。比如在京剧脸谱中，红色代表忠诚，白色代表奸险，黑色代表刚直，黄色代表干练，蓝色代表桀骜，绿色代表凶狠等等。色彩所象征的意义还和民族文化、政治、宗教、神话或社会结构等密切相关。 在不同的时代，不同的国家或地区，色彩的象征意义也会有差异。

在进行网页设计时，设计者要事先了解同一颜色在不同文化背景下，所代表的不同感情色彩和象征意义，以免产生南辕北辙，甚至负面的效果。另外，大部分的颜色同时具有正面和负面的联想，如红色象征热情、光明、喜庆，同时也象征暴力、危险和警戒；蓝色象征理智、纯洁与宁静，同时也象征忧郁、悲伤与凄凉；黑色象征庄严、肃穆与威武，也象征死亡、黑暗与罪恶。我们可以通过调节色彩的明度和饱和度，来减弱或突出强调其在某一方面引起的联想或代表的含义。

3 网页设计中的色彩运用

3.1 确定网页主色调[5-7]

根据网页类型以及所要传达的信息来确定色彩。如政府机构类的网页强调沉稳、大方，大多选择冷色系、柔和的颜色，如绿色、蓝色或灰色。而一个购物类网页或是儿童类网页，为了体现商品的琳琅满目和活泼、温馨的效果，可以选择黄色，橙色，红色等色彩。一些高科技、游戏类网页，可以运用绿色、蓝色、蓝紫色等表达严肃、稳重、神秘效果的色彩。

此外，根据研究显示，色彩能够引起人类生理上的某种反应。在网页设计中，设计者要利用色彩这一特性去传达和强化网页所要诉求的信息，避免运用不恰当的色彩而起到相反的效果。例如，大面积的红色让人联想到火热、热烈，给人的视觉感受非常刺激、强烈，会使人心跳加速、呼吸急促。所以，红色不适于用作背景颜色，在需要引起注意和强调的时候，适当点缀即可。蓝色虽然可以使我们的神经系统放松，但是如果网页内容和食物有关，运用蓝色作为主色调，会起到适得其反的效果，这是由于蓝色会产生抑制食欲的生理反应。

3.2 色彩运用要均衡

单一的运用一种颜色，让人感觉单调、乏味；但是色彩运用的种类过多，让人感觉轻浮、花俏。网页给人的视觉效果协调、舒适，文字、图片等内容的合理排版是一方面，色彩的均衡运用也是相当重要的另一方面，网页设计者必须要考虑到如何使色彩的运用达到均衡，包括色彩的选择，每种色彩所占比例，色彩的排列分布等等。均衡的色彩搭配让人感觉舒适，不刺眼。

因此，当所设计网页的主色调确定以后，要考虑其它配色与主色调的主次关系，所占比例甚至排列分布等因素。根据要传达给受众的信息，希望体现的效果等设计目的来确定其它配色及其位置、所占比例等。一般情况下，鲜艳明亮的色彩所占比例应该小一点，可以在网页的局部采用少量小面积的对比色以达到丰富页面的效果。需要注意的是，整个网页的色彩最好控制在3个颜色之内，色彩太多会让人感觉网页没有主题，缺少侧重点。

3.3 适当运用黑白灰

黑白灰属于非彩色，是万能色，可以跟任意一种色彩搭配。在网页设计中，设计者可能会遇到无论如何搭配颜色，都不能将几种颜色协调的情况，这时，可以尝试加入黑色或者灰色，会起到调和的作用。

一些色彩明度较高的网页，配以黑色，可以适当地降低其明度，使之视觉上更加舒适。

白色是网页设计当中运用比较普遍的一种颜色，设计者借鉴了传统中国画中的留白艺术，把大块的白色空间作为网页的一个组成部分，给受众留下一个遐想的空间，令人回味。设计类网站或艺术性较强的网站会较多地运用留白艺术。恰当的留白对于协调和均衡页面色彩可以起到相当大的作用。

[1]顾群业.网页艺术设计 [M].济南:山东美术出版社,2002.

[2]张明.解读缤纷的色彩世界 [M].北京:科学出版社,2007.

[3]李润停.色彩构成 [M].武汉:湖北美术出版社,2001.

[4]刘佳,王倩.网页设计中的色彩表现 [J].美术大观,2007(11):113.

[5]胡亚卓.浅谈网页设计 [J].科教文汇,2008(2):180.

[6]权智殷.设计师谈网页色彩与风格[M].北京:电子工业出版社,2005.

[7]周颖梅,姜中敏.平面设计在网页中的应用 [J].福建电脑,2006(4):85.