看透网页(yè)设计中(zhōng)色彩的魅力

色彩的魅力是无限的，不仅仅是在网页(yè)设计中(zhōng)，它可(kě)以让本身很(hěn)平淡无味的东西，瞬间就能(néng)变得漂亮、美丽起来。信息时代的快速到来，网络也开始变的多(duō)姿多(duō)彩。人们不再局限于简单的文(wén)字与图片，他(tā)们要求网页(yè)看上去漂亮，舒适。 所以当代设计者不仅要掌握基本的网站制作(zuò)技(jì )术，还需要掌握网站的风格，配色等设计艺术。其中(zhōng)色彩在网站设计中(zhōng)占据相当重要的地位。 
一、认识色彩 
為(wèi)了能(néng)更好地应用(yòng)色彩来设计网页(yè)，我们还是先来了解一下色彩的一些基本概念。自然界中(zhōng)有(yǒu)好多(duō)好多(duō)种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有(yǒu)三种（红，黄，蓝），其它的色彩都可(kě)以由这三种色彩调和而成。我们称这三种色彩為(wèi)“三原色”。 
现实生活中(zhōng)的色彩可(kě)以分(fēn)為(wèi)彩色和非彩色。其中(zhōng)黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具(jù)备三个特征：色相，明度和纯度。其中(zhōng)非彩色只有(yǒu)明度属性。 
色相，指的是色彩的名(míng)称。这是色彩最基本的特征，是一种色彩區(qū)别于另一种色彩的最主要的因素。 
明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些購(gòu)物(wù)，儿童类网站。用(yòng)的是一些鲜亮的颜色，让人感觉绚丽多(duō)姿，生气勃勃。明度越低，颜色越暗。主要用(yòng)于一些游戏类网站，充满神秘感；一些个人站長(cháng)為(wèi)了體(tǐ)现自身的个性，也可(kě)以运用(yòng)一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有(yǒu)明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草(cǎo)绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。 
纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。 
相近色：色环中(zhōng)相邻的三种颜色。相近色的搭配给人的视觉效果很(hěn)舒适，很(hěn)自然。所以相近色在网站设计中(zhōng)极為(wèi)常用(yòng)。 
互补色，色环中(zhōng)相对的两种色彩。对互补色，调整一下补色的亮度，有(yǒu)时候是一种很(hěn)好的搭配。 
暖色，暖色跟黑色调和可(kě)以达到很(hěn)好的效果。暖色一般应用(yòng)于購(gòu)物(wù)类网站，電(diàn)子商(shāng)務(wù)网站，儿童类网站等等，用(yòng)以體(tǐ)现商(shāng)品的琳琅满目，儿童类网站的活泼，温馨等等效果。 
冷色，冷色一般跟白色调和可(kě)以达到一种很(hěn)好的效果。冷色一般应用(yòng)于一些高科(kē)技(jì )，游戏类网站，主要表达严肃，稳重等效果，绿色，蓝色，蓝紫色等等都属于冷色系列。 
色彩均衡，网站让人看上去舒适，协调，除了文(wén)字，图片等内容的合理(lǐ)排版，色彩的均衡也是相当重要的一个部分(fēn)。比如一个网站不可(kě)能(néng)单一的运用(yòng)一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小(xiǎo)一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。 

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

三、色彩的运用(yòng) 

要说色彩的运用(yòng)，还是先谈谈黑白灰色彩的应用(yòng)吧，因為(wèi)黑白灰色彩是万能(néng)色，可(kě)以跟任意一种色彩搭配。当你為(wèi)某种色彩的搭配苦恼的时候，不防试试用(yòng)黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有(yǒu)意想不到的效果哦。 

对一些明度较高的网站，配以黑色，可(kě)以适当地降低其明度。 白色是网站用(yòng)的最普遍的一种颜色。很(hěn)多(duō)网站甚至留出大块的白色空间，作(zuò)為(wèi)网站的一个组成部分(fēn)。这就是留白艺术。很(hěn)多(duō)设计性网站较多(duō)运用(yòng)留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页(yè)面的均衡起到相当大的作(zuò)用(yòng)。 

四、确定网站的主题色 

一个网站不可(kě)能(néng)单一的运用(yòng)一种颜色，让人感觉单调，乏味；但是也不可(kě)能(néng)将所有(yǒu)的颜色都运用(yòng)到网站中(zhōng)，让人感觉轻浮，花(huā)俏。一个网站必须有(yǒu)一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 

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

五、色彩的搭配 

在學(xué)习了解了色彩的一些基本概念及色彩的一些搭配问题，具(jù)體(tǐ)运用(yòng)到网页(yè)中(zhōng)，各要素的色彩又(yòu)是如何搭配的呢(ne)？ 

1、网页(yè)标题 

网页(yè)标题是网站的指路灯，浏览者要在网页(yè)间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页(yè)面中(zhōng)的一些小(xiǎo)标题。所以我们可(kě)以使用(yòng)稍微具(jù)有(yǒu)跳跃性的色彩，吸引浏览者的视線(xiàn)，让他(tā)们感觉网站清晰，明了，层次分(fēn)明。想往哪里走都不会迷失方向。 

2、网页(yè)链接 

一个网站不可(kě)能(néng)只是单一的一页(yè)，所以文(wén)字与图片的链接是网站中(zhōng)不可(kě)缺少的一部分(fēn)。这里特别指出文(wén)字的链接，因為(wèi)链接區(qū)别于文(wén)字，所以链接的颜色不能(néng)跟文(wén)字的颜色一样。现代

的生活节奏相当快，不可(kě)能(néng)浪费太多(duō)的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他(tā)的独特性，自然而然好奇心必然趋使他(tā)移动鼠标，点击鼠标。 

3、网页(yè)文(wén)字 

如果一个网站用(yòng)了背景颜色，必须要考虑到背景颜色的用(yòng)色，与前景文(wén)字的搭配等问题。一般的网站侧重的是文(wén)字，所以背景可(kě)以选择纯度或者明度较低的色彩，文(wén)字用(yòng)较為(wèi)突出的亮色。让人一目了然。 

当然，有(yǒu)些网站為(wèi)了让浏览者对网站留有(yǒu)深刻的印象，他(tā)在背景上作(zuò)文(wén)章。比如一个空白页(yè)的某一个部分(fēn)用(yòng)了很(hěn)亮的一个大色块，是不是让你豁然开朗呢(ne)！此时他(tā)為(wèi)了吸引浏览者的视線(xiàn)，突出的是背景，所以文(wén)字就要显得暗一些，这样文(wén)字才能(néng)跟背景分(fēn)离开来，便于浏览者阅读文(wén)字。 

4、网页(yè)标志(zhì) 

网页(yè)标志(zhì)是宣传网站最重要的部分(fēn)之一，所以这两个部分(fēn)一定要在页(yè)面上突迎而出。怎样做到这一点呢(ne)？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页(yè)的主题色分(fēn)离开来。有(yǒu)时候為(wèi)了更突出，也可(kě)以使用(yòng)与主题色相反的颜色。 
為(wèi)了能(néng)让自己的网页(yè)设计得更靓丽、更舒适，為(wèi)了增强你的页(yè)面的可(kě)阅读性，必须合理(lǐ)，恰当地运用(yòng)与搭配页(yè)面各要素间的色彩的生活节奏相当快，不可(kě)能(néng)浪费太多(duō)的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他(tā)的独特性，自然而然好奇心必然趋使他(tā)移动鼠标，点击鼠标。

鹏程科(kē)技(jì )依托八年的郑州网站建设,郑州网站制作(zuò),郑州网站推广,郑州网页(yè)制作(zuò)经验,為(wèi)您提供从专业的郑州网站建设,郑州网站制作(zuò),郑州网页(yè)设计,郑州网站推广等一站式互联网服務(wù)。鹏程科(kē)技(jì ),企业E化首选品牌！24小(xiǎo)时热線(xiàn):15136265866