浅谈网页设计中色彩应用.docVIP

浅谈网页设计中色彩应用 　　摘要:本文阐述了色彩的基础知识、色彩的搭配以及网页主题色的选取三个方面内容。结合相关实例,分析网页的色彩对浏览者的视觉所产生的影响,提出了色彩搭配和色彩选取的一些建议。 　　关键词:网页设计;色彩应用:色彩搭配;主题色 　　中图分类号:TP393 　　文献标识码:A 　　文章编号:1002-2422(2010)06-0042-02 　　 　　1　色彩的基本知识 　　 　　任何一种彩色都具备三个属性: 　　色相即指色彩的相貌。是一种颜色区别于另一种颜色的表相特征。比如说红色、黄色、蓝色都代表不同的色相,表示颜色自身的独特性质,是色彩中最基本、最重要的属性。 　　明度是指色彩在视觉上的明暗程度,也称之为亮度。明度越高,色彩越亮;明度越低,色彩越暗。 　　纯度是指颜色本身的纯净程度,又叫饱和度。纯度越高,色相表现越明显,色彩越鲜艳、活跃、刺激;纯度越低,色相表现越模糊,色彩越浑浊、稳重、平淡、柔和。 　　 　　2　网页色彩的使用原则 　　 　　(1)色彩的艺术性。凡是经过设计的色彩都具有某种程度的艺术性。既符合实用要求,又遵循美学原则。和谐统一,均衡布局,重点突出是网页设计的原则。一般来说,不同的色彩进行搭配组合,通过艺术手段的处理最终形成一个艺术性强且能够吸引人和感染人的网页页面。 　　(2)色彩的鲜明性。网页的色彩要鲜艳,容易吸引浏览者的注意力。 　　(3)色彩的独特性。网页色彩的选择与搭配要与众不同,这样才能给读者留下的印象深刻。 　　(4)色彩的联想性。不同的色彩会使人产生不同的联想。白色使人想到雪花,黑色使人想到黑夜。蓝色使人想到天空和大海等。在网页设计时,选择合适的主题以及相关的色彩,可以使网站流露出别样的气息。 　　不同的浏览人群;不同的社会背景;不同的受教程度;不同的心理需求,有着不同的鉴赏观点。鲜艳红色的政府机关网站体现其庄严肃穆;悠悠绿色的农林网站给人一种生机勃发的感觉;淡淡的粉色多体现女性的柔美之气……这些都是过去时,是经典。随着科学技术的发展,设计理念的转变。在互联网这个大环境下,不乏设计独特且色彩运用别具匠心的网站。如:以灰色为主色调的奥迪公司网站,既能体现高雅大方的气质,也不失金属本身的质感,和谐统一。 　　 　　3　网页色彩搭配的技巧 　　 　　3.1　邻近色的应用 　　邻近色:色环中两种相邻近的色彩。例如绿色和蓝色、红色和橙色就互为邻近色。采用邻近色的作用可以使网页避免色彩杂乱,易于达到页面的和谐统一。 　　 　　3.2　互补色的应用 　　互补色:色环中两种相对的色彩。例如红色和绿色、紫色和黄色、蓝色和橙色互为互补色。互补色可以突出重点,增强画面的对比,产生强烈的视觉效果。 在网页设计时,一般以一种颜色为主色调,适当加以互补色作为点缀、可以起到画龙点睛的作用。 　　 　　3.3　黑白色与其它色彩的应用 　　一般纸质印刷型文献很少使用大面积的黑色。在网页设计中以黑色为底色的网站并不少见,尤其是一些游戏宣传网站。在RGB的色彩模式中,黑色和白色象征着透明,很容易与其他颜色相协调,制作出风格新颖的网页。彩色的页面比黑白的页面更吸引人。研究表明,人对彩色的注意力和记忆效果比单一颜色要好,彩色的记忆效果是黑白的3.5倍。在一般情况下,网页的配色不要太复杂。尽量控制在同色系或邻近色系,避免由于色彩过多而导致页面颜色的繁乱。背景和文字的色彩对比可以强烈一些,以突出重要的文字内容。 　　 　　3.4　色彩的心理感觉 　　不同的颜色给予浏览者不同的心理感受。红、橙、黄等暖色给人一种温暖,热情的感觉;蓝、绿、青等冷色则会给人一种阴凉、寒冷的感觉,通过调整色彩的饱和度和透明度,把色彩的明、暗色有机的配合起来。这样的页面看起来既色彩统一,又富有层次感。 　　色彩的轻重感。明度高的色彩让人感觉轻,明度低的色彩让人感觉重。在明度相同的条件下,冷色一般比暖色感觉略轻。在网页色彩设计时,冷色用在网页上部,暖色则用于下部,这样比较符合人们的视觉习惯。 　　色彩具有收缩感与膨胀感。如肥胖的人穿着暗色系的衣服,就不会显得过于臃肿;而消瘦的人穿浅色系的衣服,就不会显得过于瘦小,这就是色彩的收缩色与膨胀色在起作用。一般来说,明度高的色彩有膨胀感,明度低的色彩有收缩感。 　　色彩的象征意义:如绿色、红色、金黄色、雪白色分别象征着春、夏、秋、冬四季。每一种色彩都具有各自的情感效果和象征意义:红色代表热情、温暖、幸福,容易让人联系到火焰和喜庆:绿色代表新鲜、平静、柔和,会使人充满青春、活力和希望;蓝色代表深远、沉静、寒冷,蓝色性格朴实而内向,象征高新科技的发展和智慧的结晶;紫色代表高贵、浪漫、魅力,在紫色中加入白色,可使其变得优雅、娇气,并且充满