网页设计论文篇三

    从心理的角度来讲，设计元素给人一定的先后印象，它们的次序分别是：色彩―图象―文字。色彩起着必不可少的作用，把握好色彩，才能把握好网页的整体设计。

一、网页设计中的色彩模式

　　网页设计的页面最终显示在计算机显示器上，而非传统的纸张上，因此，它的色彩运用有特殊的要求。

　　网页设计中用色以RGB色彩模型为基础，而RGB模型则依赖混合不同的R(红)、G(绿)、B(蓝)值来建立色谱中的大多数颜色，RGB模式主要用于计算机上所显示的图象。以红，绿，蓝为计算机上所显示图象的三原色，其它的色彩都可以用这三种色彩调和而成。

二、网页设计的色彩艺术设计

(一)综合色相、明度、纯度进行的网页色彩设计

　　网页的色彩艺术设计是以色彩的属性进行配色的依据，而色彩的属性包括色相―色彩不同的相貌、明度―色彩的明暗程度、纯度―色彩的鲜浊程度。

1、根据色相的特征考虑网页的色彩

　　充分运用色彩的特性，可以使我们的网页设计具有深刻的艺术内涵，从而提升网页的文化品位。下面分析不同色彩的特性：

　　(1)黑色使人感觉沉静、庄重、含蓄。无论什么色彩与它相配，都能取得赏心悦目的良好效果，在网页设计中，把黑色与其他流行色彩组合应用，颇有时尚、个性的气派。但是，黑色大面积使用会产生压抑、阴沉的恐怖感。

　　(2)白色给人的印象是洁净、光明、恬静等。在它的衬托下，其他色彩会显得更鲜艳、更明朗。

　　(3)灰色突出的性格是柔和、平稳，它不会明显影响其它色彩，因此，在网页设计中，作为背景色非常理想。任何色彩都可与灰色相混合，给人以高雅、细腻、含蓄、而有素养的高档感觉。

　　(4)红色一般用作迎贵宾的场合，含白的高明度粉红色，则有柔美、甜蜜、幸福的感觉，不妨考虑用它作为女性网站的色彩。

　　(5)橙色感觉活泼、华美、甜密、幸福等，但也有疑惑、嫉炉等消极的倾向。含白的浅橙色与橙色本身都是食品包装中常用的甜美色彩，用在食品的网页设计上是不错的选择。

　　(6)黄色是所有色相中明度最高的色彩，具有轻快、活泼、健康等印象。但黄色过于明亮而显得刺眼，并且与他色相混和即容易失去原来的色相，所以也有轻薄、不稳定等含义。

　　(7)绿色象征生命、青春、和平等，人眼最适应绿色。黄绿带给人们春天的气息。蓝绿、深绿有着深远、睿智等含义。灰绿给人以成熟、深沉的感觉。

　　(8)蓝色表示沉静、理智等含义。浅蓝色系明朗而富有青春朝气，被年轻人所喜爱，但也有不够成熟的感觉。深蓝色系沉着、稳定，为中老年人普遍喜爱的色彩。蓝色也有另一面的性格，如刻板、冷漠、悲哀、恐惧等。蓝色受到世界各国、各族人民的欢迎。

　　(9)紫色具备神秘、高贵、优美、庄重、奢华的气质，但也有孤寂、消极的感觉。尤其是暗紫容易给人以腐朽、死亡的印象。但蓝紫色，却有着类似太空、宇宙色彩的幽雅、神秘的时代感，在现代生活里被广泛采用。

　　(10)光泽色指除了金、银等贵金属色以外，所有色彩带上光泽后的色彩。金色富丽堂皇，象征荣华富贵;银色雅致高贵，象征纯洁、信仰，比金色温和。在网页设计中，小面积点缀，具有提神作用，大面积使用则会产生过于眩目的影响，显得浮华而失去稳重感。

2、网页色彩设计除了考虑以上所讲色相的各种特征，还要结合色彩的明度、纯度综合考虑

可以归纳为这几方面：

　　(1)用对比色调来表现网页的色彩设计，包括色相对比、明度对比、纯度对比

　　色相的对比是指不同色彩之间的对比，从24色环上按度数可分为同类色(15°)、类似色(60°)、邻近色(90°)、对比色(120°)和互补色(180°)，它们分别使网页呈现以下的特点：同类色对比：和谐、统一。红色、橙色、黄色、赭色等暖色调可使网页呈现温馨、和煦、热情的氛围。蓝色、蓝紫色等冷色调可使网页呈现宁静、清凉、高雅的氛围。邻近色对比：丰满、活泼，既保持了统一的优点，又克服了视觉不满足的缺点。类似色相对比：仍然统―、和谐，与同类色相比效果要丰富得多。对比色相对比：效果强烈、兴奋;互补色(红色-绿色、蓝色-橙色、黄色-紫色)对比：饱满、活跃、刺激的特点。

　　明度对比，就是将不同明度的两色或多色并列在一起，明的更明、暗的更暗的现象。高明度具有优雅、明亮的感觉;中明度具有柔和稳定的感觉;低明度具有沉静厚重的感觉。

　　纯度对比是将不同纯度的两色并列在一起，因纯度差而形成鲜的更鲜、浊的更浊的色彩对比现象。高纯度色彩具有明朗、积极的感觉;中纯度色彩具有含蓄、稳定的感觉;低纯度色彩具有：朴素、平淡的感觉。

　　利用高中低明度、纯度的特点组进行网页中的色彩搭配，能体现不同的风格。

(2)色彩的大小和形状对比

　　色彩的大小会令色彩的对比有一种生动效果，比如网站设计中，尝试在一大片绿色中加入几小点红色小花，你会注意到红色的小花在绿色的衬托底下很抢眼，这就是色彩的大小对对比效果的影响，在大面积的色彩陪衬下，小面积的纯色会突出特别的效果。但是如果用较淡的色彩，则会让你感觉不到这种色彩的存在。譬如在米黄色中加入淡灰色，你根本就不会注意到淡灰色。

(3)网页底色与文字、图片色彩的对比

　　假如网页中底色是低调，网页上的文字、图片颜色就要浅，以深色的背景衬托浅色的内容;反之，底色是高调，文字、图片颜色就要深些，以浅色的背景衬托深色的内容。如果色彩的明度很接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也不适宜长期阅读。

(二)网页色彩搭配要遵循的原理

1、色彩的鲜明性

　　网页的色彩设计要生动，容易引人注目。

2、色彩的独特性

　　要有与众不同的色彩设计，使得大家对该网页的印象强烈。

3、色彩的合适性

　　了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。

4、色彩的联想性

　　不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

(三)网页色彩搭配要注意的其它因素

1、了解你的读者群

　　不同地区、年龄层以及不同的文化背景对颜色的反应亦会有所不同。如年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。

2、选择颜色要注意时效性

　　同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。

3、选择色盘时请考虑功能性的颜色

　　别忘了将关键信息部分建立功能性的颜色，例如标题和超级链接等。

4、注意网站色差问题

　　每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。