文/陈明丽

　　大自然是彩色的，网页看上去也要漂亮、舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格、配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。

　　首先了解一下色彩的一些基本概念。自然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种(红、黄、蓝)，其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。

　　现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列，其它的色彩都属于彩色。任何一种彩色具备三个特征：色相、明度和纯度。其中非彩色只有明度属性。

　　色相：指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色、绿色、黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度、纯度，很容易搭配，比如深绿、暗绿、草绿、亮绿。

　　明度：也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00)，暗红(#cc3300)跟草绿(#99cc00)，暗蓝(#0066cc)跟橙色(#ff9933)等，(如图1)。

图1

　　图中的1就是明度由高到低变化的例子

　　纯度：指色彩的鲜艳程度，纯度高的色彩纯、鲜亮。纯度底的色彩暗淡，含灰色。如上图中的2是纯度从低到高的变化。

　　相近色：色环中相邻的三种颜色(如图2)。其中的黄绿色、黄色和桔黄色。相近色的搭配给人的视觉效果很舒适、自然。所以相近色在网站设计中极为常用。

图2

　　互补色：色环中相对的两种色彩(如图3)。

图3

　　其中的亮绿色跟紫色，另外如红色跟绿色，蓝色和橙色等。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧(如图4)，调整了蓝色的亮度以后，其搭配效果是不是更好呢？补色在网站设计中用得也较为普遍。

图4

　　暖色(如图5)：其中的黄色、橙色、红色、紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。

图5

　　冷色(如图6)：其中的绿色、蓝色、蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。

图6

　　色彩均衡：网站让人看上去舒适、协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。

　　色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁、干净、简洁；紫色象征着女性化、高雅、浪漫；蓝色象征高科技、稳重、理智；橙色代表了欢快、甜美、收获；绿色代表了充满青春的活力、舒适、希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。

　　黑白灰是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。

　　对一些明度较高的网站，配以黑色，可以适当地降低其明度。

　　白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。

　　一个网站不可能单一的运用一种颜色，让人感觉单调、乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮、花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

　　一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度、纯度还是色相。