
上QQ阅读APP看书,第一时间看更新
1.4.2 常见的版面布局形式
1.T型布局
T型布局是由上方横向的网站标志和广告条,下方左侧的主菜单,右侧的内容介绍组成的网页布局,形似字母“T”。此布局结构清晰、主次分明,是网页设计中最广泛的布局方式,适合初学者使用,如图1-15所示。

图1-15
2.口型布局
口型布局是由上下广告条,左侧的主菜单,中间的内容介绍,右侧的友情链接组成的网页布局,形似“口”字。此布局结构紧凑、信息量大,常用于政府或综合性网站的布局,如图1-16所示。
3.对称型布局
对称型布局是上下或左右对称的网页布局。此布局视觉冲击力强,常用于设计类网站的布局,如图1-17所示。

图1-16

图1-17
4.POP布局
POP布局是以一张精美的海报图片作为布局中心,四周点缀导航和链接信息的网页布局。此布局漂亮醒目、吸引力强,常用于时尚类网站的布局,如图1-18所示。

图1-18