网站建设公司常见的一些网页布局结构汇总

来源： AII文章

发布时间：2023-07-04 09:33:36

　　1、国字类型：

　　2、大框套小框的布局：

　　这种网站布局方式即是我在上面提到的常见的布局，不是说这种布局方式一无是处，但我们总不能只会这一种布局方式，次次套用吧？按照这种布局当然也可以做出来漂亮的设计，但毕竟方框限制的视线的扩展，如果客户要求做出大气的感觉，一般不会按照这种方式来布局，通常来讲，大气意味着开阔视野。

　　3、导航在主视觉下方的布局：

　　这种虽然不多，但也时不时能看到，导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点，让设计看上去完整、自然。所以说布局的方式受到多方面因素的影响，不仅考虑到信息内容所占据的空间，还包括你手头现有的素材。

　　4、拐角型：

　　这种类型其实与国字型很相近的，只是在形式上不一样，上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是上面是标题及广告，左侧是导航链接；

　　5、通栏布局：

　　这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。另外，主视觉部分还可以灵活处理，既可以向上拓展到logo和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。

　　6、标题正文类型：

　　上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面；

　　7、左右框架类型：

　　这是一种左右为分别两页的框架结构，一般布局是：左边是导航链接，上面有时是一个小的标题或标致，而右面就是主要内容，常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了；

　　8、左中右布局：

　　这种布局方式不常见到，但却是非常富有新鲜感的布局方式，如果你已经做烦了水平分割的设计，尝试一下这种布局也未尝不是一种好的选择。

　　9、环绕式布局：

　　这种布局方式看上去更加灵活，banner区域相对较小，就可以在页面放置更多的信息内容。

　　10、上下框架类型：

　　与左右框架类型类似，只是这种类型是上下两页的框架；

　　11、穿插式布局：

　　这种布局在企业站中较难看到，用的不多，banner区域相对较大，可以作为一种布局的选择。

* 文章来源于网络，如有侵权，请联系客服删除处理。