在通常情況下，如果一個(gè)頁(yè)面需要顯示的信息非常多，單個(gè)頁(yè)面不夠用，為了增加速度、美觀度、親近感等，設(shè)計(jì)分頁(yè)就成為了必要。用戶可選擇是否繼續(xù)前行或后退去找他想要的信息。例如，在淘寶網(wǎng)搜索一下“襯衣”，這時(shí)有多達(dá)100 多頁(yè)的信息，分頁(yè)顯示如下：網(wǎng)站建設(shè)★網(wǎng)站設(shè)計(jì)★網(wǎng)站制作★網(wǎng)頁(yè)設(shè)計(jì)-800元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司?13518219792（注：選好網(wǎng)站模板，請(qǐng)聯(lián)系客服，百度云盤下載提取網(wǎng)站模板)

一、原始設(shè)計(jì)的基本方案

分頁(yè)的作用是很多的，特別是在性能優(yōu)化上，最重要的原因，是讓用戶可以快速找到想要的信息。這些有用信息頁(yè)面比較多地在分頁(yè)之上，淘寶網(wǎng)已經(jīng)做得非常好。先看一下下面這個(gè)小型分頁(yè)（這里定義要狹小一些，是頁(yè)面小于或等于5頁(yè)的分頁(yè)設(shè)計(jì)）的原始設(shè)計(jì)（交互白板，非視覺終稿）方案：

看起來挺眼熟的吧，huh？就是它，現(xiàn)在很多網(wǎng)站都采用該類型顯示的方式。設(shè)計(jì)師可能建議，能不能把“上一頁(yè)”和“下一頁(yè)”放在一塊，讓用戶按起來更加方便，如下圖所示：

確實(shí)這比原來的好很多，至少翻頁(yè)更省事。這時(shí)，有人會(huì)提出如下方案：

實(shí)話實(shí)說，這樣的設(shè)計(jì)方案也是挺好的，理由就不用說了。但問題在于，用戶需要有“猜”的過程，猜左向指示符究竟是不是代表向上翻頁(yè)。

二、我推薦的基本方案

說句實(shí)話，我自己并不贊同上面的這些做法。既然這個(gè)分頁(yè)是小型化的，一個(gè)很小的位置就能全列在上面了，那我們?yōu)楹芜€要去復(fù)雜化這個(gè)用戶選擇的過程，而不是直接提供更便捷的方式？我倡導(dǎo)的想法是把小分頁(yè)全顯示出來，確保用戶操作更方便。如下：

這樣的設(shè)計(jì)與原始方案進(jìn)行對(duì)比，從空間上展開式顯示需要的像素少，有不少設(shè)計(jì)師考慮留白，會(huì)去考慮如果合理地利用這些寶貴的空間。從實(shí)用性角度來說，假如看到第3頁(yè)，突然又想回到第一頁(yè)，按照原設(shè)計(jì)，不得不按兩次“上一頁(yè)”？假如有5頁(yè)呢？有什么手段來保證在各頁(yè)之間切換得更快、更自如？無(wú)論怎么樣，展開式設(shè)計(jì)都可以很好地解決這些問題。