网页设计有哪些布局的方法和技巧

方法一：环绕式布局。

顾名思义，这种布局方法是指不突出主体，但是把内容栏目采取环绕式的方法进行布局。环绕式布局的技巧在于更加灵活方便，banner区域相对较小。这种布局的较大优势是可以在页面中，显示更多的信息和内容。因此以内容为主的网站比较适合环绕式布局。

方法二：大框套小框。

大框套小框是很常见的一种布局方式，许多网站都会使用此方法。具体来说，就是在一个大的栏目里，布局相对来说比较小的相关栏目，而这个小栏目可以是好几个。这种网页设计布局的特点在于，可以让我们把想要突出的主体放在一个更醒目的位置，这样一来，用户可以更加专注于你想让他注意的内容。

方法三：通栏

这种布局方式也是网站中常用的布局方式。通栏和大框套小框的布局方法比较起来，更加大气和不受限。试想当用户访问此类布局的网站，眼界是不是也显得更开阔些呢?除此之外，通栏的较大优势在于可以随机灵活处理主视觉部分，既能往上移到网站logo和导航的位置，也可以移到向下扩展的内容区域。

方法四：导航在主视觉下方的布局。

这种布局方式一般被用于资讯门户网站，它的直接特点就是导航放置在banner的下面。为什么要这样布局呢?主要是因为这样一来，就能弥补banner中设计素材被截断的缺陷，还能让用户马上找到网站主要导航内容。

方法五：左中右布局。

这种布局方式并不常见，为什么还要拿出来说呢?其实，左中右布局作为一种新鲜的布局方式，它的优势和特点也是显而易见的，比如说这种布局比较有条理，逻辑性较强。

方法六：穿插式布局。

较后再介绍一种穿插式布局的方法。一般来讲，穿插式的布局不太适合企业网站，因为这种网站就是banner的区域较大，灵活性相对差些。所以，这种布局在企业网站中比较少会用到。

网页设计的布局方法就讲到这里了，归根结底，这些布局的技巧都是围绕着“如何提供更好的用户体验”，这一核心来展开的。因此，大家再设计时应该把这个工作原则放在首位，然后再来尝试以上的布局方法。