网页设计中的色彩搭配

李爱国

（陕西工业职业技术学院，陕西 咸阳 712000）

网页是色彩应用的一个新领域，当代网页设计者不仅要掌握基本的网页制作技术，还需要掌握网页的配色艺术。了解色彩学的基础知识，掌握网页色彩的搭配原则，有助于我们在设计实践中更理性地运用色彩，提高网页设计效率。

1 色彩基础知识

（1）原色、间色、复色。我们所见的各种色彩都是由三种色光或三种颜色组成，而他们本身不能再拆出其他颜色成份，所以被称为三原色。因为计算机显示器是基于R G B模式来显示颜色的，所以我们采用色光三原色的说法，原色为：红、绿、蓝。在网页设计中的h t m l语言的色彩表达就是用这三种颜色的数值表示。如蓝色R G B（0，0，255），十六进制表示方法为（#0000 F F），我们在网页代码中看到语句”b g c o l o r=#0000 F F”，指的是把网页背景色设置为蓝色。间色指由任意两个原色混合后的颜色，那么三个原色就可以混合出三种间色。如红和绿色混合后的间色为黄色，绿和蓝混合后的颜色为青色，蓝和红混合后的颜色为品红。

复色是指三次色，由两种间色或由原色与间色调和而成的颜色。如橙色、黄绿色等。

（2）色彩三要素。色相、纯度和明度是色彩的三要素。色相就是色彩的相貌，用以区别各种色彩类别名称；纯度就是色彩的纯净程度，类似于酒的纯度，酒精中加水越多纯度越低。明度即色彩的明亮程度，体现了颜色的明暗程度。它们是评价色彩的主要因素。在实际配色应用中需要综合考虑三要素间的关系。在网页设计中明度运用很普遍，如购物类、儿童类等网站常采用一些明度高的色彩，以突出活泼明快感觉，而游戏类网站则采用低沉的色调。

2 色彩应用

在设计网页时，我们要重视色彩的应用，当我们进入一个网站时，首先映入眼帘的是网站的色彩，各种色彩给人的感觉是不同的，因此设计者在设计网页时要使色彩与网站主题相符。一般情况下，色彩给人的感觉和应用情况如下：

红色视觉冲击力强，容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。近年来以红色为主色的网站逐渐增多。可口可乐在中国的网站很有中国特色，采用喜庆的红色，充满激情与活力，红色宜与浅黄色匹配，不适合与绿色、深蓝色搭配。

橙色充满活力，给人健康的感觉，是人们普遍喜爱的颜色。应用于网站给人一种晴朗新鲜的感觉，也常用在食品饮料网站中。橙色不能与紫色、深蓝色搭配。因为橙色可以提高厌食者的食欲，所以橙色常用在食品饮料类网站中。

黄色灿烂辉煌，给人以光明、活泼轻快的感觉。它在网站中应用广泛，经常与绿色、蓝色、紫色搭配。

绿色会让人联想到大自然，象征健康与希望。经常用于与健康相关的站点、教育类、环境类站点。浅绿与黑色相配，深绿不能与深红、紫红搭配。如主色调为绿色的饮料网站，给人清新、自然的感觉。

青色在色环上介于蓝色与绿色之间，给人的心理感觉基本与绿色相同，但比绿色稍显冷静。经常应用在知识、教育类网站。如主色调为青色的教育网站，给人睿智、清秀的感觉，突出知识文化品味。

蓝色会让人联想起天空和海洋，表现和平、淡雅、洁净、可靠等多种感觉。蓝色在网页设计中运用广泛，常用于科技、知识、计算机、企业等多种类型的网站中。浅蓝色可以与黑色搭配，深蓝色不能与深红、紫红、棕色搭配。

紫色在有彩色中明度最低，给人神秘高贵的感觉。通常用于以女性为对象或艺术类网站中。紫色不容易与其他颜色搭配，但可以加入白色，形成优美柔和的颜色。如主色调为紫色的化妆品网站，给人高贵、典雅的感觉。

黑色给人沉闷压抑的感觉，一般与明度高的色彩搭配使用。白色给人纯洁、高雅感觉，通常与其他颜色搭配，构成明快的对比调和关系。灰色具有柔和、高雅的意象，常用于高科技产品网站中。黑、白、灰在色彩配色中占有相当重要的地位。黑、白、灰活跃在各种配色中，改变对方的明度、纯度与色相，产生出多层次的优美色彩，是决不可忽视的无彩色。

3 网页设计中色彩的基本原则

设计网页时除了考虑网页的版面布局，还要合理的运用色彩的搭配原则，遵循一定的艺术规律。

（1）整体性原则。网页上各部分色彩都有自己的角色，主色、辅色、点睛色、背景色一起组成和谐统一的色彩关系。对网页内容进行合理有效的视觉编排，使浏览者有一种全身心的享受和共鸣。主色调主要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。辅色只是作为点缀和衬托。例如：IBM公司的网站界面都是以蓝色为主要色调，其余色彩使用必须考虑和蓝色搭配协调，起到辅助作用。

（2）适用性原则。根据网站类型选择合适的色彩，使内容与形式相统一，网页设计所追求的形式美，必须适合主题的需要，美的形式也可以更好地体现主题[2]，为主题服务。例如与牙齿清洁相关的网站，运用蓝色主色调，给人清新健康的感觉，适用于网站主题。

（3）独特性原则。网页设计要有独特的个性，让色彩的独特性充分发挥魅力，在同类网站中脱颖而出,给浏览者留下深刻的印象，要在遵循整体性和适用性的基础上进行。

总之，色彩搭配既是一项技术性工作，也是一项艺术性很强的工作，要想设计出精美的网页，还需要在实践中长期摸索。

[1]李翔宇.浅析网页设计中的色彩搭配[J].长沙民政职业技术学院学报，2004，11（3）:69.

[2]王海燕.张正凯.任建浩.从审美角度浅谈网页艺术设计[J].中国电化教育，2003，（212）:70.

[3]叶蓓.网页色彩搭配的设计艺术[J].计算机与网络，2004，（10）:43.