前端设计的那些事

在网页设计与制作中我们该注意什么？？？
首先要做到：

一、完美的效果图能给与客户耳目一新，体验良好的感觉。
二、创新不拘一格，不千篇一律敢于打破常规。

具体来说因注意以下：

A.页面宽度和高度。
现在用户电脑分辨率以1024*768分辨率较有普遍，页面宽度一般上控制在1000左右较好,超过，则会浏览器将会
出现左右滚动条，这样不够美观。有的同学有疑问，电脑分辨率宽度明明是1024怎么超出1003就会出现滚动条呢？以IE浏览器为准，IE浏览器显示的范
围只有1003PX，剩下的21像素刚好是IE上下滚动条的宽度。
网页高度尺寸：一般上设计首页效果图高度有限制（高度具体根据首页内容而定），网站内页，高度不做限制，注意设计高度要随着页面内容拉伸，保证页面的左右是一个整体。
内容丰富的同时也要做的高端大气。

B.页面布局。
网页布局方式有很多，如国字型，厂字型，S型等等，追注意根据客户定位进行相关设计，
如首页页面布局，可以分为，左、中、下结构。中间部分，分为：左右或者，左、中、右。注意：每个部位的距离，要根据一定的规律去做排版，注意利用版心线、网格等控制网页部位的比例。还有事先计算好或者定好它们的位置，在效果图完成之后写代码是不出现对一些宽高不定而出现兼容问题。

C.网页留白。
适当的留白会增加板块层次感，条理感，控制好留白之间的距离，如上、中、下
之间的距离，左、中、右之间的距离，甚至网页上每个模块与模块之间的距离，模块内容距离边界的距离，文字与文字之间的行高等，要保持等距。主导这些才能做出美观的界面

D.网页中的文字。
一般中文网页正文文字大小多为12PX，门户网站的正文多为14PX。英文文字大小多为9PX。标题文字多为14PX加粗。（注意PS设计里正文一般十二PX文字，样式效果要设置为无，切不可出现锐利、浑厚等样式。）
图片上的文字，大多样式为浑厚或者锐利来让字体显得更加细腻。

E.分辨率的设置
网页效果图分辨率，统一为72像素/英寸，不按照这个为参照的话，你会发现打在图层上的文字不显示正常尺寸，或大或小。有的也用96像素/英寸，但不建议用，因为会提高网速或节约成本。

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