网页设计的色彩运用.pdfVIP

网页设计的色彩运用

色彩是网页给人的第一印象，色彩运用的好坏直接影响人们对这个

网页的认同与否，设计者在设计网页时除了考虑需要网页本身的特点

外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网

页。因此，如何在网页设计中运用色彩是网页设计的重中之重。

 0引言

 网页设计是一门新兴的设计类和网络交叉学科，近几年随着网络

的发展而逐渐受到人们的重视。网页以网络为载体，把各种信息以最便

捷的方式传达给受众。在这种标准的需求下，逐步产生了审美的需求。

网页的色彩是树立网页形象的关键之一，色彩运用的好坏直接影响人们

对这个网页的认同度，网页色彩搭配既是一项技术性工作，同时也是一

项艺术性很强的工作。因此，设计者在设计网页时除了考虑网页本身的

特点外，还要遵循一定的艺术规律。

 1色彩运用

 1.1色彩分类

 在色彩缤纷的世界里，人们通过视觉感知到的色彩是非常丰富

的。色彩按照种类可以分为原色、间色和复色。就色彩的系别而言，则

可分为非彩色系和彩色系两大类：

 ①彩色系：指包括在可见光谱中的全部色彩，以红、橙、黄、

绿、蓝、紫等为基本色;

 ②非彩色系：指由黑色、白色及黑白两色相融而成的各种深浅不

同的灰色系列。

 1.2色彩种类

 (1)原色。原色就是不能用其他颜色混合而成的颜色。我们可以用

原色混合成其它各种各样的颜色。基本上原色分为红、黄、蓝3种。这

3种颜色当中不能掺杂其它的任何一种颜色。

 (2)间色。间色就是由两种颜色混合而成的颜色。我们用三原色就

可以调出3个间色来。例如，红色加黄色可以调出橙色，黄色加蓝色可

以调出绿色，蓝色加红色可以调出紫色。橙色、绿色、紫色称为间色。

 这种交错关系构成了色光、颜料与色彩视觉的复杂联系，也构成

了色彩原理与规律的丰富内容。

 (3)复色。原色就是由一种间色和另外一种原色混合而成的颜色。

例如：黄色加橙色为黄橙，红色加橙色为红橙，蓝色加紫色为蓝紫，红

色加紫色为红紫，蓝色加绿色为蓝绿等等。黄橙、红橙、蓝紫、红紫、

蓝绿称为复色。

 以上的原色、间色和复色就构成了千变万化的色彩世界。我们在

运用色彩时可以根据这些特性，搭配出不同效果的色彩方案。

 2网页设计的色彩运用

 根据专业的研究机构研究表明，彩色的记忆效果是黑白的3.5

倍，也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

通常的做法是：主要内容文字用非彩色(黑色)，边框、背景、图片用彩

色。这样页面整体不单调，主要内容也不会让人眼花缭乱。黑白是最基

本和最简单的搭配，白字黑底、黑底白字都非常清晰明了。灰色是万能

色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。

 (1)红色。红色的纯度高，引人注目，有人称之为“火与血”的颜

色，能增高血压，加速血液循环。用红色为主色的网页不多，在大量信

息的页面里使用大量面积的红色不易于阅读，但若搭配好的话，也可以

起到振奋人心的作用。过纯的红色容易使人疲劳，引起人的心理反感，

因此，一般只有在以节庆为主题的网页中会大面积使用纯红色，而在其

它主题的网页中，要使用大面积的红色就需要加入白色或暗色调。

 (2)橙色。橙色在网页中经常被使用，通常给人一种温馨明快的感

觉，如果将黄色或黄绿色与橙色搭配会使网页呈现出非常好的效果。在

各种网站中，橙色的使用几率比较多，橙色既能体现一种青春的活力同

时也不失稳重。

 (3)黄色。黄色作为一种主色调，在网页配色中经常会作为背景色

来使用。黄色本身给人一种清爽、明朗的感觉，所以能够得到大部分人

的认可。在一些门户网页中经常会运用到黄色，黄色会带给人一种积极

向上的感觉，使人身心愉悦。高彩度的黄色与黑色的结合可以达到清晰

整洁的效果，这种配色实例在网页设计十分多见。

 (4)绿色。绿色通常被认为是象征和平的颜色，同时也会带给人安

静祥和的感觉。在一些与健康相关的网站中经常会用到绿色。用浅绿色

作为网页背景色，可以给人营造一种平静的氛围，也可以给人一种清凉

的感觉。

 (5)蓝色。蓝色在网页元素中出现的几率是最高的。很多ZF门

户、学校门户网页都使用蓝色作为背景色。使用蓝色既能达到庄重的效

果，也能给人整洁、轻快的感觉。蓝色与白色、青绿色搭配会使人感到

开阔、清凉。很多企业做网页时都选择了蓝色，IBMGS网页就是其中

之一。

 (6)紫色。紫色通常让人有一种神秘的感觉，在一些个性网页中经

常会出现紫色