页面布局的定义

页面布局是指，在设计页面的过程将页面各要素通过合理、有效、统一的规则进行排版，产生很好的传播信息的视觉效果。一般来说，都会基于下原则进行页面布局设计：

（１）对比：是防止页面元素过于单一或没有差异性。假如空间、大小、形状、字体、线条、颜色等设计元素都要各不相同，那么就要制造较大的差别，要让页面引人注目。

（２）重复：可Ｗ重复颜色、形状、线宽、字体、大小和图片等等。既能够増加条理性，也可増强页面的统一性。

（３）对齐：在页面上，不同元素不能孤立存在，而应当构建特殊的视觉关联效果，从外观上给予用户更为清爽、稽巧和情绪化的体验。

（４）亲密性：页面上的元素不应当孤立的存在，彼此之间存在亲密性，形成一个视觉单元。这样可有助于信息的架构，减少信息组织的混乱。

网页布局类型

网页版式的基本类型主要有骨骼型、国字型、拐角型、框架型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、自由型等12种。

1.“国”字型布局

也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

口字型、同字型、回字型都可归属于此类，是一些大型网站所喜欢的类型，即最上面是网站的标题、导航以及横幅广告条，接下来就是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种布局的优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。这种结构是我们在网上见到的差不多最多的一种结构类型，常用于门户网站的设计。