我的小分頁制作方法推薦

閱讀 ?·? 發(fā)布日期 2019-10-31 10:39 ?·? admin
在通常情況下，如果一個頁面需要顯示的信息非常多，單個頁面不夠用，為了增加速度、美觀度、親近感等，設(shè)計分頁就成為了必要。用戶可選擇是否繼續(xù)前行或后退去找他想要的信息。例如，在淘寶網(wǎng)搜索一下“襯衣”，這時有多達100 多頁的信息，分頁顯示如下：網(wǎng)站建設(shè)★網(wǎng)站設(shè)計★網(wǎng)站制作★網(wǎng)頁設(shè)計-599元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司?13172194676（注：選好網(wǎng)站模板，請聯(lián)系客服，百度云盤下載提取網(wǎng)站模板)
網(wǎng)站建設(shè)
一、原始設(shè)計的基本方案
分頁的作用是很多的，特別是在性能優(yōu)化上，最重要的原因，是讓用戶可以快速找到想要的信息。這些有用信息頁面比較多地在分頁之上，淘寶網(wǎng)已經(jīng)做得非常好。先看一下下面這個小型分頁（這里定義要狹小一些，是頁面小于或等于5頁的分頁設(shè)計）的原始設(shè)計（交互白板，非視覺終稿）方案：
看起來挺眼熟的吧，huh？就是它，現(xiàn)在很多網(wǎng)站都采用該類型顯示的方式。設(shè)計師可能建議，能不能把“上一頁”和“下一頁”放在一塊，讓用戶按起來更加方便，如下圖所示：
確實這比原來的好很多，至少翻頁更省事。這時，有人會提出如下方案：
實話實說，這樣的設(shè)計方案也是挺好的，理由就不用說了。但問題在于，用戶需要有“猜”的過程，猜左向指示符究竟是不是代表向上翻頁。
 
二、我推薦的基本方案
說句實話，我自己并不贊同上面的這些做法。既然這個分頁是小型化的，一個很小的位置就能全列在上面了，那我們?yōu)楹芜€要去復(fù)雜化這個用戶選擇的過程，而不是直接提供更便捷的方式？我倡導(dǎo)的想法是把小分頁全顯示出來，確保用戶操作更方便。如下：
這樣的設(shè)計與原始方案進行對比，從空間上展開式顯示需要的像素少，有不少設(shè)計師考慮留白，會去考慮如果合理地利用這些寶貴的空間。從實用性角度來說，假如看到第3頁，突然又想回到第一頁，按照原設(shè)計，不得不按兩次“上一頁”？假如有5頁呢？有什么手段來保證在各頁之間切換得更快、更自如？無論怎么樣，展開式設(shè)計都可以很好地解決這些問題。