“国”字型或拐角型布局
这种布局也可以被称作“同”字型,常见于大型网站的页面设计,页面的顶端通常是网站的标题和横幅广告,接着是网站的主要内容,这些内容被左右两个小栏目所包围,中间为主、左右为辅,一直延伸到底部,底部则常用于展示网站的基本信息、联系方式及版权声明等。
拐角型布局与“国”字型相似,但形式上略有不同,其顶端同样是标题及广告横幅,但接下来左侧通常是一列窄幅的导航链接,而右侧则是宽幅的正文内容,页面的底部同样用于呈现辅助信息。
标题正文型布局
这种布局的显著特点是页面顶端为标题或类似元素,下方紧接正文内容,文章页面或注册页面常采用这种布局。
封面型布局
主要用于网站的首页设计,通常以精美的平面设计为主,辅以小动画元素,几个简单的链接或是一个“进入”的链接直接置于图片上,没有过多的提示,这种布局多见于企业网站和个人主页,设计得当能给人留下深刻印象。
“T”结构布局
“T”结构布局指的是页面顶部和左侧的结合,顶部常有横条网站标志和广告条,而左下方则是主菜单,右面则展示内容,这是网页设计中最为常用的布局方式之一,在实际应用中,还可以对“T”结构进行变体设计,如左右两栏式、不等两栏式等。
这种布局易于使用,页面结构清晰,主次分明,由于人的注意力主要集中在右下角,因此重要信息可以优先放置于此,提高用户的获取效率,如果不注意细节和色彩搭配,可能会显得单调乏味。
“口”字型布局
这种布局形象地描述了页面上下各有一个广告条,左边为主菜单,右边为友情链接等,中间则是主要内容区域,它常被综合性网站采用,页面内容丰富、信息量大,顶部中央的小图标为页面增添了一丝活力,但也可能因过于拥挤而显得不够灵活。
“三”字型布局
这种布局多见于国外网站,国内使用较少,其特点是在页面上横向分割为两部分或三部分,通常通过色块来区分广告条和其他内容。
对称对比布局
对称对比布局采用左右或上下的对称设计,一半深色、一半浅色,这种布局多用于设计型网站,视觉冲击力强,但要将深色和浅色部分有机地结合在一起,需要一定的设计技巧。
POP布局
POP布局源于广告术语,指页面布局像一张宣传海报,突出一张精美图片作为设计中心,这种布局常用于时尚类网站,能够吸引人的眼球,但可能因图片加载速度较慢而影响用户体验。