版面排版的五个技巧

 
三、网页：将众多的信息形成视觉层次感是最大的关键

　　Men.style.com 的网页中包含了众多的信息，下图共有 9 张图片，还有很多大小标题，所形成的区域数量也非常多――有重点的封面报道，有一些是比较次要的新闻，还有其它的搜索功能等等。但你在看这个网页的时候，却并不会让你的眼睛无所适从眼花缭乱，相反，整个版面安排得非常漂亮及吸引人。为什么有这种效果？关键是他们在排版上强调了层次感。整个版面大元素与小元素之间，通过浅色及暗色及组织形成了协调的对比。

　　 一眼望去，电影明星盖伦霍尔（ Gyllenhaal ）是这个版面当之无愧的视觉焦点。他为什么有这种力量： 1 、他是这个网页中最大的一个元素； 2 、他的身体轮廓与那些矩形的直线边框形成了对比； 3 、他超出了区域一部分； 4 、以黑色为主的肖像与周围白色区域形成了对比。 5 、在这么多图片中，他的面孔是大家最熟悉的，而且，他还直视着你。从下面的示意图你或许看到更清楚：

　　A 是最主要的区域。（ 1 ）该版面被分成三个主要区域；（ 2 ）而每一个区域又再细分为各个小区域；（ 3 ）这些小区域里面还有更小的区域。而 A 区域给人颜色厚重的感觉，使它轻易地与其它两个区域分开。而 A 中的小区域之间的对比则较为低调，并没有象大区域的对比那样强烈。这样的划分，使到网页可以包含很多的信息。特别注意其中标题的样式，在不同区域中一些主要标题的字体及样式都是一样的，使到整个版面在视觉上形成一个整体。