网页版面布局设计按阶段可分为四个步骤:
1、方案设计
方案设计其实就是画出页面的结构草图。新建页面就像张白纸,没有任何表格、框架和约定俗成的东西,根据网站整体的内容,可以尽可能地发挥想像力,将想到的“创意”用支铅笔画在张白纸上。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽可能多回几种方案,后选定个满意的方案作为网页版面布局设计的初稿。
2、初步设计
在方案设计的基础上,需要确定如何把功能模块安排到页面上。这里的功能模块是指网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。这个阶段必须遵循主次分明、突出重点、平衡协调的原则,将网站标志、主菜单等重要的模块放在显眼、突出的位置,然后再考虑次要模块的排放。
3、技术设计
技术设计的主要任务是在初步设计的基础之上,进步解决各部分的技术问题,在确定了功能模块的大致位置后,需要对些网站标志、题头和背景图进行设计,然后把设计好的模块放在初步设计中确定的位置上,这样个网页的布局基本完成。
4、定案设计
这是调整阶段,将初步的页面布局精细化、具体化,如网页的白色背景太虚,则可以加些色块;版面零散,可以用线条和符号串联;左面文字过多,右面则可以插张图片保持平衡,表格太规矩,可以改用导角试试,等等。经过不断的尝试和推敲,网页定会制作得很出色。