网页的版式设计（五）

设计|网页

3.图像的编排

　 （1）四角与中轴四点结构
　　页面的四个角与对角线、中轴四点及水平与垂直的中轴线，具有支配页面结构的作用。

　　四角是页面边界相交形成的四个点，把四角连接起来的斜线即对角线，交叉点为页面中心。中轴四点指经过页面中心的垂直线和水平线的端点。这四个点可上、下、左、右移动。

　　通过四角与中轴四点结构的不同组合、变化，可以求得多样的页面结构。在图像排版时紧紧抓住这八个点，可以突出网页的形式美感，网页的版式设计、视觉流程的筹划也得到相应简化。

 
　 （2）块状组合与散点组合结构
　　块状组合，即通过水平、垂直线分割，将多幅图像在页面上整齐有序地排列成块状，这种结构具有强烈的整体感和秩序美感。各幅图像相互自由叠置或分类叠置而构成的块状组合，具有轻快、活泼的特性，同时也不失整体感。

　　散点组合，即图像分散排列在页面各个部位，具有自由、轻快的感觉。采用这种结构应注意图像的大小、主次，以及方形图、退底图和出血图的配置，同时还应考虑疏密、均衡、视觉流程等。

 
（以上内容节选自顾群业等编著的《网页艺术设计》一书，山东美术出版社出版。）

图13：着重于对左上角和右下角的控制，右下角的树叶起到呼应与稳定页面的作用。
图14：饱满的页面构图，巧妙地利用表盘稳定住页面四角。
图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。
图16：多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。
图17：图片与文字穿插编排，形成散点组合。运用线条的分割、文字的群组化以及单一的背景色形成整体感。
图18：在块状组合结构中，如图片太多，则无法突出重点。这个页面通过改变图片的面积，有效地分开了层次。