网页布局中的平衡与连贯

　　网页布局通常都会讲求很多细节，网页如同设计师对其设计作品的布局敏感度一样，注重细节的平衡设计，会让用户获得更好的连贯用户体验度。　

　　如果你的网页页面是平衡的，当用户浏览这个页面的布局时候就会感觉它们是一个整体，看得时候目光的平衡跳转也会很自然。同时，连贯构成页面的网页元素仍然是彼此独立（注意不是孤立）的，你不需要用线用颜色将它们直接地串接起来，布局这是平衡为什么呢？因为它们彼此之间是平衡的。这就好比跷跷板，连贯即便你看不到连接两端的网页人的木板，你也能感觉到他们是布局一个整体，因为“平衡”！平衡

　　1、对称平衡：对称是常见、自然的平衡手段，这种方式通常用来设计比较正式的页面，不过也还需要和下面介绍的多种方式结合起来使用。比如图 1所示的网站，如果你在页面正中间划一条垂直向下的直线，你会发现页面的两边的布局是基本对称。

　　2、非对称平衡：非对称其实并不是真正的“不对称”，而是一种层次更高的“对称”，如果把握不好页面就会显得乱，因此使用起来要慎重，更不可用的过滥。

　　3、辐射平衡：页面中的元素以某一个点为中心展开就可以构成辐射平衡。比如图3就是典型的例子，页面的正中是一个大大的LOGO，外侧环绕着多个链接 。

　　在一个成功的页面设计中，有很多要素是必须保持一致的，这些要素通常包括：

　　1、布局连贯：页面的上下、左右，页面与页面中间要保持布局一致。比如如果页面上方的表格居中对齐而页面下方的表格却左对齐，那么整个页面就会很难看。

　　2、字体：字体的大小、颜色应当基本保持一致。

　　3、导航栏：导航栏应当保持完全一样，通常应单单独为导航栏建立一个框架页，这样就可以保证更新导航栏的时候，所有网页都会被自动更新。

很赞哦!（711）