在通常情況下,如果一個頁面需要顯示的信息非常多,單個頁面不夠用,為了增加速度、美觀度、親近感等,設計分頁就成為了必要。用戶可選擇是否繼續前行或后退去找他想要的信息。例如,在淘寶網搜索一下“襯衣”,這時有多達100 多頁的信息,分頁顯示如下:
網站建設★網站設計★網站制作★
網頁設計-800元全包;企業網絡推廣☆網站優化☆seo☆關鍵詞排名☆百度快照-2200元全年展示;做網站優化排名-
網站建設公司?13518219792(注:選好網站模板,請聯系客服,百度云盤下載提取網站模板)
一、原始設計的基本方案
分頁的作用是很多的,特別是在性能優化上,最重要的原因,是讓用戶可以快速找到想要的信息。這些有用信息頁面比較多地在分頁之上,淘寶網已經做得非常好。先看一下下面這個小型分頁(這里定義要狹小一些,是頁面小于或等于5頁的分頁設計)的原始設計(交互白板,非視覺終稿)方案:
看起來挺眼熟的吧,huh?就是它,現在很多網站都采用該類型顯示的方式。設計師可能建議,能不能把“上一頁”和“下一頁”放在一塊,讓用戶按起來更加方便,如下圖所示:
確實這比原來的好很多,至少翻頁更省事。這時,有人會提出如下方案:
實話實說,這樣的設計方案也是挺好的,理由就不用說了。但問題在于,用戶需要有“猜”的過程,猜左向指示符究竟是不是代表向上翻頁。
二、我推薦的基本方案
說句實話,我自己并不贊同上面的這些做法。既然這個分頁是小型化的,一個很小的位置就能全列在上面了,那我們為何還要去復雜化這個用戶選擇的過程,而不是直接提供更便捷的方式?我倡導的想法是把小分頁全顯示出來,確保用戶操作更方便。如下:
這樣的設計與原始方案進行對比,從空間上展開式顯示需要的像素少,有不少設計師考慮留白,會去考慮如果合理地利用這些寶貴的空間。從實用性角度來說,假如看到第3頁,突然又想回到第一頁,按照原設計,不得不按兩次“上一頁”?假如有5頁呢?有什么手段來保證在各頁之間切換得更快、更自如?無論怎么樣,展開式設計都可以很好地解決這些問題。
本文標題:我的小分頁制作方法推薦
分享地址:http://m.newbst.com/article0/dghjgio.html
成都網站建設公司_創新互聯,為您提供響應式網站、營銷型網站建設、品牌網站制作、網站排名、全網營銷推廣、自適應網站
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯