常见的网页布局形式

布局的原则
网页布局的原则包括:协调、一致、流动、均衡、强调等,另外在进行网页布局设计的时候,需要考虑到网站页面的醒目性、创造性、造型性、可读性、和明快性等因素;
(1)协调:将网站中的每一个构成要素有效的结合或者联络起来,给浏览者一个既美观又实用的网页介面。
(2)一致:网站整个页面的构成部分要保持统一的风格,使其在视觉上整齐、一致。
(3)流动:网页布局的设计能够让浏览者凭着自己的感觉走,并且页面的功能能够根据浏览者的兴趣连线到其感兴趣的内容上。
(4)均衡:网页的布局设计要有序的进行排列,并且保持页面的稳定性,适当地加强页面的使用性。
(5)强调:把页面中想要突出展示的内容在不影响整体设计的情况下,用色彩搭配或者留白的方式将其 zui 大限度地展示出来。

不同型别的网站、不同型别的页面往往有不同布局,常见的布局模式为:一栏式、两栏式、三栏式

1. 一栏式

布局页面结果简单、视觉流程清晰,便于多用户快速定位,但是由于排版方式的限制,只适用于资讯量小,相对比较独立的网站。通常会通过大幅精美图片或者互动的动画效果来实现强烈的视觉冲击效果,从而给多用户留下深刻的印象,提升品牌效果,吸引多用户进一步浏览。由于首页资讯展示量有限,一般需要在首页中新增导航或者重要入口的连结等。
2. 两栏式

两栏式是 zui 常见的布局方式之一,相对于一栏式可以容纳更多的内容,但是两栏式不具备一栏式布局的视觉冲击,一般可以将其细分为左窄右宽、左宽右窄、左右均等,通过不同的布局比例和位置会影响到多用户浏览的视线流和页面的整体重点。
(1)左窄右宽
左窄右宽的布局,通常左边是导航,右侧是网页的内容。多用户的浏览习惯通常是从左到右、从上至下,因此这类布局的页面更符合操作流程,能够引导多用户通过导航查询内容,使操作更加具有可控性、适用于内容丰富、导航分离清晰的网站。
(2)左宽右窄
内容在左侧,导航在右侧,这种结构是突出内容的主导位置,引导多用户把视觉焦点放在内容上,然后才是去引导关注更多的资讯。比如搜索网站,采用左宽右窄,重点突出搜索的资讯,在右侧放次要资讯和广告,体现出资讯的主次。
(3)左右均等
这种一般网页左右两侧的比例相差比较小或者完全一致,适用于两边的资讯重要程度均等的情况,不体现内容的主次。
3. 三栏式

三栏式的布局方式对于内容的排版更加紧凑,可以更加充分的运用网站空间,尽可能多的展示资讯内容,通常用于资讯量非常丰富的网站,比如:入口网站、电商网页,学习类网站首页。