×

新导航介绍,点击查看

徐菡:网页设计——色彩搭配

发表日期:2011-01-31 摄影器材: 点击数: 投票数:

       网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。 要想做出一幅漂亮的主页可不是一件容易的事,除了熟练运用各种网页制作工具和编程语言之外,美术的知识也不能不懂,首先我们来学习一点有关网页制作中色彩搭配的知识。
一、色彩的含义
       色彩本身是无任何含义的,有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理,左右人的情绪,所以就有人给各种色彩都加上特定的含义:
红色:强有力、喜庆的色彩,很容易使人有兴奋感觉,是一种雄壮的精神体现。
黄色:亮度最高的色,给人感觉就是很有温暖感,灿烂辉煌。
绿色:美丽、优雅,给人感觉大度、宽容。
蓝色:永恒、博大,给人感觉平静、理智。
紫色:小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″———配黑色文字比较好看,一般作为正文
  浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。

 

关键词:颜色搭配网页设计徐菡

作者:xuhan1975

《徐菡:网页设计——色彩搭配》


下一篇:没有了

最 新:
没有其它新的作品了

更多xuhan1975的POCO作品...

评论