荟萃馆

位置:首页 > 设计 > 美工设计

网页美工设计色彩搭配特点

导语:我们在打开一个网站时,第一印象并不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩搭配得如何。网站色彩的搭配对人的视觉效果非常具有冲击力。大家知道:网页设计属于平面效果设计之一,排除立体图形、动画效果等,在平面视觉上色彩的冲击力是最强的。因此,一个网站设计得成败与否,一定程度上取决于网页美工设计者对色彩的搭配运用。

网页美工设计色彩搭配特点

配色主要有两种方式,一种是通过色彩的色相、明度、纯度的对比来控制视觉刺激,达到配色的效果。另一种是通过心理层面感观传达,间接地改变颜色,从而达到配色的效果。网页美工设计中除立体图形、动画效果外,在平面画面中色彩的冲击力是最强的。下面只针对前一种方式进行阐述。

1、使用一个色系

就是用一个感觉的色彩,如淡蓝、淡黄、 淡绿或者土黄、土灰、土蓝。即在同一色系里采用不同的颜色。例如:网页使用淡蓝、淡黄、淡绿,不仅色彩丰富,而且色调统一。这种配色在网站设计中最为常见。

2、使用一种色彩

先选定一种色彩,然后调整纯度、明度,产生新的色彩。这样的页面看起来色彩统一,有层次感。例如:在儿童网页设计中通常使用绿色作为网站的主体颜色,然后通过调整绿色的明度或饱和度定位网页中的其它要素。

3、使用灰色

灰色在网页设计中又称为“万能色”,其特点是可以和任何颜色搭配。例如:使用灰色不同明度、纯度的变化,结合橙色作为点缀,这样尽量避免网页整体变灰。

4、使用两种色彩

先选定一种色彩,然后使用它的对比色。例如:橙色是蓝色的`对比色。网页的背景色使用蓝色,主色调使用橙红色,使视觉刺激非常强烈,运用大面积高纯度来突出蓝色产品主体物,又形成了一次页面上的视觉对比--背景蓝色与前景橙红色,前景橙红色与产品主体物蓝色的二次对比。

在网面配色中,尽量控制在3种色彩以内,以避免网页花、乱、没有主要的显现,而且背景色和文字颜色的对比尽量要强烈,以使突出主要文字内容,同时也便于用户浏览信息。例如:背景色用黑色,绿色作为点缀色,视觉感受强烈。 般来说,网站美工设计的背景色应该柔和一些、素雅一些、淡雅一些,再配上深色的文字,使人看起来会从心理上产生自然、舒畅的感觉。如果为了追求醒目的视觉效果,可以为标题使用较深的颜色。