网页的色彩认知与构建

饶简元

每一个网站都可以被认为是一个信息资源中心，网站中的信息资源都是通过网页展示给访问者的。访问者访问网站，打开网页，映入眼帘的首先是网页的色彩。多数情况下，访问者在访问一个陌生的网站时，如果网站的色彩搭配合理，运用恰当，或生动有活力，访问者就会被吸引，从而停留在此网站中，并开始阅览网站栏目，进而浏览网站信息。例如：访问者需要从一个学术类网站中获取信息，当打开某学术类网站的首页时，如果网页色彩能够体现出很强烈的学术气息，那么访问者就会被该网页色彩所营造的气氛所吸引。反之，访问者有可能立即离开该网站。又如：当一个儿童类网站的网页被设计得既轻松又活泼，色彩明快，就会受小朋友的青睐。由此可见，网页的色彩问题是网页设计中不可忽略的重要问题，网页设计必须解决好色彩的排布。

一、网页的色彩认知

在网页设计过程中，最难处理的问题就是色彩。如何确定主色调，如何搭配色彩，如何运用最简单的色彩来表达、体现网站的形象和风格是网页设计的难点之一。

1、色彩的联想和象征

每一种色彩都具有象征意义，都会引发人的某种情感，这就是色彩的象征性和色彩的情感。色彩的联想与象征性涉及到美学、光学、心理学、人类学和民俗学等多方面的内容。不同的人，对同一个色彩会产生不同的联想，所引发出的情感也会不同，其受年龄、对色彩的理解、传统等多方面因素的影响，例如看到红色，有人联想到的是热情，有人联想到的可能就是危险。

当人们看到某颜色时，必然会将它与其相关的精神、内涵、意义、形态等相联系，他是通过过去的经验、记忆或知识而取得的。象征是由联想并经过概念的转换形成的思维方式。色彩的象征是联想经多次反复后思维方式里固定了的专有表情，于是在思维中某色就变成了某事物的象征。网页中的色彩同样给人以联想。很多优秀的网站正是利用了色彩的联想和象征这一特性而进行设计，例如很多糕点类的网站都采用黄色作为主色调，正是由于黄色具有快乐、希望、智慧和轻快的个性，由于它的明度较高，给人留下明亮、辉煌、灿烂、柔和的印象，又同时引起味美的条件反射，给人以甜美感、香酥感和温暖感。又如惠好公司是全球最大的林产品一体化公司，它是北美最大的软木生产商，其网站采用绿色为主色调，正是利用了绿色所表现出来的充实、平静和希望，给人以新鲜、青春、健康和安全的感觉，充分体现了人与大自然的和谐，人文与绿色环保的诉求理念。

2、色彩的平衡和倾向

色彩是有倾向性的，这种倾向性与人类的生存环境、民族信仰、个人喜好、网站的性质和类型等有关。网页的色彩同样具有倾向性。例如在中国，红、蓝搭配表示的是庄重、严肃，所以多为政府网站所采用。因此，设计网页必须研究色彩的倾向性。与倾向性相关的就是色彩的平衡问题，色彩的平衡是对色彩倾向的制约和调和。例如从色彩冷暖的角度看，冷和暖是两种倾向，趋于中性的绿色则较为平衡，那么使用绿色为主色调的页面会让人感觉和谐、亲切。又如世界上许多著名的时装、体育用品的网站都采用黑色与白色搭配作为网站的主色调，这是由于黑色与白色搭配能够给人一种稳重、成熟和神秘的感觉。黑色和白色都属于冷色调，这样的搭配也会给人以冰冷、消极、虚无的感觉，为了增加画面的亲和力，往往在设计时会在黑色和白色之间加入灰色、红色等颜色来过渡、点缀，以实现色彩的平衡。

3、网页色彩配色

网页的配色对营造网页氛围，突出网页主题等有重要影响。就人们所浏览到的网站来说，所有网页都进行了配色，但给访问者的感受却千差万别。例如黑色和白色搭配，会使访问者感到庄重、神秘、雅洁，会引起访问者的沉思；紫色和灰色搭配，会使访问者的心情变得忧郁和不安，如果访问者当时的心情本身就不太好，则会使访问者的不太好的心情进一步加剧。

二、网页色彩设计存在的问题

经过了一个漫长的摸索过程，虽然我国目前在网页设计的色彩构建方面已经有了长足的进步，但相比国外的优秀网站还有很大的欠缺。

1、色彩风格与主题脱离的问题

色彩风格与主题脱离的问题是网页色彩设计中最常见的问题。这是因为利用色彩来恰当地表现网页主题，呈现网站理念，比较好地迎合多数访问者的情感，喜好、视觉感受，对设计者来说并非困难。例如设计一个咖啡的网站。通常情况下，选择咖啡的原色褐色为主色调，搭配表现甜美、柔和、味美感觉的黄色进行点缀，能使整个画面表现出一种协调、统一柔和的效果。这个设计方案，特别是色彩风格是符合网页主题的，也非常好地呈现出了网站理念。但问题是，在互联网上存在数万个与咖啡相关的网站，这些网站的基本理念又是相似的。如果所有的与咖啡相关的网站和具有类似理念的网站都采用这种格调，结果可想而知。因此，设计者在设计过程中既要在色彩运用上满足上述基本要求，同时又要有所突破，要体现出自身的与众不同的特征，要使所设计的网页从众多相同主题的网站中脱颖而出，这对设计者来说确实是一件很艰苦的工作。这是导致色彩的滥用，使网页色彩风格与网站主题脱离现象产生的主要原因。

2、文字能见度低的问题

网页的核心功能是提供信息，能见度是信息的体现者，如果网页中的信息能见度低则严重地影响访问者阅读网页，网页因此就失去了意义。然而，在众多的网页中，由于配色方面的原因，网页的能见度不是令人满意。其主要表现在：文字与背景色差太小；色彩搭配凌乱，文字内容被背景淹没，特别是当采用将文字说明放置在图像内对图像中所呈现的艺术品进行说明过程中，往往出现文字与图像混淆的现象，其不仅严重地影响了作品的展示效果，同时还影响了访问者对作品的认知。

3、人性化的问题

网页信息是通过光波的传播，经人的视觉器官传输到人脑中的。光波的波长不同，所产生的色彩和亮度不同，给人的视觉感受不同，对访问者的心理感受也不同。特别是，计算机显示器所发出的光由于含有辐射等因素，其自然而然地就对访问者的视力产生负面影响，如果在进行网页色彩设计过程中，不注意光的亮度的调节，不注意色彩的搭配，则会对访问者的视力产生严重的影响。例如黄色是亮度最高的颜色，并且黄色在白色背景上的易见度最低。在网页中如果使用黄色文字和白色背景作为主要的色彩搭配，会让访问者觉得非常刺眼，严重影响访问者的阅读并会对视力产生负面影响。

三、网页的色彩构建

通过上述对色彩认知的介绍和对网页色彩设计常见问题的分析可知，网站的成败与网站的网页色彩设计、色彩定位有着密切的关系，因此在网页设计过程中必须重视色彩的设计。

1、色彩风格设计

在网页设计过程中，确定色彩风格既简单，又复杂，它是一件具有创造性的创新活动。这是因为：当网站主题确定后，设计者会自然而然地联想到一些色彩，例如设计房地产类网站，设计师在网页色彩设计时，会很自然地想到使用金色和灰色；又如设计洁具类网站，设计师马上会想到使用蓝色和白色搭配。上述这些实例所反映出的是人的常规思维。但就设计而言，不论是网站的拥有者还是访问者都要求设计者所设计的网站在网页色彩等方面，既与网站主题相吻合，又特立独行，因此，仅用常规的思维来进行设计就远远不够了。例如法拉利汽车网站，从LOGO到整个网页的主色调采用的都是红色，红色给人以活力、奔放的感觉，非常符合法拉利跑车的速度与激情的设计理念。在众多的汽车网站中，法拉利汽车网站在色彩的确定上也做到了与众不同。又如：可口可乐公司的网站、百事可乐公司的网站、李宁网站、中国一汽的网站等一些网站的网页在色彩定位和配色方面就不仅与企业理念相吻合，有自身的特点，同时访问者在浏览网页时会随着网页的色彩来感受和体味其品质。

2、文字色彩设计

文字、图形图像，以及视频信息是网页信息的核心内容，文字在其中所占的比例应该说是最多的。不仅如此，文字还存在再设计的问题，例如大小、体例、色彩等。就文字色彩的设计来说应该做到色彩与文字的体例、文字的大小与文字所述的内容相吻合。除此之外，还要处理好文字的色彩与其相应的环境色（如背景）之间的关系，例如在高明度色彩的背景中，低明度的文字易于识别，如果背景和文字明度接近，就容易出现难以识别的情况。具体来说，黄色在白色背景上的易见度最低；橙色兼具红色和黄色的优点，柔和明快，容易为人眼接受，所以橙色与任何一种颜色搭配都显示得很清晰。黄与白、绿与红、绿与灰、紫与红、紫与黑、青与黑等几种搭配的易见度低。因此，进行文字色彩设计应该根据色彩原理进行组合，以突出文字效果。

3、人性化色彩设计

色彩设计不仅要考虑与主题相一致，能有效地营造网页气氛等问题，进行网页色彩设计还必须考虑和解决好保护访问者视力的问题，考虑和解决好访问者感受的问题。因此，网页配色设计时尽量不要选择视疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。非色彩中的白色的明度最高，黑色明度最低。

总之，网页配色既是一项技术性工作，同时也是一项艺术性很强的工作。在网页设计时除了考虑网站自身的特点外，还要遵循一定的艺术规律，以设计出色彩鲜明、个性独特，同时又无损访问者健康的网页。

＊ 本论文基于云南省教育厅科学研究基金项目——艺术设计信息资源管理与服务（项目编号：09C0120）。

1. 杨维：《FLASH网页艺术设计与网站建设教程》，清华大学出版社2007年。

2. 张少卓：《网页设计师时尚配色宝典》，科学出版社2008年。

3. 日本CR&LF研究所：《配色全攻略》，中国青年出版社2006年。

4. Art Tone视觉研究中心：《平面设计配色全攻略》，中国青年出版社2010年。

5. 旭日东升：《网页设计与配色、背景》，电子工业出版社2011年。