三、網頁:將眾多的信息形成視覺層次感是最大的關鍵 Men.style.com 的網頁中包含了眾多的信息,下圖共有 9 張圖片,還有很多大小標題,所形成的區(qū)域數量也非常多――有重點的封面報道,有一些是比較次要的新聞,還有其它的搜索功能等等。但你在看這個網頁的時候,卻并不會讓你的眼睛無所適從眼花繚亂,相反,整個版面安排得非常漂亮及吸引人。為什么有這種效果?關鍵是他們在排版上強調了層次感。整個版面大元素與小元素之間,通過淺色及暗色及組織形成了協(xié)調的對比。

一眼望去,電影明星蓋倫霍爾( Gyllenhaal )是這個版面當之無愧的視覺焦點。他為什么有這種力量: 1 、他是這個網頁中最大的一個元素; 2 、他的身體輪廓與那些矩形的直線邊框形成了對比; 3 、他超出了區(qū)域一部分; 4 、以黑色為主的肖像與周圍白色區(qū)域形成了對比。 5 、在這么多圖片中,他的面孔是大家最熟悉的,而且,他還直視著你。從下面的示意圖你或許看到更清楚:

A 是最主要的區(qū)域。( 1 )該版面被分成三個主要區(qū)域;( 2 )而每一個區(qū)域又再細分為各個小區(qū)域;( 3 )這些小區(qū)域里面還有更小的區(qū)域。而 A 區(qū)域給人顏色厚重的感覺,使它輕易地與其它兩個區(qū)域分開。而 A 中的小區(qū)域之間的對比則較為低調,并沒有象大區(qū)域的對比那樣強烈。這樣的劃分,使到網頁可以包含很多的信息。特別注意其中標題的樣式,在不同區(qū)域中一些主要標題的字體及樣式都是一樣的,使到整個版面在視覺上形成一個整體。