視覺層次是高效率網頁設計的重要原則之一。這篇文章將向大家介紹為什麼設計一個具有視覺層次的網頁是這麼重要。在瞭解這些原則之後，你可以在自己的基礎設計練習中運用到這些知識。

設計=交流

作為核心：

設計整體就是視覺交流。作為一個高效率的設計師，你必須有這個能力清楚地將你的設計思想傳達出來。人是易變的，如果你給了他們過多的訊息，有相當高的可能性100個人中99人都會厭倦去看它。為什麼呢？因為人們都是天性的視覺欣賞者，而不是資料處理者。要瞭解這個，知道一些人們如何看待事物的方法是很重要的。

人們並不等於所謂的“平等機會主義者”。他們不僅僅是收集視覺資訊和處理資料，於此同時，大腦還會整理他們看到的這些東西的“視覺關係”。

讓我們看看下面兩個普通的圓：

很大可能上，你並不把它們僅當做“兩個圓”看待，而是將他們看做“一個黑色的圓和一個比較小的紅色的圓”。

原因是非常簡單的：
當呈現出某些像這兩個圓一樣簡單的東西的時候，人們往往不僅僅看到兩個普通的圓，他們將會搜尋這兩個圓之間的不同點。某個圓或許更大，或者更小，或者有顏色，或者其他的不同點。這些不同點給予我們區別物體的資訊並且給予圖形特定的意義。

讓我們來看一張更為複雜的圖片：

增加的這些複雜成分強迫我們去分析他們之間的關係。相同和不同點變成了我們思考這些問題的思維框架。

比例向我們傳遞了“一個物體相對其他來說離我們更近，或者是，這個物體起到一個相對其他物體而言的支配地位”；顏色的不同告訴我們每一個物體可能有自己獨特的特點，這個特點將其與其他物體區分開來。

這樣一個簡單的圖片用最基本的方法卻向我們傳達了如此多的資訊。

…Understanding that people will see our designs in terms of relationships is crucial to becoming a more effective designer.

讓我們回過頭來看網頁設計；因為網頁設計是有關視覺資訊交流，明白“用戶們將會自己組織設計內容的關係”成為我們高效設計的核心。一次丟出大量資訊的方式看上去已經沒意思了，作為網頁設計師，我們任務是將這些沒有經過處理的資訊劃分成一塊一塊切題的美味以供用戶們更方便的閱讀。

更為重要的，我們需要明白：資訊的高效交流是網頁背後的關鍵。初看視覺層次有成千上百的解釋說明人們為什麼會根據關係來看待問題；如果你要追溯到人類學上去討論它的話，你可能做出結論：遠古時代狩獵為生的人們在思維上引導現在的人類去關注這些事物之間的聯繫，這是一種生存技巧。

可能一個更便於理解的解釋，這就是我們大腦整理資訊的方式：將相似的可視元素整理成一個組，將他們放進具有一定意義的類型當中就像人類固有的吃喝等習性一樣。

換句話說，事實上大腦裏的資訊都是按照某種層次整理出來的，這樣交流起來比沒有整理資訊要有效率的多。

看看下面的兩張圖片：

在上面的例子中，我們可以看到最基本的文本層次運用。兩張圖片當中用到的例子內容上沒有任何區別，但是它是如何戲劇化地讓人們改變了理解方式並消化這些內容的呢？

當我們以文字排版為例討論視覺層次的時，這就是我們要分析的問題。

文字組織的接近性、篇幅比例和相似程度使讀者將下級內容自然地歸入標題和分段。

層次給予標題更多的意義，不僅僅是資訊，而且也使內容更容易被接受。

好，這只是一個最基本的例子對吧。讓我們更深入的討論其他的例子，讓大家明白如何運用這些最基本的守則，成為一個老練的設計師。

待續...