1、略论网页的色彩彭纲(浙江师范大学 美术学院，浙江 金华 321004)摘要：本文从网页色彩的技术性因素、整体感、音乐性、情感、以及风格等多种角度，论述了网页在应用色彩方面具有其自身的特点。关键词：网页；网页设计；网页色彩；色彩网页是一种新的信息交流载体，它使信息传达的范围、速度与效率都产生了质的飞跃。网页在满足受众信息传达的基本需求外，还需要创造一种愉悦的视觉环境，来满足使用者的生理和心理需求。网页设计作为一种新的视觉传达表现形式，得到了越来越广泛的运用。网页设计既具备有传统平面设计的主要特征，又有其自身与网络相关的一些独特特点。它将文字、图形图像、动画、色彩等造型要素组合起来，以形成受众整体
2、舒适的视觉印象。色彩的应用在网页设计中起着十分重要而突出的作用。研究资料表明，色彩能提高信息浏览和分类的速度和准确度，能提高理解的速度，比字形和字体的变化更能提高理解的准确度。 1 这表明色彩在信息的传达方面是有其优势的。它是调适受众视觉心理、引起受众注意的有效手段。浏览者在浏览网页时，留下的第一印象往往就是页面的色彩设计。好的色彩设计可以产生强烈的视觉效果，使页面生动、清晰、和谐，而达到视觉传达的有效性。在网页设计中，运用好网页的色彩具有较高的美学价值和实际意义。一、网页色彩的技术性因素网页最终将在显示器上显示，因此，网页色彩与传统印刷色彩相比有所不同。网络色彩采用 RGB 色彩模式，与印刷
3、用 CMYK 色彩模式相比，两种色彩模式都有对方所不包含的色彩。RGB 色彩模式的色域更加宽广一些。这就意味着网页能够使用的色彩数量要比印刷色彩要多，表现力更大一些。但是，网页色彩需要通过软件（操作系统和浏览器）显示在硬件（显示器）上，由于不同的操作系统使用了不同的系统调色板，而不同的浏览器作为前端应用程序时使用它们各自的调色板，当遇到不在调色板上的颜色时，会自动抖动（DITHER）用最接近的颜色代替。因此有时会出现颜色严重失真的偏色现象，其最终显示效果与设计效果相比往往出现偏差。为解决这个问题，设计者首先要保证在主流的操作系统和浏览器配置下网页色彩的显示效果。对于其他软件系统配置下的使用，则
4、需要在设计时多加测试和调整，尽量达到多方兼顾。此外，使用网络安全色也是一种较好的方法。所谓的“网络安全色”指的是 216 种特定颜色，这 216 种颜色经研究发现它们在所有软件系统下显示效果都是一致的。使用网络安全色的好处不言而喻，它可以保证色彩的最终显示效果与设计效果完全相同，但缺点是颜色的数量太少。因此，只能在尽可能的情况下使用网络安全色。特别是对于大面积的色彩和重要突出的色彩，使用网络安全色将大大减少网页色彩的偏色现象。网页特殊的显示环境，还要求网页色彩设计尤其要注意减少视觉污染，维护人与环境的协调。这与现代绿色设计的潮流要求是相一致的。网页色彩设计要充分考虑人的视觉生理需求，保持视觉舒
5、适感是网页设计的最基本要求。由于显示器的色彩显示亮度要比纸张高，浏览网页时更容易感到视觉疲劳。因此，需要设计师创造一个舒适、能减缓视觉疲劳的色彩环境。一般说来，过分强烈的色彩刺激容易引发人的视觉疲劳，因此要注意尽量避免；此外，网页背景色如果不使用纯度过高的色彩，就能减缓视觉疲劳的发生；前景文字与背景色，要尽可能地避免亮度、色调、饱和度的接近，以提高视觉的舒适度；等等。总之，通过适当的色彩设计可以有效减少视觉污染发生，从而较大地改善网络视觉环境的质量。二、网页色彩整体感网页不是孤立的，而是由多个相关网页构成一个网站。也就是说，网页是整体中的一个局部，它的设计是要服从网站整体的需要。网页色彩也是如
6、此，它需要具有一种整体感，这种整体感很大程度决定了网站风格的确认。因为色彩渗透于每个网页的每个区域，这种渗透是全方位的，也是决定性的。一旦色彩缺乏整体感，也即意味着网站风格的紊乱。网页色彩与其他造型要素相比，在网站风格的形成上要起着更大的作用。网页色彩整体感首先指的是网页之间色彩的系统性。各个相关网页通过超链接在内容上保持着相互的联系，网页色彩亦随着这种联系发生相互作用和过渡。这种相互作用和过渡应该是自然的、和谐的，反过来说，即不能是突兀的、混乱的。只有从一开始就对网页色彩进行系统地规划和设计，才能对这些联系进行有效地维护。色彩的系统性是对相关网页配色方案和色调的协调和组织。相关网页在确定色彩
7、的基调的基础上，协调各自网页的配色方案,包括补色配置、对比色配置、类似色配置、同种色配置。在保持系统的色彩风格下各种配置可以穿插设置，前提是保持一个完整的视觉印象。网页色彩整体感还体现为网页页面本身的协调感。网页包括导航条、广告条、动画、图形图像、VI 视觉符号等内容，它们的色彩变化直接影响页面色彩的协调。特别是具有动感的视觉元素如 FLASH、GIF 动画，其色彩是处于动态变化当中。不仅要考虑到动画各帧之间色彩的协调，还要考虑动画的色调与网页的色调的对比与调和。在处理网页各视觉要素的色彩时，往往容易眼花缭乱，只注重各要素的色彩变化，而忽略各要素色彩的协调。要处理好页面色彩的协调，灵活应用网页
8、背景色十分重要。把网页背景色的配置作为网页色彩的基调，在此基础上处理好各要素色彩的对比与调和，就能达到较好的色彩效果。背景色的配置对比不宜过分强烈，要避免背景色喧宾夺主，失去了烘托主体的作用。各造型要素的色彩也要分清主次，重点对象的色彩应居于网页色彩体系中显著对比的位置。网页动画因其动态效果容易引起视觉注目，原则上宜少不宜多，宜集中不宜分散。以避免视点分散、主次不分，丧失色彩整体感。三、网页色彩的音乐性马蒂斯说：“色彩因自身而存在，色彩具有它自身的美。 ” 2 色彩因其自身形式规律的存在而具有自身的形式美感。诸如色彩的渐变、突变、重复、交替、对比、调和，将色彩如同一个个音符组织起来，形成网页色
9、彩的形式感。这种形式感的表现在色彩的调子、阶调、节奏、韵律上，与音乐的形式感有较多的共同性，所以我们可以将这种形式感称之为色彩的音乐性。色彩是凝固的音乐，色彩的音乐感是伴随着视线的流动而产生的。网页色彩由于动画的存在及因浏览而产生页面的移动，更能体现出音乐流动的形式感。另外动画和网页的背景音乐与色彩的形式感相互呼应，也更加强化了网页色彩的音乐感觉。色彩的音乐性类似于音乐表现的色彩感觉。音乐能够表达不同的色彩感觉，如德彪西的钢琴曲月光 ，就是采用了柔和干净的和声与钢琴织体来描绘月夜色调柔和而明净的色彩。反之，通过各种色彩组合能够产生音乐中不同的效果，如以冷色长调小面积色块排列对比就能产生类似弹拨
10、乐清脆的高音乐感，而以低明度和低纯度搭配的色彩令人联想到大提琴那浑厚的低音。当视觉的色彩与音乐性的听觉联系起来时，就增强了色彩感情和色彩表现力。网页色彩的节奏和韵律也是色彩的音乐性体现，它是通过色彩的交替变化出现的。通过色彩有规律的重复、渐变、突变，形成网页色彩的视觉节奏。具有节奏感的色彩与色调相结合在页面形成特定的视觉流程，就会形成生动的色彩律动和韵律。节奏和韵律是人类最原始的感觉之一，反映着生命本能的冲动，很容易引起人的情感共鸣。 3 但由于在色彩中，节奏韵律作为一种同时性形式因素，不像在音乐中具有时间性那样容易被感知。就需要设计师去主动发现和控制色彩节奏和韵律，增强网页时间和空间的变化，
11、使网页设计体现出生动感人的艺术魅力。四、网页色彩的情感当我们在欣赏网页时，每个网页的色彩带给我们的情感是不一样的。或舒缓、或紧张、或温馨浪漫、或庄重严谨。不同的色彩刺激人的色彩器官，直接影响人的感官，进而发生联想，影响人的心理平衡，生成不同感觉，最终产生各种情感。在网页设计中，色彩产生情感有两个因素，一个是色调，另一个是色彩的排列方式。色彩的色调如同音乐中的调子，它确定了网页的整体感觉，决定了网页的情感倾向。色调没有固定的模式，色调的选择要根据网页的内容和定位来确认。色调作用于人的视觉和心理，通过与过去的经验、记忆或知识相联系，产生诸如进退、冷暖、轻重、软硬、华丽、朴素等不同感觉。如蓝色，常常
12、与大面积的蓝天、大海相联系，给人以冷静、智慧、深远、透明的感觉。进而容易使人产生理智、高深莫测、忧郁、永恒、简朴等心理情感。 4 因此，蓝色调往往运用在科技相关的网站、怀旧的网站等。同理，红色调给人以热情、革命、温馨、活力等心理感受，往往运用于政府、女性、运动相关的网站。除色相变化能引起人的情感变化外，色彩的明度和纯度变化也能影响人的情感。高长调的色彩响亮而明朗，让人心情舒畅；高短调色彩配置色调高雅，给人以纯洁、柔和而明快的心理感受。低长调的色彩仿佛黑夜中的闪电，神秘压抑又使人振奋；低短调的色彩仿佛暗夜里的幽灵，低沉冷漠让人心情暗淡；纯度高的色系感觉积极、强烈而冲动；纯度低的色系感觉自然、安静
13、而随和。不同的色调引发不同感觉和感情倾向，给网页设计带来了丰富的情感因素，为我们创造不同风格个性的网页留下了广阔的空间。色彩的排列方式也影响着色彩的情感表现。同样的色调因色彩的排列方式不同，也会影响着人的情绪。在网页中色彩的排列是四维度的，即在长、宽、深三维度的基础上加上时间维度。在二维平面上，色块有大小、疏密、对称、均衡、聚散、节奏等的变化，加上色彩重叠在三维的方向产生深度和层次感的变化，对色彩的情感倾向有很大的影响。页面色彩大面积的分割显得稳重而大气；小面积的色彩有规律的交替变化，让人紧张而富有活力；对称的色彩排列庄重、有严肃感；均衡的色彩排列自由而浪漫；色彩排列节奏紧张，人的心理也紧张；
14、节奏舒缓心理就放松。色彩还通过重叠、交叠、透叠等手法使平面产生纵深感和空间感，使人产生深远、神秘、梦幻等心理感受。网页的时间性变化也影响着色彩的情感。网页动画帧的变化、网页页面在屏幕上的上下左右移动、以及网页之间相互转化都能产生网页的时间性变化。在这些情况下，随着时间的流逝，网页的色彩也发生变化。这种变化如果是自然、舒缓的，带给浏览者的心理感受也是平静、放松、悠闲的。反之变化如果是突变、紧张的，浏览者的心理也会有紧张、刺激、热烈、活泼、不安等不同感受。五、网页色彩的风格网页设计历史只有十几年的时间，受现代色彩观念的影响，色彩的丰富性从一开始就是网页设计的发展趋向。根据和谐、均衡和重点突出的原则
15、，可以将不同的色彩进行组合、搭配来构成各种风格的网页色彩设计。在众多令人眼花缭乱的配色方案中如何选择来确立网页色彩风格，是值得我们思考一个问题。首先，色彩风格的确立取决于网站的目标定位，网页的最终受众首先界定了色彩的倾向。 5 例如：面向儿童的网页设计就要考虑到儿童的色彩取向，其色彩要求纯度较高、个性鲜明、对比强烈，否则将不会受到儿童的欢迎。同样，政府网站和学生网站、男性网站与女性网站的色彩风格应该是不一样的。因为面对目标对象的年龄、气质、环境、阶层、经济乃至国家、种族、宗教信仰的不同，其审美需求也不一样，只有符合最终受众审美需求的色彩风格，才能引起他们的感情共鸣。其次，色彩风格与网站的内容要
16、能够相互呼应。通过色彩自身的表现力表现好网站的内容，使内容与色彩风格有机的结合起来，更好的发挥色彩的内在力量。如文学网站，就可采取灰色系列来创造优雅浪漫的色彩风格，以与网页的内容相协调。反之，如果采取大红大绿强对比的色彩风格，就会产生不伦不类的感觉。因此，那些虽然美观但与网页内容相冲突的色彩风格，只会对网页信息传递产生消极作用，是我们需要尽量避免的。网页设计作为一门新兴学科，其色彩风格的审美情趣必然带有鲜明的时代特征。后现代主义（Post Modernism）设计思潮与网页设计几乎同时兴起，对网页设计风格打下了深深的烙印。后现代主义设计师标榜个性化和象征性，通常采用独特的色彩手法，用象征、隐喻
17、、幽默的装饰手段力求将现实和历史文化联系起来，创造出许多个性鲜明的网页设计作品。目前，后现代风格的色彩设计已成为优秀网页设计的主流。随着时代的变迁，适应新时代的设计思想也会随之产生，对色彩审美的价值取向也会有所不同。优秀的设计师会紧随时代，敏锐地触摸到色彩的审美变化和对色彩感情的影响，并能将色彩运用与自我审美相融合，确立网页独具个性的色彩风格。优秀的设计师还会善于从各方面汲取灵感，生活可以激发设计师的想象。诸如优雅华丽的传统图案、强烈而富有张力的现代绘画、具有优美节奏韵律的音乐等， 6 都有可能对设计师的设计思维产生重要影响。网页设计师只有超越自身的局限，把握住时代脉搏，自觉地运用色彩感觉、感
18、情和色彩想象，才能够为网页设计出最适合的色彩风格。参考文献： 1 Laurette P.SimmonsLoyola，郭岚香，Ellen D.HoadleyLoyola，Faith D.GilroyLoyola文件中色彩、字形、和字体变化的显著突出作用 J 计算机工程，2000，26( 11 )：1 2 马蒂斯色彩之路 A 杰克德弗拉姆编，欧阳英译马蒂斯论艺术 C 郑州：河南美术出版社，1987：181 3 李广元色彩艺术学 M 哈尔滨：黑龙江美术出版社， 2000：244246 4 赵国志色彩构成 M 沈阳：辽宁美术出版社， 1989：3133 5 赵国志色彩构成 M 沈阳：辽宁美术出版社，
19、1989：86 6 吴镇保、张闻彩色彩理论与应用 M 南京：江苏美术出版社，1992：223227 Primarily discuss the color of web pagePENG Gang(College of Fine Arts, Zhejiang Normal University, Jinhua 321004, China)Abstract: This paper discusses the characteristics of web pages in application color aspects from multi-viewpoints such as technique factor, integer feeling, music sense, sensibility and style.Key words: web page, web page design, web page color, color作者简介：彭纲（1971）男 湖南涟源人 浙江师范大学美术学院讲师联系地址：浙江金华浙江师范大学 72 号信箱 321004电话：05792286130 13566997579
