网站美工设计切图设计要点.docxVIP

网站美工设计切图设计要点

导语：网站美工设计少不了的就是切图设计，它也是网站美工设计

中重点之一，那么网站美工设计切图设计要点有什么呢?以下是小编为

大家精心整理的网站美工设计切图设计要点，欢迎大家参考！

?在网页美工切图设计之前，我们先基于ps进行新建文件设置，

在设置的时候需要注意以下几点：

?1.一定要做好网页宽度的设置设计，一般网页宽度有760PX、

900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。大

多数做网站的GS都有一个比较合理的标准。

?2.有特效地方，有必要设计出特效样式，以便DIVCSS制作的时

候切图使用。在做成网页后可改变的文字，需要使用宋体、黑体无需修

饰。细节一定要对齐

?3.作为网页背景、网页图标的要清晰，在网站设计的时候比较注

重。所以在切图的时候不要切出来的效果与设计的效果相差太大。

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

?1.不要合层，尽量保持每个文字图标图片都有独立图层，这样在

DIVCSS切图时方便隐藏显示切图。

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

?在新建设置之后，就要开始进行网页美工设计了，在网页美工设

计的过程中要注意：

?1.精确到1个像素

?如果你是一个成功的页面设计者，你至少会在做出页面前已经把

整个页面构思好了;如果你很宽容地对待图片中1个像素的差别，那说

明你还不是很合格。

?2、分块可以用不同着色的色块、框、细线、排列整齐的英文等

等，还可以混合使用，但是注意不要过于醒目，因为页面的重点在内

容，而不在其他。注意页面的分块，着手设计一个页面的时候，你必须

根据所掌握的内容，以及其风格，对页面的整体进行分块。分块是一个

非常必要且难以掌握的技巧。对于一般杂志来说，它们是有边的，这意

味着杂志美工设计师有边可循，依靠边来形成立体感，依靠边来产生未

尽的意韵;但是对于web页面，边的概念被淡化了，屏幕可以上下左右

的拖动。所以此时分块显得非常必要，目的也就是产生的效果。

?3、色彩的平衡与呼应。

?1)色彩的呼应。一种比较突出的色彩，如果很突兀地放在页面

中，无论你是突出重点也好，还是logo图标，都给整个页面带来了副

作用。为此，你必须在相对称的位置加上该色系(对于页面并不醒目)的

色彩以呼应，这样可以弱化这种视觉的冲击。

?2)色彩的平衡。色彩在页面中可以形成很多的效果，通过强烈的

对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的

改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的

颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图

片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住

其他颜色的色彩。

?网页美工负责整个网站的前台设计，界面设计、规划整个网页的

布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及

网标。所以作为网页设计师掌握的重要工具就是photoshop软件。网页

美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉

上的设计排版等。

?tips:感谢大家的阅读，本文由我司收集整编。仅供参阅！