結(jié)構(gòu)和層次降低了復(fù)雜性并提高了可讀性。你的文章或站點組織的越深入，用戶就越容易理解你觀點和得到你想傳達(dá)的信息。在網(wǎng)頁上，這點被通過多個方式做到。

在正文頭條和列舉被用做邏輯上獨立的數(shù)據(jù)塊來呈現(xiàn)信息。另一種解決方法是一種叫分頁的機制，它在給定文章的單一部分為用戶提供用于瀏覽的額外的導(dǎo)航選項。文章的這些地方除了“上一頁（previous）”和“下一頁（next）”按鈕外，還涉及到數(shù)字、提示和箭頭。

搜索引擎幾乎總是使用分頁，報紙往往利用它來導(dǎo)航有幾部分的大文章。還有一些情形，分頁也是博客（weblog）所需的。額外的導(dǎo)航能簡化一些站點頁面的訪問，例如讓用戶容易的通過站點的存檔進(jìn)行瀏覽。

在大多數(shù)情況下，分頁優(yōu)于傳統(tǒng)的“上一頁、下一頁”導(dǎo)航方式，它通過站點給訪問者提供更快更方便的導(dǎo)航。它不是必須的，但是一個有用的好特性。

讓我們來看一些好的分頁實踐，何時和如何執(zhí)行分頁的一些例子。

分頁設(shè)計的好實踐（來自Faruk Ates的7個方面）

1. 提供大面積的可點擊區(qū)域

2. 別使用下劃線

3. 標(biāo)明當(dāng)前頁面

4. 隔開網(wǎng)頁鏈接

5. 提供上一頁和下一頁鏈接

6. 使用首頁和末頁鏈接（在能適用的地方）

7. 把首頁和末頁放在外面

相關(guān)參考資料

1. Pagination 101，F(xiàn)aruk Ates已經(jīng)完成關(guān)于分頁的終稿。

2. Some Styles For Your Pagination，可以隨意下載隨意適用的分頁樣式。

3. 如果你的博客是基于wordpress的，你可以安裝插件WP-PageNavi來產(chǎn)生分頁。它非常容易安裝，但需要你修改一些你用主題的源碼。

錯誤#1：分頁選項不可見

因為分頁的是主要目的是充當(dāng)一個改進(jìn)后的導(dǎo)航，它必需讓訪問者清楚他們在哪兒、他們已經(jīng)去了哪兒和他們下一步能去哪兒。這個三個事實讓用戶完整的理解這個系統(tǒng)如何的工作和這個導(dǎo)航應(yīng)該如何被使用。

但最重要的是，導(dǎo)航選項應(yīng)該是可見的。hugg.com不遵循這個方針。鏈接顏色和白色背景對比度非常低。沒有提供鼠標(biāo)懸停效果。

<IMG alt="" src="/uploads/allimg/c120922/134S15JGP-B0J.gif" v0Yjl0m3boN.gif" >

沒有間隔的網(wǎng)頁鏈接難以掃描和瀏覽。

創(chuàng)造性的方案可能是用戶友好的

對于設(shè)計者來說，一個元素被使用的越頻繁，想在沒有使設(shè)計不直觀的冒險下去介紹一些創(chuàng)新方法越難。因此，分頁設(shè)計有各種不同的模式，但使用革命性的方法很少見。

然后，創(chuàng)造性的方法可以是用戶有好的。例如：Dirty.ru使用了一個滑塊分頁菜單，用戶能拖動滑塊去獲得更多的可利用的選項，那意思是鏈接到這個站點的的更舊頁面。

Erweiterungen.de，德文版的官方火狐擴展網(wǎng)站，一旦用戶點擊“…”按鈕就提供更多的導(dǎo)航選項。

圖庫

雖然“標(biāo)準(zhǔn)”分頁——彼此相連被鏈接的藍(lán)色數(shù)字——對于大部分的網(wǎng)頁界面是非常普通的，設(shè)計往往通過色彩、形式、背景和形狀進(jìn)行實驗。

分頁看起來很好不需要以迷惑用戶注意為目標(biāo)，作為站點導(dǎo)航的一部分，它提供給用戶一個重要的功能，因而需要有效的使用。盡管如此，視覺線索是有幫助的。在大多數(shù)設(shè)計中，傳統(tǒng)使用的顏色被藍(lán)色和灰色主宰。

簡單列舉

使用色彩和形狀

設(shè)計者通常用顏色高亮去顯示當(dāng)前頁，以區(qū)分它和其它頁。頁碼也被給于形狀：長方形、圓形或者按鈕。當(dāng)前頁通常是不被鏈接的。

帶手工頁碼輸入框的分頁

在一些情況下，用戶可以通過輸入框手工提供想瀏覽的頁碼。這對選項數(shù)目有限的分頁來說是很常見的，例如在這些設(shè)計里你不能跳到你想去的上一頁。

與眾不同的方案

原文

Pagination Gallery: Examples And Good Practices