网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。下面，本文就有关知识对网页常见布局的方式进行探讨。
网页设计常见布局有哪些呢？主要体现在以下几个方面。
•大框套小框的布局
•通栏布局
•导航在主视觉下方的布局
•左中右布局
•环绕式布局
•穿插式布局
大框套小框的布局
这种布局方式即是我在上面提到的常见的布局，不是说这种布局方式一无是处，但我们总不能只会这一种布局方式，次次套用吧？按照这种布局当然也可以做出来漂亮的设计，但毕竟方框限制的视线的扩展，如果客户要求做出大气的感觉，一般不会按照这种方式来布局，通常来讲，大气意味着开阔视野。
这种布局可以选择一个适合的大图作为背景，而前景内容都可以很好的控制在大部分显示器的尺寸范围内。
通栏布局
这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。另外，主视觉部分还可以灵活处理，既可以向上拓展到logo和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。
通栏布局利用了网页自适应宽度的原理和设计相结合，打破了条条框框的限制，页面更显得宽阔大气。
导航在主视觉下方的布局
这种虽然不多，但也时不时能看到，导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点，让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响，不仅考虑到信息内容所占据的空间，还包括你手头现有的素材。
这种布局的网页不多，但是这种页面可以很好的展示banner的效果，可以更好更直接的去表现一个网页的主题。
左中右布局
这种布局方式不常见到，但却是非常富有新鲜感的布局方式，如果你已经做腻歪了水平分割的设计，尝试一下这种布局也未尝不是一种好的选择。
这种布局的共性是都有一个比较好看的banner图片，而且这个图片是构成网页主题的一部分，很好的营造出站点的主题。
环绕式布局
这种布局方式看上去更加灵活，banner区域相对较小，就可以在页面放置更多的信息内容。
这种布局方式看上去更加灵活，banner区域相对较小，就可以在页面放置更多的信息内容。
穿插式布局
这种布局在企业站中较难看到，用的不多，banner区域相对较大，可以作为一种布局的选择。
小结：上面的六种布局方式只是一些常见的企业类网站页面布局，布局的方式还有更多。实际上，布局就像是摆积木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原则即可，并没有规定一定要怎么布局，或者这种布局方式要比那种更好，只能说某种布局方式更为合适某个页面而已。所以，大家多做尝试，从你手头正在做的项目开始，尝试一下不同的布局方式，给你的设计增加一些创意和新鲜感。
备注：图片来源于网络
更多精彩文章，请微信添加tencentgad为好友获取更多干货内容
原创文章，转载请联系tencentgad
