您的位置:首页> 日志> 视觉设计 正文
DTOP

网页的配色技巧

fanmy | 2011年07月02日 |

>>收藏本文 已有 0条评论

   色彩的搭配对于我们网页设计来说,是一个非常重要的因素,色彩多种多样,但是如何在网页设计中更好的去应用,也是一个非常有难度的,色彩种类越多,搭配起来的难度也就越大,效果还不见得好。选定一种或是两种主色是最为稳妥的。确定网站的主色调以及辅助色和主色调的关系是至关重要的。

  下面推荐给大家几种配色的技巧,希望对大家设计效果图能有帮助;

1、使用一种色彩

 这里的一种色彩指的是使用同一色相的色彩,方法:选定一种色相的色彩,然后通过调整明度或是饱和度产生更多同色相的色彩,例如下图:

使用同色相色彩设计使页面看起来色彩比较统一,有层次。

2、使用两种色彩

 使用两种色彩配色对比比较强,需要主要的是要处理好两种颜色的关系,使之更协调。使用两张颜色配色是布局容易的配色方案,在配色的时候,其中一定需要分清主色调和辅助色。例如说,选定蓝色为主色调,提高明度降低纯度;用黄色来做辅助色,为配合高明度低纯度的蓝色(粉蓝)我们可以把黄色也提高明度成为粉黄,从而形成亮色调的统一效果。

例如:

3、使用多种色彩

  使用多种色彩需要考虑的就是色彩的协调关系。当所以的色彩所占的面积较大,纯度较高时,配色的难度就越大,使用面积控制和增加色彩直接关联性的方法,可以大大降低多色彩配色的难度。

多数情况下,网站内的所以网页都会有一个固定的色彩主题,但有的网站也会为了丰富视觉效果使每个网页都有各自的色彩主体,也能起到渲染气氛的作用。

4、使用无彩色

无彩色是黑白灰。无彩度的黑白灰想到彩度色来说更容易与其他颜色搭配,灰色——俗称的万能色,和任何颜色搭配都能有不错的效果。