設計網站要建立清楚的視覺階層。

網站的頁面設計是讓人掃貓的，不是閱疆的！

建立清楚的網站視覺階層

設計的網站頁面要易于在一瞬間看清楚，就必須讓頁面上的每一樣東西表面的視覺體現都能簡潔表達，并傳達出頁面上每一件東西之間的關系：

哪些東西有關系，哪些東西屬于其他事物的一部份。換句話說，每一頁都應該要有清楚的視覺階層。

有清楚視覺階層的頁面，會有三種不同的特性：

越緊張的東西，就應該要越顯明。例如，緊張的題目，若非放大，就是 要加粗、使用不同顏色、多留些空白面積，或者放在頁面頂端一也可以將 上述方法組合使用。

視覺上的「巢狀」階層，表現事物屬于哪一部份。

例如，小標就應該放在某本此類書籍的書名之上，在視覺上圍困整個頁面的內容，由于這本書是屬于這類書籍。在書名底下，接著加入敘述該書的內容。

「視覺階層」并不是什么新玩意兒。例如報紙上的每一頁，都使用了凸顯、分 組與巢狀架構，讓我們還沒讀進任何一個字，便能先了解關于這一頁內容的 有效資訊。這張照片和這篇報導是在一路的，由于他們都放在這個題目底 下。這段報導緊張，由于題目字體、欄位寬百度排名優化，也占用了頁面上顯 著的位置。

我們天天都要解讀各種視覺階層一在網站上或者紙上，但是這個過程實在太快了，所以我們只有在無法一眼了解的情況下，才會去被迫思考。

的視覺階層，可以為我們預先處理網站頁面，節省我們的心力，還可以將內 容管理排序，讓我們能夠立即了解。

但是當頁面上并沒有清楚的視覺階層一例如每一件東西看起來都一樣緊張關鍵詞優化， 那我們必須改用較慢的步驟，開始掃瞄頁面、解讀筆墨，并嘗試以本身的方 式來判斷內容的緊張性與組織體例。這就費事多了。

此外，我們在網站上也盼望能和其他媒體一樣有編輯準則。出版商比任何人 都知道網站內容中什么東西緊張、有價值或者迎接，所以何不把這 些東西標示出來，幫我們省去麻煩？

解讀視覺結構有瑕疵的頁面時一例如題目下的東西并不屬于統一篇文章，就 像是閱讀一個沒寫好的句子廣他扶著桌子站立，由于腳不太穩」）。

即使我們通�？梢圆鲁鲞@個句子的意義，但我們仍然會臨時感到迷惑，迫使我們作非需要的思考。