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

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

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

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

本文中，我們首先看看視覺層次是什么，如何創(chuàng)造，然后我們?cè)倭私馑绾卧谝暰€的自然運(yùn)動(dòng)中發(fā)揮作用。

組織視覺

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

通知用戶——像一只無形的手，界面應(yīng)該引導(dǎo)用戶一步步采取行動(dòng)，卻不會(huì)讓用戶感到壓迫。比如當(dāng)你向下滾動(dòng)，支付服務(wù)商Square引導(dǎo)你了解它的價(jià)值所在，每一步都有相關(guān)的引導(dǎo)號(hào)召你采取行動(dòng)。

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

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

你的UI設(shè)計(jì)，最終目標(biāo)是要解答以下三個(gè)問題：

這是什么？（有用） 如何使用？（易用） 關(guān)我什么事？（渴望） 人眼的可預(yù)見性