在网页设计与制作中我们该注意什么???

首先要做到:

一、完美的效果图能给与客户耳目一新,体验良好的感觉。

二、创新不拘一格,不千篇一律敢于打破常规


具体来说因注意以下:

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. 颜色的使用

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