网站效果图设计规范

建设网站有很多类型，我们要把握其共性，就能很轻松的用PS制作出漂亮和效果图。

　　
　　1.页面宽度和高度。

　　
　　网页宽度尺寸：现在用户电脑分辨率以1024*768分辨率较有普遍，页面宽度一般上控制在960px~1003PX,如果超过1003PX，浏览器将会出现左右滚动条，这样不够美观。有的同学有疑问，电脑分辨率宽度明明是1024怎么超出1003就会出现滚动条呢？以IE浏览器为准，IE浏览器显示的范围只有1003PX，剩下的21像素刚好是IE上下滚动条的宽度。

　　
　　网页高度尺寸：一般上设计首页效果图高度有限制（高度具体根据首页内容而定），网站内页，高度不做限制，注意设计高度要随着页面内容拉伸，保证页面的左右是一个整体。

　　
　　2.页面布局。

　　
　　网页首页页面布局，分为，左、中、下结构。中间部分，分为：左右或者，左、中、右。注意：每个部位的距离，要根据一定的规律去做排版，注意利用版心线、网格等控制网页部位的比例。

　　
　　3.网页留白。

　　
　　注意控制留白之间的距离，如上、中、下 之间的距离，左、中、右之间的距离，甚至网页上每个模块与模块之间的距离，模块内容距离边界的距离，文字与文字之间的行高等，要保持等距。

　　
　　4.网页中的文字。

　　
　　一般中文网页正文文字大小多为12PX，门户网站的正文多为14PX。英文文字大小多为9PX。标题文字多为14PX加粗。（注意PS设计里正文文字，样式效果要设置为无，切不可出现锐利、浑厚等样式。）

　　
　　图片上的文字，大多样式为浑厚或者锐利来让字体显得更加细腻。

　　
　　5.分辨率的设置

　　
　　网页效果图分辨率，统一为72像素/英寸，不按照这个为参照的话，你会发现打在图层上的文字不显示正常尺寸，或大或小。

　　
　　6. 颜色的使用

　　
　　一般上网页出现的颜色不超过三种，具体根据客户的建站类型和阅读群体，选择正确的色相型。