美工设计 百文网手机站

网页美工设计配色特点

时间:2022-11-01 14:51:41 美工设计 我要投稿

网页美工设计配色特点

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

  网页美工设计配色特点

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

  1、使用一个色系

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

  2、使用一种色彩

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

  3、使用灰色

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

  4、使用两种色彩

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

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

  网页美工设计配色的注意点

  1.一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX等,最好不要超过1200PX的宽度,高度没有限制。大多数做网站的公司都有一个比较合理的标准。

  2.作为网页背景、网页图标的要清晰,在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。

  3.有特效地方,有必要设计出特效样式,以便DIV CSS制作的时候切图使用。

  4.在做成网页后可改变的文字,需要使用宋体、黑体无需修饰

  5.细节一定要对齐

  美工图设计好后要注意的两点:

  1.导出JPGGIFPNG等格式观察效果。

  2.不要合层,尽量保持每个文字图标图片都有独立图层,这样在DIV CSS切图时方便隐藏显示切图。

  在新建设置之后,就要开始进行网页美工设计了,在网页美工设计的过程中要注意:

  1.注意页面的分块,着手设计一个页面的时候,你必须根据所掌握的内容,以及其风格,对页面的整体进行分块。分块是一个非常必要且难以掌握的技巧。对于一般杂志来说,它们是有边的,这意味着杂志美工设计师有边可循,依靠边来形成立体感,依靠边来产生未尽的意韵;但是对于web页面,边的概念被淡化了,屏幕可以上下左右的拖动。所以此时分块显得非常必要,目的也就是产生的效果。

  分块可以用不同着色的色块、框、细线、排列整齐的英文等等,还可以混合使用,但是注意不要过于醒目,因为页面的重点在内容,而不在其他。

  2、色彩的平衡与呼应。

  1)色彩的平衡。色彩在页面中可以形成很多的效果,通过强烈的对比,可以突出页面的重点。还可以通过色彩调配,达到页面稳重度的改变。一般的情况下,页面上方的`颜色总是很重,这样才能压住下面的颜色,如果不采取这种办法,整个页面将显得很不稳重,底下的文字图片,有飘出的意味。因此,要使整个页面显得很平衡,必须要有能镇住其他颜色的色彩。

  2)色彩的呼应。一种比较突出的色彩,如果很突兀地放在页面中,无论你是突出重点也好,还是logo图标,都给整个页面带来了副作用。为此,你必须在相对称的位置加上该色系(对于页面并不醒目)的色彩以呼应,这样可以弱化这种视觉的冲击。

  3、精确到1个像素

  如果你是一个成功的页面设计者,你至少会在做出页面前已经把整个页面构思好了;如果你很宽容地对待图片中1个像素的差别,那说明你还不是很合格。

  网页美工设计色彩的重要性

  网页让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。

  一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站美工设计的主题色也是设计者必须考虑的问题之一。

  但是,一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。

  在网站美工设计中的几个网页色彩搭配原理:

  色彩的鲜明性:网页的色彩要鲜艳,容易引人注目。

  色彩的独特性:要有与众不同的色彩,使得大家对你的印象强烈。

  色彩的合适性:就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

  色彩的联想性:不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。

  一位网页美工设计的前辈说过:设计师不要“为设计而设计”。再炫酷的页面效果、再丰富的表现形式,如果偏离了以用户为中心的主线,让用户抓不住重点,感悟不到网页本身所需要体现的信息,那么,再好的画面呈现也是败笔。因此,作为一名网站美工设计,不要惧怕失败,只有不断的学习与成长,才能成为一名合格,甚至优秀的网页美工设计大师。