盖座漂亮的“楼”–浅谈网页设计中的构图

核心提示：网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状

网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。

如何将网页这座楼盖的漂亮？以下就例举一些在网页设计上能起到事半功倍的构图技巧。个人拙见，希望能够抛砖引玉。

【一】坚实的地基-几何图形的力量。

几何图形在页面中往往能起到大梁的作用，也是网页内容最为常用的承载面板。这些图形合理的搭配和有效的穿插，能使页面除了信息传达外，更具层次感和观赏性。

此网站圆角矩形巧妙的结合信息模块穿插在一起，除了营造了网站的主体富有节奏的形状之外，更加强了页面的层次感，不会显得页面枯燥和单调。

圆形和椭圆形的结合搭载了轮播广告和重要信息，使得整个页面既有亮点又不失简洁。

同样是圆角矩形的穿插结合， 色彩填充的图形交集既能展示重要信息又勾勒出整个网站的风格形态。

竖着的大圆角矩形和线条勾勒出整个完整的画面，各种信息镶嵌于各个形状只中，既不显得乱又使其相得益彰。

更多类似的例子：

【二】钢筋上的铆钉—破格而出的素材

素材应用的好，往往能起到画龙点睛的作用，而素材起点缀页面和表达主题之外，还能作为构图中的一种主要元素存在，这些素材通常破格而出作为连接页面的纽带，使页面结构更加的稳固，故称其为“铆钉”。

素材看似随机的摆放，其实是有意的将素材摆放于左上和右下两个对角点，视觉上俗称的暗线，左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线， 两者并组成了X结构，而四个素材起到到了固定和压轴的作用，稳固而又美观。

飞跃的人越于页面之上，护目镜挂于导航栏之上。这两个素材的使用使整个页面既贴切于主题又生动，而在构图上人连接穿插了1、2两个板块，而护目镜所在的2板块链接了3、4板块，视觉上的感官延续让页面脉络清晰不脱节，切富有节奏感。