只有理解了人的目光，才能相對應的做出合適的網(wǎng)站。

要創(chuàng)造正確的視覺層次，你就要理解我們的眼睛如何處理信息，UXPin的Chris Bank說。

一個藝術大師除了要具備創(chuàng)造力，還要考慮一些細節(jié)問題，比如寫作、用色、尺寸、包含哪些內(nèi)容，可能更重要的是舍棄哪些。這可不是容易的事，所以我們才會對達芬奇和梵高這樣的大師推崇備至。

網(wǎng)頁UI設計師也應該如此。這本免費電子書網(wǎng)頁UI最佳實戰(zhàn)中討論過，網(wǎng)站也是視覺藝術的一種形式，以它獨有的方式，它要遵循很多傳統(tǒng)藝術形式的規(guī)則。這是審美的科學，摻雜了一些商業(yè)準則，非比尋常的網(wǎng)站界面，必須讓人感覺毫無壓力、引人入勝。

本文中，我們首先看看視覺層次是什么，如何創(chuàng)造，然后我們再了解它如何在視線的自然運動中發(fā)揮作用。

組織視覺

Luke Wroblewski，專欄作家兼雅虎產(chǎn)品設計高級主管，在他的的文章通過視覺層次溝通中闡釋了網(wǎng)站界面的視覺表現(xiàn)在以下方面的重要性：

通知用戶——像一只無形的手，界面應該引導用戶一步步采取行動，卻不會讓用戶感到壓迫。比如當你向下滾動，支付服務商Square引導你了解它的價值所在，每一步都有相關的引導號召你采取行動。

傳達內(nèi)容之間的關聯(lián)——界面展現(xiàn)內(nèi)容的方式，應該符合用戶對信息的優(yōu)先級理解。例如，人氣設計網(wǎng)站Abduzeedo在頂部包含了清晰的分類，推薦內(nèi)容在中間，底部則是詳細的分類。

影響情緒——人們?nèi)ゲ宛^可不只是為了食物果腹。他們要的是口味、質感、外觀，還有令人難忘的環(huán)境。界面設計也一樣，而且假如你建立了積極的情緒響應，人們可能更容易諒解網(wǎng)站的缺點。比如Wufoo就是個完美案例，界面非常實用且令人愉悅。

你的UI設計，最終目標是要解答以下三個問題：

這是什么？（有用） 如何使用？（易用） 關我什么事？（渴望） 人眼的可預見性