不同类型的网站在网页设计上的布局是不同的，但无论使用哪一种布局，都要围绕用户的浏览习惯来布局。下面就来看看这篇设计网页布局常用方法，相信你们会喜欢的。

[图片0]

布局一、大框套小框。这种布局是很多网站经常使用的一种布局，在一个大的栏目里再布局几个小的相关栏目，这种布局方式大小有限，让用户专注于某一方面的内容，主体突出。

布局二、环绕式布局。环绕式布局更加灵活方便，横幅面积相对较小，但可以在页面中放置更多的信息和内容，这种布局适合内容较多或以内容为基础的网站穿插布局。这种布局在企业网站中并不常用，也不适合企业网站。这类网站都是大面积的横幅，而且它的灵活性相对较差。

布局三、通栏布局。这种布局相对于大框套小框而言，用户浏览网页不受框的限制，这种方式显得更大气，视野显得更开阔。这种方法的另一个优点是，主要的视觉区域可以随意和灵活地移动，可以向上移动到网站logo和导航的位置，也可以向下移动到扩展的内容区域。这种布局在网站中也很常见。

布局四、左中右布局。这种布局是不常见的，但它是一种新的布局方式，这种布局更有条理和逻辑性较强。在主视图下面导航布局，这种布局在一些信息门户中很常见，导航栏直接放在横幅下面，这可以弥补banner中设计素材被截断的缺陷。

另外这种布局方式，用户打开网页时就可以看到网站的导航，这样对新客户来说是极其友好的，新客户不用刻意去找网站的导航，而且访客可以一眼就看清楚网站导航的主要内容。

不同类型的网站在网页设计上的布局是不同的，但无论使用哪一种布局，都要围绕用户的浏览习惯来布局，布局的方式要主次分明，重点突出，比如，用户一般喜欢从左到右的浏览网页的方式。假如网站的布局是由上而下，一定程度上违背了大多数用户的浏览习惯。