2018-05-22

关于网页设计的布局

常用的设计布局分为：

•1. “国”字型布局

•2. “T”字型布局

•3. 标题正文型布局

•4. 左右框架布局

•5. 变化布局

1.“国”字型布局

规律：左上部和中上部为【最佳视域】

              网站logo，商品名，主题等重要信息放在最佳视野区域。

2.T型布局

优点：页面结构清晰，主次分明

缺点：规矩呆板，如把握不好，容易让人看了乏味

3.标题正文型布局

通常用于文章页面，注册页面

特点：简洁明快，干扰信息少，较为正规

4.左右框架布局

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

5．变化式布局（1）通栏布局

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

 （2）导航在主视觉下布局

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

（3）环绕式布局

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

新兴流行布局

1.页面分割设计

2.无边界设计

3.模块化设计

4.全屏式设计

图文来自网络，侵删。