浅谈网页配色方法.docVIP

浅谈网页配色方法 　　摘要：该文简要介绍了色彩的基本知识，提出了网页色彩搭配的基本原理、技巧及内涵，最后明确了网页色彩配色的基本方法。 　　关键词：色彩；网页配色；网站；色彩搭配 　　中图分类号：TP311文献标识码：A文章编号：1009-3044(2012)02-0445-03 　　On the Method of Web Page Color Schemes 　　DENG Chen 　　(School of Agriculture Guangxi Yulin, Yulin 537000, China) 　　Abstract: This paper briefly introduces the basic knowledge of color, presents a webpage with color matching principle, technique and connotation, finally clear the web color basic method. 　　Key words: color; page of color; Website; color matching 　　我们的世界是五彩斑斓、多姿多彩的。在当今信息时代的飞速发展时期，网络对于人们生活的影响越来越大。人们不再局限于简单的文字与图片，在要求网页信息量丰富的同时，还要看上去漂亮、舒适。所以如今的设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。 　　 1色彩的基础知识 　　1.1色彩的一些基本概念 　　自然界色彩是多种多样的，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。 　　现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。 　　色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。 　　明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。图1中的（1）就是明度由高到低变化的例子。 　　纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。如图1中的（2）是纯度从低到高的变化。 　　相近色，色环中相邻的三种颜色。如图2中的黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。 　　互补色，色环中相对的两种色彩。如图3中的亮绿色跟紫色，另外如红色跟绿色，蓝色和橙色等。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧，看图4，调整了蓝色的亮度以后其搭配效果是不是更好呢？补色在网站设计中用得也极为普遍。 　　 　　（1）明度变化（2）纯度变化 　　图1 　　 　　图2相近色 　　 　　图3互补色 　　 　　图4补色亮度调节 　　暖色，如图5中的橙色，红色，紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。 　　冷色，如图6中的绿色，蓝色，蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。 　　 　　图5暖色 　　 　　图6冷色 　　色彩均衡，网站让人看上去舒适、协调，除了文字、图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼；这就是一种均衡的色彩搭配。 　　1.2色彩的联想 　　色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋