熱文推薦
- 深圳網(wǎng)站建設(shè)公司哪家好?深圳網(wǎng)站…
- 如何通過(guò)網(wǎng)站按鈕顏色的對(duì)比來(lái)引導(dǎo)…
- 如何打造a股網(wǎng)站(三大要素是什么…
- 深圳福田網(wǎng)站制作,互聯(lián)網(wǎng)對(duì)企業(yè)網(wǎng)…
- 定制企業(yè)網(wǎng)站的理由是什么?
- 如何制作建設(shè)有特色的企業(yè)網(wǎng)站?
- 深圳網(wǎng)站建設(shè)需要一個(gè)優(yōu)秀的CMS系…
- 2016年國(guó)慶節(jié)放假通知
- 制造業(yè)做網(wǎng)站建設(shè)的作用是什么?
- 百度或在9月1日恢復(fù)10個(gè)廣告位
![](/assets/images/zhaoshang.png)
網(wǎng)站信息量大 該采用分頁(yè)式設(shè)計(jì)還是瀑布流滾動(dòng)設(shè)計(jì)?
當(dāng)頁(yè)面內(nèi)容信息很多時(shí),設(shè)計(jì)上應(yīng)該使用分頁(yè),還是瀑布流無(wú)限滾動(dòng)的方式呢?今天這篇好文詳細(xì)分析了大信息流網(wǎng)站谷歌。無(wú)論是電子商務(wù)網(wǎng)站、搜尋結(jié)果、圖片瀏覽、歷史紀(jì)錄等等,只要是內(nèi)容信息量大時(shí),設(shè)計(jì)師總是會(huì)面對(duì)到同樣的問(wèn)題。
來(lái)看看Google的設(shè)計(jì),它在一般搜尋時(shí),采用Pagination(頁(yè)碼)的方式,可是在圖片搜尋時(shí),卻使用Infinite scroll(無(wú)限滾動(dòng),瀑布流)。為什么會(huì)有如此的差異呢?
△ Google image search
其實(shí)pagination和Infinite scroll有各自的特性,適合在不同的情境。Pagination把數(shù)據(jù)分成一頁(yè)一頁(yè),下方有頁(yè)數(shù)或是指示可以點(diǎn)擊換頁(yè),讓人有停頓的時(shí)間。而Infinite scroll則是將內(nèi)容都放在同一頁(yè),當(dāng)滾輪滾到頁(yè)面下方時(shí),會(huì)自動(dòng)加載新的內(nèi)容,無(wú)需點(diǎn)擊換頁(yè)。
簡(jiǎn)單分析一下Infinite scroll的優(yōu)點(diǎn)
1. 流暢的體驗(yàn),可以持續(xù)瀏覽內(nèi)容:
在滾輪滾動(dòng)的同時(shí),背后也悄悄開(kāi)始預(yù)載窗口下方的內(nèi)容,用戶可以無(wú)縫閱覽,比較容易沉浸其中,不像pagination,點(diǎn)擊完下一頁(yè)之后,需等待頁(yè)面載入。 它其實(shí)適合運(yùn)用在沒(méi)有特定目的的活動(dòng)上,無(wú)聊的時(shí)候,可以打發(fā)時(shí)間的隨意瀏覽,例如Facebook News Feed。
2. 操作簡(jiǎn)易快速:
http://m.ezekroy.com/jianzhanzhishi/7322.html 網(wǎng)站信息量大 該采用分頁(yè)式設(shè)計(jì)還是瀑布流滾動(dòng)設(shè)計(jì)?