色彩在网页设计中的运用

我们生活在一个充满着色彩的世界，信息时代的网络世界，也应该是充满色彩的。人们在浏览网页时，不再满足于简单的文字与图片，他们在快速获取信息的同时，对网页的视觉效果也提出了更高的要求。因此，网页设计者在掌握了基本的网站制作技术后，还要具备色彩搭配等方面的设计艺术素养。其中色彩在网页设计中占据相当重要的地位。

 

不同的色彩，具有不同的象征意义。不同的色彩，在人们的视觉心理方面可以造成不同的感觉，如红色热烈、积极、温暖，黄色灿烂、明快，绿色健康、闲逸、宁静，蓝色深沉，橙色活泼，紫色艳丽，褐色古典，灰色柔和高雅，白色纯洁，黑色高贵、稳重。另外，色彩还有具有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。在网页设计中，充分运用色彩的这些特性，可以使网页具有深刻的艺术内涵，从而提升整个网站的文化品位。

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

 

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

 

明度很高时，颜色是白色，当明度很低时，则接近黑色，如图2 所示。 一般在表现喜悦欢快、活泼明朗的主题时，可以运用明度较高的色彩，如一些购物网站、女性时尚类网站。 而表现严肃紧张、忧郁沉重的主题时，色彩的明度宜低；有时候为了表现神秘感，如一些游戏类网站，也会使用一些明度低、暗沉的色彩。图2 色彩的明度对比饱和度，有时也称彩度或纯度，是指颜色的强度或纯度，简单地说就是色彩的鲜艳程度。当饱和度下降时，颜色逐渐变灰暗。

 

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

 

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

 

网页设计中的色彩运用

1确定网页主色调

根据网页类型以及所要传达的信息来确定色彩。如政府机构类的网页强调沉稳、大方，大多选择冷色系、柔和的颜色，如绿色、蓝色或灰色。而

 

一个购物类网页或是儿童类网页，为了体现商品的琳琅满目和活泼、温馨的效果，可以选择黄色，橙色，红色等色彩。 一些高科技、游戏类网页，可以运用绿色、蓝色、蓝紫色等表达严肃、稳重、神秘效果的色彩。

 

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

 

2 色彩运用要均衡单一的运用一种颜色，让人感觉单调、乏味；但是色彩运用的种类过多，让人感觉轻浮、花俏。

 

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

 

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

 

3适当运用黑白灰黑白灰属于非彩色，是万能色，可以跟任意一种色彩搭配。

 

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

 

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

 

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

 

当的留白对于协调和均衡页面色彩可以起到相当大的作用。