网页颜色怎么搭配？

janzhu

网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。 要想做出一幅漂亮的主页可不是一件容易的事，除了熟练运用各种网页制作工具和编程语言之外，美术的知识也不能不懂，首先我们来学习一点有关网页制作中色彩搭配的知识。
一、色彩的含义
色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：
红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现。
黄色：亮度最高的色，给人感觉就是很有温暖感，灿烂辉煌。
绿色：美丽、优雅，给人感觉大度、宽容。
蓝色：永恒、博大，给人感觉平静、理智。
紫色：小MM们常用这种色，给人神秘、压迫的感觉。很怪的一种色。
黑、白色：这两种色我有时会觉得很奇怪，它们在不同时候给人的感觉是不同的，黑色有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉。白色也是同样，有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受。
二、色彩的对比
不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时，这两种颜色各自走向自己的极端。例如：红色与绿色对比，红的更红，绿的更绿；黑色与白色对比，黑的更黑，白的更白。
色彩的对比有很多方面，色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时，你会发觉深蓝带点紫味，而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。红色与黄色对比：红色会使人想起玫瑰的味道，而黄色则会使人想起柠檬的味道。绿色与紫色对比：很有鲜明特色,令人感觉到活泼，自然。而红、黄、蓝三种颜色是最极端的色彩，它们之间对比,哪一种颜色也无法影响对方。色彩间的对比也有纯度对比，举个例子，黄色是夺目的色，但是加入灰色会失去其夺目的光彩,通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。
三、色彩的大小和形状
有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的一项，如果两种色彩同样大小，那么这两种颜色之间的对比十分强烈,但是当其中的一种大小变得不一样时，小的一种色就会成为大的色的补充。色彩的大小会令色彩的对比有一种生动效果，尝试在一大片绿色中加入一小点红色，你会注意到红色在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下，小面积的纯色会突出特别的效果，但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在黄色中加入淡灰色，你根本就不会注意到淡灰色。不知你是否留意到，在不同的形状上面，同一种色彩也会有不同的效果，试试在一个正方形和一条线上用红色，你会发现，正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果，个人认为，圆形最好用蓝色，这样给人辽阔博大的感觉。三角形用黄色，三角形的尖锐感与黄色的刺目感配合起来。梭形建议用鲜蓝色，平行四边形用绿色……这些只是一家之言,大伙儿可以自己选用,我只是写出不同的形状上面即使用同种色也会有不同的效果。
四、色彩的位置
色彩所处的位置不同也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置，譬如前后，则你会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同，导致眼睛的视觉的不同。
五、实践
下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。
BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅
BgcolorΚ″＃E8FFE8″———做标题的背景色较好
BgcolorΚ″＃E8E8FF″———做正文的背景色较好，文字颜色配黑色
BgcolorΚ″＃8080C0″———上配黄色或白色文字较好
BgcolorΚ″＃E8D098″———上配浅蓝色或蓝色文字较好
BgcolorΚ″＃EFEFDA″———上配浅蓝色或红色文字较好
BgcolorΚ″＃F2F1D7″———配黑色文字素雅，如果是红色则显得醒目
BgcolorΚ″＃336699″———配白色文字好看些
BgcolorΚ″＃6699CC″———配白色文字好看些，可以做标题
BgcolorΚ″＃66CCCC″———配白色文字好看些，可以做标题
BgcolorΚ″＃B45B3E″———配白色文字好看些，可以做标题
BgcolorΚ″＃479AC7″———配白色文字好看些，可以做标题
BgcolorΚ″＃00B271″———配白色文字好看些，可以做标题
BgcolorΚ″＃FBFBEA″———配黑色文字比较好看，一般作为正文
BgcolorΚ″＃D5F3F4″———配黑色文字比较好看，一般作为正文
BgcolorΚ″＃D7FFF0″———配黑色文字比较好看，一般作为正文
BgcolorΚ″＃F0DAD2″———配黑色文字比较好看，一般作为正文
BgcolorΚ″＃DDF3FF″———配黑色文字比较好看，一般作为正文
浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。

羲之

太长了。。。都懒的看了。。。

janzhu

太长了。。。都懒的看了。。。
羲之 发表于 2010-5-25 16:39

    手册！收藏下！

下次需要的时候来鼠窝找啊！