网页用色之我见

（山东服装职业学院 271000）

进入21世纪，科技正以迅雷不及掩耳之势前进，网络也逐渐进入了大众的视线，而构成网络的便是形形色色的网页。我喜欢的网页浏览器是the world中文叫世界之窗，就像这名字一样，网页所承载的是一个无限地网络世界，让我们在信息的世界中漫步，在其中受益，当我们回过头来去思考网页时，这才发现真正为我们做出贡献的依然是生活中最基本的一个元素——色彩，这种形式却有别与其它，变的特殊、变的独特、变的有价值，值得我们去开发利用，去深入思考。

网页不同与雕刻的龟甲、不同与树皮、不同与金属、不同与织物、更不同于纸张，它的色彩不是涂上去的，没法像水粉，油画颜料那样调和，也不能像原始人那样进行雕刻，更不像瓷器那样进行烧制，由此网页是特殊的，但它能准确的体现其内容，它是信息时代的体现，是一个新时期的体现，也是人类文明发展进步的体现。

一、网页设计和颜色的嗜好性

网页设计中确立网站风格的是色彩。色彩会产生强烈的视觉效果，使页面变得更加生动。色彩设计的好坏会直接影响阅读者的心理变化与观赏兴趣。因此，地位十分重要。

色彩意识是从原始时代就存在的，人类在混沌初开的原始时代发现色彩的光华起色彩就以其变幻不定的形式影响着人类的精神世界。色彩的种类成千上万，只用语言或文字去表示是很困难的。所谓颜色的嗜好性就是指经常进行的有关征求喜好颜色与不喜好颜色的调查。在一次网络调查中，在众多的调查问卷中蓝色是人们最喜爱的颜色。按照男女比例来看，男性中第一名是蓝色，第二名是浅绿色，第三名是湖蓝色。女性中第一名是浅粉色，第二名是深粉色，第三名是红色。体现出了男性色彩是冷色系，女性色彩是暖色系这样的直接结果。虽说色味的喜好各有不同，但是整体而言大家还是都喜欢比较明亮鲜艳的颜色的。一个网页的色彩会影响人们的心理，例如方正电脑网站，该网站活泼、时尚，但由于鲜艳的颜色使用过多，使网页看上去太过零乱，不能够很好的突出主题，从而给浏览者留下零乱的印象，可见色彩在网页中的作用是不可小视的。

（一）色的单纯化

从形式论上讲，人的直觉在根本上就具有简单化和统一化的倾向。所以，造型艺术中单纯的形、单纯的色也具感召力，它能使效果更集中、更强烈、更醒目，也更容易记忆。色彩的单纯化即简洁化，指尽量减少配色的条件，最单纯的用色关系来体现色彩效果。达到单纯化原理的手段有4种：减弱、加强、归纳、组合。

单纯的色彩并不一定简单，也绝不可与单调等同。如通过雪白的玉兰花，朴素而柔和，它将丰富、微妙的变化隐含在单纯的白色之中，比五颜六色的色彩效果更内在。耐人寻味中国传统水墨画的用色可谓是单纯极了，墨色五分，画家就是在这种单纯的黑色中求深浅，求笔触，求神韵。还有我国民间的蓝印花布、战国时期的红黑漆器、明清时期的青花瓷等等，看上去它们的用色都不多，但无一不体现着单纯而丰满的美感。1

（二）色的强调

所谓强调，是为了弥补用色中的贫乏与单调，用某种方法刺激视觉，从而吸引人们的注意和兴趣。用色中的强调往往只是很小一部分，但却能产生左右整体的力。强调的关键是位置的选择，因为重要的位置本身就是强调。强调也是用色中有重点的设计，重点往往含有集中的效果。另外，伴随着运动和节奏感的用色，视觉上也能得到强调的意味。强调还在于它的对比性。只有当强调部分与整体形成某种对比时，强调才真正存在。色彩中黑与白、冷与暖、鲜与浊、大与小等对比的面积比例关系，都可构成整体中的强调，大面积上用小面积作为强调，灰色调上用少许鲜艳色作为强调等。2

成功网页非同凡响的震撼力正是由色彩所表现的。感动自己，才能感动别人，说服自己，才能说服别人，娱己，才能娱人。成功的网页设计之所以能深入人心，甚至能改变我们的审美观念、穿衣准则，除了独特的天分与敏锐的触觉，秘诀在于，它们本身也深爱着这种色彩设计。这种色彩设计贯穿在网页设计的理念中，也成功的体现在各行各业中，像血液中流动的DNA，无处不在。

二、网页中色彩的重要体现

在网页中色彩的种类并不多，但他们的对比却有着举足轻重的作用，不同的对比给人不同的感受：

（一）网页中零度对比的运用

1.MSN地球人都知道，它的主页采用的是整体淡蓝色，线框分类明显，数字采用白色、淡蓝、深蓝、黄色、绿色，其中黄色和绿色较少，并且放在并不重要的位置，这样的对比效果感觉柔和、和谐、雅致、文静，符合西方人的口味。蓝色在欧洲被认为是身份的象征，在西方传统宗教题材的绘画作品中，蓝色常被用来描绘圣母所披的青色罩衣，代表着纯真的爱心和由衷的悲伤等含义。中国的蓝印花布、蜡扎染、青花瓷等蓝青色的运用，蕴含了深邃的文化底蕴和朴素的情愫。蓝色是博大的色彩，天空和大海都是蔚蓝色。蓝色是永恒的象征，它是最冷的色彩。MSN网页设计者抓住蓝色这一特点，进行了很好的运用。在紧张忙碌的生活中，看到MSN的主页给人少许清新，何乐而不为。

2.高路动画，软件培训机构，其主页采用黑底色，白色字体，紧密的框架结构，使人感觉大方、庄重、高雅而富有现代感，有效的宣传了其电脑培训的内容，同时也表现出了自己雄厚的实力。黑色是无彩色，生活中的物体反射能力差，都会呈现出黑色的面貌。黑色给人以消极和积极两种感觉。消极方面，黑色给人烦恼，忧伤、阴森、恐怖、消极、沉睡、悲痛甚至死亡等印象，西方国家把黑色视为礼服颜色；积极方面，黑色给人以休息、安静、考验、高档、深沉、严肃、沉思、坚持、庄重与坚毅的印象。在两种色彩之间，黑色使人得到沉思、坚持、休息、安定、考验的中性感觉。黑色与其他色彩组合时，属于极好的衬托色，可以充分显示其他颜色的光感和色感。黑白组合，对比与光感最强，朴素而分明。黑色还具有高贵、稳重、科技的意象，黑色也是永远流行的主要颜色。这种无彩色对比虽然无色相，但它们的组合在实用方面却很有价值。如黑与白、黑与灰、中灰与浅灰，或黑与白与灰、黑与深灰与浅灰等。对比效果都感觉大方、庄重、高雅而富有现代感，这样的对比在网页中时常被应用。高路动画，还通过实际作品的彩色图片与主题黑色作对比，产生一种无彩色与有彩色对比，如黑与红、灰与紫，或黑与白与黄、白与灰与蓝等。对比效果感觉既大方又活泼。另外高路网站在选择图片时也注意了在颜色上的选择，图片颜色个个都很鲜亮却也柔和，给人眼前一亮的感觉，很是吸引人的眼球。其在图片上也做了颜色的处理，明亮的图片上加了略深的半透明色，在其上加上了图片的英文介绍，这虽然只是不经意的点缀，但却给人以大气、国际化的感觉，增加了受众对该网站的信任度。

（二）网页中调和对比的运用

1.艺博盛视，在图标边框中大量使用红色和橙色的渐变，色相变化非常丰富，与大面积的黑色相配合，产生精巧的点缀，活泼而又不失统一。页面空间色彩、整体和谐统一，给人一种宁静、幽雅感；文字图形色彩明快突出于背景色，页面空间氛围活跃而有生气。黑色调主导着整个网页的风格和意境，而红色的面积虽小，却起着强调和缓冲的作用。红色让页面充满生气、趣味，使黑色调显得更加流畅。红色与黑色搭配合理，使整个页面更加引人注目， 特色鲜明。大部分的网站都以文字为主，因此网页中文字的清晰度与可读性显得尤为重要，该网站考虑到了文字的大小、字体、行距、字距等，一大一小恰如其分的突出了主题。此外，该网站还在背景色彩与文字色彩的配合上下了不少工夫。文本颜色与背景颜色对比很大，加强了文字的可读性与清晰度，突出了文字内容，但为避免造成太过强烈的视觉刺激，其文字并没有使用单纯的白色，而是使用了亮灰色。在网页的设计中，图像占据着重要地位，图像不仅能起到装饰页面的作用，还能表达网页的情感与风格。但如果图片色彩使用不得当或者图片太多，就会导致浏览或者下载的速度变慢，从而降低了网页的点击率。所以正确使用图像及其色彩是非常重要的。该网站也看到了这一点，在图片的运用上，没有贪图图片的数量，而是在关键部位使用了图片，图片的颜色和整个页面的色调非常统一，图片的运用使整个页面看起来更加大气与生动。其实网站的作用主要是为了突出公司的主题，为公司做宣传的，此网站并没有偏离该路线，该网站是一个培训类的网站，整个网站大气、和谐、生动，正好对应公司的师资雄厚，师生之间的和谐相处，教学方式的灵活，有效的宣传了公司。其中色彩的作用就不言而喻了。

2.酷6网，大量采用的是绿色元素，白色的底色，淡绿色的修饰，少量红色的对比，产生一种独特感受。众所周知，绿色是由蓝色和黄色两种成份组成的。在绿色中，将蓝色的收缩感和黄色的扩张感相中和，将蓝色的寒冷感与黄色的温暖感相抵消。因此绿色的性格最为平稳、温柔与恬美。绿色是大自然的主宰色是人类和自然和谐共存的根本所在，而橄榄绿更成了和平、生命、友谊、安全的代名词。歌德对绿色是这样形容的，“绿色给人真正的满足，人们不想再作进一步探讨，也不能再进一步”。可以看出绿色是中性的，冷暖倾向不明确的平和优雅的色彩，它的感情象征意义多属于积极性的绿色的联想。舒缓的繁忙的都市，紧张的生活，工作累了的时候，多想换方式放松一下，成就全新的自己。不妨来段轻柔的音乐或搞笑的视频。

（三）网页中强烈对比的运用

网易整体采用白色，灰色和蓝色的冷色字，但在163的标志上采用了红色，强烈的冷暖对比，使人很清晰的看到网站的标志；在登录框数字和线框较为密集，输入条的底色为淡蓝色，清晰明了，其它地方留有空白，灰色的数字进行过渡，就色彩而言，有着很强的明度对比。狙击手在瞄准目标时总是分析下目标的大小，颜色，眼前图像的简单和复杂程度，以判断距离，否则很难击中目标，其中他也是在运用色彩的面积与位置的对比。这一对比在网页中同样适用，我们为了强化网页的功能性，往往根据实际情况，多页面进行色彩面积的逻辑化，从而突出其内容。

www.cctv.com中大量出现缩略图，每个缩略图都配合一组内容，在信息量较大的网站中大量出现这中形式。

由以上可见色彩在网页中占据着举足轻重的作用，当我们距离显示屏较远时，看到的不是优美的版式而是网页的色彩。可以想象失去色彩的网页将是什么样子。

网页在一定意义上可以说是一件艺术品，因为它既要求页面新颖、整洁，又要求文字优美流畅，使用恰当的色彩可以使页面产生强烈的视觉效果，使页面更加生动。而且，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。

在网站云集的今天，只有色彩独特、与众不同的网页，才能显得个性鲜明，给浏览者留下深刻的印象。在同类型的网站中尤为重要，网页的色彩不但要符合此类网站的用色特点，还要有其独到之处。网页设计是一种艺术形式的活动，以按照内容决定形式的原则，大胆的进行艺术创新，才能设计出既符合网站主题，又别具风格，个性鲜明的网页。网络更新发展之快、蕴涵潜力之大、覆盖之广都是前所未有的，网络的未来不可限量。

注释：

1.苏娜，张凯.《色构网页》.中国宇航出版社，2005.1：156.

2.苏娜，张凯.《色构网页》.中国宇航出版社，2005.1：158.

[1]荆雷.《设计概论》.河北美术出版社，1997.12.

[2]CIS项目组.《Web配色字典》.电子工业出版社，2006.9.

[3]苏娜，张凯.《色构网页》.中国宇航出版社，2005.1.

[4]张彪.《色彩构成设计》.安徽美术出版社，2003.5.

[5]王娜.《网页制作与色彩搭配全攻略》.清华大学出版社，2006.9.

[6]梁景红.《网页设计思维》.电子工业出版社，2006.7.