网页设计中的色彩设计 色彩设计说明怎么写

　　从心理的角度来讲，设计元素给人一定的先后印象，它们的次序分别是：色彩―图象―文字。色彩起着必不可少的作用，把握好色彩，才能把握好网页的整体设计。 　　一、网页设计中的色彩模式
　　网页设计的页面最终显示在计算机显示器上，而非传统的纸张上，因此，它的色彩运用有特殊的要求。
　　网页设计中用色以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 值，并在不同的作业平台上测试你的色盘。
　　了解综上所述的色彩的原理有助于我们进行网页色彩设计。设计师应该在掌握这些基本理论的基础上，发挥自己的个性与创意，从多方面进行网页设计中色彩的创作与探讨。
　　
　　参考文献
　　[1]施莹、吕树红：《网页设计与制作》，清华大学出版社，2009-05-01
　　[2]吉姆•克劳斯（美）：《色彩设计指南》，上海人民美术出版社，2008-01-01
　　[3]王令中：《视觉艺术心理》，人民美术出版社，2005-08-01

相关热词搜索：网页设计 色彩 设计 网页设计中的色彩设计 网页色彩搭配 网页设计颜色搭配