网站设计：网页版面布局设计步骤及常见形式参考

创建初始方案。

新页面就像一张空白的纸，没有任何形式、框架或惯例。网页设计师可以尽可能地运用他们的想象力来描绘他们可能想到的“场景”。这属于创作阶段，不必注重细腻、整洁，不需要考虑细节功能，只需用粗线条勾勒出创意的轮廓。尽可能多地绘制，最后选择一个令人满意的脚本继续创建。

初步设计网页的布局。

在初始方案的基础上，将需要放置的前一个功能模块布置在页面上，必须注意突出关键点、平衡和调谐、将网站徽标、主菜单等最重要模块置于最突出和最突出的位置，然后考虑二次模块的卸载。

定案。

将初步布局精细化、具体化。

制作网页时常用的布局有两种：单页和列(框架或多帧)。制作网页时，应根据网页内容选择版面。但是，由于浏览器宽度有限，通常不适合设计超过三列的布局。

“T”结构布局。

所谓的"T"结构是指网页顶部和左侧的组合，页面顶部是一个水平网站徽标和广告栏，主菜单的左侧，内容布局的显示右侧，这是Web设计中最广泛使用的布局。在实际设计中，我们也可以改变“T”形布局的形式，如左右两列布局，其中一半是文本，另一半是图像，导航；文本是不等的两列布局，通过背景色的区分，分别放置图片URES和文本。这种布局可以将企业想要传达的信息最大化的传递给用户，并且网页结构清晰，能够提高用户体验感。缺点是规则性和刚性，如果不注意色彩的细节，很容易让人“看得无味”。

“口”型布局。

“口”式布局是综合性网站的常用格式。尤其是，在顶部中间的一排小图标起着积极的作用。它的优点是内容丰富、信息量大，缺点是页面拥挤，不够灵活。

“三”型布局。

这种布局主要用于国外网站，但在中国很少使用。特点是水平两个颜色块在页面上，页面作为一个整体分为四个部分，大部分颜色块放置广告条。

对称对比度布局。顾名思义，即采用左右对称布局或上下对称布局，半暗，另半亮，一般用于网站设计。其优点是视觉冲击力强，缺点是难以将两者有机地结合起来。

POP布局。

pop源于广告术语，这意味着页面的布局就像一张海报，页面的设计中心是一幅美丽的图片。这种布局在时尚网站中经常使用，优点很明显：漂亮而有吸引力；缺点是慢的。

在进行网站建设时，布局是可以变通融合的，设计时适当利用各布局的优点结合各种因素，使网页呈现出别具一格的布局形式。