網(wǎng)站的頁(yè)面設(shè)計(jì)是讓人掃貓的，不是閱疆的！

建立清楚的網(wǎng)站視覺(jué)階層

設(shè)計(jì)的網(wǎng)站頁(yè)面要易于在一瞬間看清楚，就必須讓頁(yè)面上的每一樣?xùn)|西表面的視覺(jué)體現(xiàn)都能簡(jiǎn)潔表達(dá)，并傳達(dá)出頁(yè)面上每一件東西之間的關(guān)系：

哪些東西有關(guān)系，哪些東西屬于其他事物的一部份。換句話說(shuō)，每一頁(yè)都應(yīng)該要有清楚的視覺(jué)階層。

有清楚視覺(jué)階層的頁(yè)面，會(huì)有三種不同的特性：

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

視覺(jué)上的「巢狀」階層，表現(xiàn)事物屬于哪一部份。

例如，小標(biāo)就應(yīng)該放在某本此類書籍的書名之上，在視覺(jué)上圍困整個(gè)頁(yè)面的內(nèi)容，由于這本書是屬于這類書籍。在書名底下，接著加入敘述該書的內(nèi)容。

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

我們天天都要解讀各種視覺(jué)階層一在網(wǎng)站上或者紙上，但是這個(gè)過(guò)程實(shí)在太快了，所以我們只有在無(wú)法一眼了解的情況下，才會(huì)去被迫思考。

的視覺(jué)階層，可以為我們預(yù)先處理網(wǎng)站頁(yè)面，節(jié)省我們的心力，還可以將內(nèi) 容管理排序，讓我們能夠立即了解。

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

此外，我們?cè)诰W(wǎng)站上也盼望能和其他媒體一樣有編輯準(zhǔn)則。出版商比任何人 都知道網(wǎng)站內(nèi)容中什么東西緊張、有價(jià)值或者迎接，所以何不把這 些東西標(biāo)示出來(lái)，幫我們省去麻煩？

解讀視覺(jué)結(jié)構(gòu)有瑕疵的頁(yè)面時(shí)一例如題目下的東西并不屬于統(tǒng)一篇文章，就 像是閱讀一個(gè)沒(méi)寫好的句子廣他扶著桌子站立，由于腳不太穩(wěn)」）。

即使我們通常可以猜出這個(gè)句子的意義，但我們?nèi)匀粫?huì)臨時(shí)感到迷惑，迫使我們作非需要的思考。