全国客服热线:4006-880844

网站建设排版布局的一般步骤

- 编辑:admin -

1.构思新建的网页就像一张白纸,没有任何表格、框架和约定俗成的东西,可以尽可能地发挥想象力,将想象到的”“量象”画上去。这属于创造阶段,不讲究细工整,不必考虑细节功能,只以简练的线条勾画出创意的轮廓即可。根据网站内容的整体风格,应尽可能多画几张,最后选定一个满意的创作,完成版面布局设计。

1.构思
 
新建的网页就像一张白纸,没有任何表格、框架和约定俗成的东西,可以尽可能地发挥想象力,将想象到的”“量象”画上去。这属于创造阶段,不讲究细工整,不必考虑细节功能,只以简练的线条勾画出创意的轮廓即可。根据网站内容的整体风格,应尽可能多画几张,最后选定一个满意的创作,完成版面布局设计。
 
2.粗略布局
 
在草案的基础上,将确定需要放置的功能板块安排到页面上。这里必须遵循突出重点,平衡协调的原则,将网站标识、主菜单等最重要的模块放在最显眼、最突出的位置,然后再考虑次要模块的排放。


 
这一步就要把一些主要的内容放到网页中,例如,网站的标志、广告条、菜单、导航条、计数器等。
 
3.细化
 
在将各主要元素确定好之后,下面就可以考虑文字、图像、表格等页面元素的排版布局了。在这一步,设计者可以利用网页编辑工具把草案做成一个简略的网页,当然,对每一种元素所占的比例也要有一个详细的数字,以便以后修改。
 
经粗略布局精细化、具体化。在布局过程中,我们可以遵循的原则有:
 
(1)正常平衡:亦称“匀称”。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果
 
(2)异常平衡:即非对照形式,此种布局能达到强调性、不安性、高注目性的效果
 
(3)对比:所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
 
(4)凝视:所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
 
(5)空白:空白有两种作用,一方面表现网站突出卓越感,另一方面也表示网页品味的优越感,这表现方法对体现网页的格调十分有效。
 
(6)图解说明:此法对不能用语言说服,或用语言无法表达的情感特别有效。图解说的内容,可以传达给测览者更多的心理因素。
 
以上的网站建设设计原则,如果能够领会并活用到页面布局里,效果就大不一样了。比如:页面的白色背景太虚,则可以加些色块;版面零散,可以用线条和符号串联;左面文字过多,右面则可以插一张图片保持平衡等。