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

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

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

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

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

页面非常简单，除了图形构筑的基础形，就是几朵起到“铆钉”作用的花儿，花朵破框而出，使得素材有机的融于框内又搭于整个页面之上 ，让人有种花是由圆洞内长到页面之上的错觉，简单而富有层次。

这个页面的素材和主体框架的结合很巧妙，破框而出的喷溅牛奶和静态的巧克力、杯子的动静结合于页面头部，使得整个页面主次清晰而又连贯。

更多类似的例子: