网站网页设计配色方案(图文)

  网页配色很重要,网页颜色搭配的好坏与否会直接影响到浏览者的情绪。好的色彩搭配会给浏览者带来强烈的视觉冲击,不好的网站色彩搭配则会让浏览者浮躁不安。下面就来讲述常见的网页配色方案。



(1)同种色彩搭配


  同种色彩搭配是指首先选定一种色彩,然后调整其透明度或饱和度,将色彩减淡或加深,产生新的色彩,这样的页面看起来色彩统一,有层次感。


(2)面积对比


  同一种色彩,面积越大,明度、纯度越强;面积越小,明度、纯度越低。面积大的时候,亮色显得更轻,暗色显得更重,这种现象称为色彩的面积效果。面积对比是指页面中各种色彩在面积上多与少、大与小的差别,会影响到页面的主次关系。


(3)对比色彩搭配


  一般来说色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的对比越强,看起来就越具诱惑力,能够起到集中视线的作用。对比色可以突出重点,产生强烈的视觉效果。合理使用对比色能够使网站特色鲜明、重点突出。


(4)暖色色彩搭配


  暖色色彩搭配是指红色、橙色、黄色、褐色等暖色调色彩的搭配。这种色彩搭配方式的运用,可使网页呈现温馨、和谐、热情的感觉。


(5)冷色色彩搭配


  冷色色彩搭配是指使用绿、蓝、紫等冷色调色彩的搭配。使用这种色彩搭配,可使网页呈现宁静、清凉、高雅的感觉。冷色调与白色搭配一般会获得较好的效果。


(6)有主色的混合色彩搭配


  有主色的混合色彩搭配是指以一种颜色作为主要颜色.即主色,同时辅以其他色彩混合搭配,形成缤纷而不杂乱的搭配效果。


(7)组色


  组色是色环上距离相等的任意3种颜色。因为3种颜色形成了对比关系,所以组色被用做一个色彩主题时,会使浏览者产生紧张的情绪,一般在商业网站中不采用组色搭配。


网页色彩搭配技巧


(1)使用富有变化的单色


  尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整单一色彩的饱和度和透明度同样可以产生丰富的变化,使网站色彩充满层次感。



(2)使用邻近色


  所谓邻近色,就是在色带上相邻近的颜色,如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。


(3)使用对比色


  对比色可以突出重点,产生强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,以对比色作为点缀,这样可以起到画龙点睛的作用。


(4)巧妙的黑色


  黑色是一种特殊的颜色,如果使用恰当且设计合理,往往能产生很强烈的视觉效果。黑色一般用做背景色,并与其他纯度色彩搭配使用。


(5)使用背景色


  背景色一般应采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩,同时背景色还须与文字的色彩产生强烈对比。


(6)控制色彩的数量


  在设计网页时使用多种颜色使页面变得很”花”,其结果就是网页缺乏统一性和内在的美感。事实上,网页用色并不是越多越好。一般控制在3种色彩以内,应该通过调整色彩的各种属性来产生变化。

标签:网页设计网页制作