在通常情況下,如果一個(gè)頁(yè)面需要顯示的信息非常多,單個(gè)頁(yè)面不夠用,為了增加速度、美觀度、親近感等,設(shè)計(jì)分頁(yè)就成為了必要。用戶(hù)可選擇是否繼續(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)系客服,百度云盤(pán)下載提取網(wǎng)站模板)
一、原始設(shè)計(jì)的基本方案
分頁(yè)的作用是很多的,特別是在性能優(yōu)化上,最重要的原因,是讓用戶(hù)可以快速找到想要的信息。這些有用信息頁(yè)面比較多地在分頁(yè)之上,淘寶網(wǎng)已經(jīng)做得非常好。先看一下下面這個(gè)小型分頁(yè)(這里定義要狹小一些,是頁(yè)面小于或等于5頁(yè)的分頁(yè)設(shè)計(jì))的原始設(shè)計(jì)(交互白板,非視覺(jué)終稿)方案:
看起來(lái)挺眼熟的吧,huh?就是它,現(xiàn)在很多網(wǎng)站都采用該類(lèi)型顯示的方式。設(shè)計(jì)師可能建議,能不能把“上一頁(yè)”和“下一頁(yè)”放在一塊,讓用戶(hù)按起來(lái)更加方便,如下圖所示:
確實(shí)這比原來(lái)的好很多,至少翻頁(yè)更省事。這時(shí),有人會(huì)提出如下方案:
實(shí)話(huà)實(shí)說(shuō),這樣的設(shè)計(jì)方案也是挺好的,理由就不用說(shuō)了。但問(wèn)題在于,用戶(hù)需要有“猜”的過(guò)程,猜左向指示符究竟是不是代表向上翻頁(yè)。
二、我推薦的基本方案
說(shuō)句實(shí)話(huà),我自己并不贊同上面的這些做法。既然這個(gè)分頁(yè)是小型化的,一個(gè)很小的位置就能全列在上面了,那我們?yōu)楹芜€要去復(fù)雜化這個(gè)用戶(hù)選擇的過(guò)程,而不是直接提供更便捷的方式?我倡導(dǎo)的想法是把小分頁(yè)全顯示出來(lái),確保用戶(hù)操作更方便。如下:
這樣的設(shè)計(jì)與原始方案進(jìn)行對(duì)比,從空間上展開(kāi)式顯示需要的像素少,有不少設(shè)計(jì)師考慮留白,會(huì)去考慮如果合理地利用這些寶貴的空間。從實(shí)用性角度來(lái)說(shuō),假如看到第3頁(yè),突然又想回到第一頁(yè),按照原設(shè)計(jì),不得不按兩次“上一頁(yè)”?假如有5頁(yè)呢?有什么手段來(lái)保證在各頁(yè)之間切換得更快、更自如?無(wú)論怎么樣,展開(kāi)式設(shè)計(jì)都可以很好地解決這些問(wèn)題。
本文標(biāo)題:我的小分頁(yè)制作方法推薦
分享地址:http://jinyejixie.com/article0/dghjgio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站排名、全網(wǎng)營(yíng)銷(xiāo)推廣、自適應(yīng)網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)