很多新手站長(zhǎng)在剛接觸網(wǎng)站建設(shè)的時(shí)候,相信都會(huì)遇到很多關(guān)于設(shè)計(jì)的問題,其中翻頁(yè)的設(shè)計(jì)就是最常見的。頁(yè)面為什么會(huì)有翻頁(yè)設(shè)計(jì)呢?主要是因?yàn)閮?nèi)容太多,超出了框架的承載量。今天我們就來說一下網(wǎng)站建設(shè)中,翻頁(yè)設(shè)計(jì)的一些方式,
第一、頁(yè)碼翻頁(yè)的設(shè)計(jì)。這就好像跟書籍翻頁(yè)一樣,是最經(jīng)典的一種方式。在還沒有瀑布流等等交互設(shè)計(jì)出現(xiàn)的時(shí)候,這是最常用的翻頁(yè)設(shè)計(jì)。頁(yè)碼設(shè)計(jì)的三要素是:數(shù)字陳列的方式,這樣可以快速定位。逐頁(yè)翻頁(yè)的設(shè)計(jì),這個(gè)其實(shí)就上一頁(yè)和下一頁(yè)。跳進(jìn)翻頁(yè)設(shè)計(jì),可以調(diào)到最后一頁(yè),頁(yè)碼翻頁(yè)的設(shè)計(jì)主要用戶內(nèi)容比較固定的網(wǎng)站,但是也有缺點(diǎn)就是每一次翻頁(yè)都需要點(diǎn)擊一下,而且對(duì)點(diǎn)擊精確度要求也比較高。
第二、自動(dòng)瀑布流翻頁(yè)的設(shè)計(jì)。什么是自動(dòng)瀑布流呢?指的就是分段式的加載,當(dāng)用戶在瀏覽內(nèi)容的時(shí)候,瀏覽完已加載的內(nèi)容,頁(yè)面就會(huì)繼續(xù)加載為瀏覽的內(nèi)容。瀑布流的設(shè)計(jì)是移動(dòng)互聯(lián)網(wǎng)發(fā)展起來之后出現(xiàn)的一種交互式設(shè)計(jì)。因?yàn)樵谝苿?dòng)互聯(lián)網(wǎng)中,社交網(wǎng)絡(luò)以及碎片化時(shí)間的概念比較熱門。不少網(wǎng)站在建設(shè)首頁(yè)的時(shí)候,都采用時(shí)間線+訂閱的方式進(jìn)行。移動(dòng)用戶瀏覽網(wǎng)站主要是打發(fā)時(shí)間,而不是搜索資料,所以,就帶動(dòng)了瀑布流交互式的設(shè)計(jì)。這種方式適合于瀏覽一些新的內(nèi)容,例如資訊訂閱類型、社交網(wǎng)站等等。但是這種方式?jīng)]有搜索功能,因此用戶在查找就內(nèi)容的時(shí)候需要反復(fù)查找。

第三、手動(dòng)式的瀑布流設(shè)計(jì)方式。這個(gè)主要是通過用戶手動(dòng)點(diǎn)擊加載按鈕才進(jìn)行剩下內(nèi)容的加載,這個(gè)主要分為向前翻頁(yè)以及向后翻頁(yè)。這個(gè)主要適用與被動(dòng)更新的頁(yè)面,例如知乎網(wǎng)站以及微博網(wǎng)站,會(huì)提醒你有多少條內(nèi)容更新了。
第四、箭頭翻頁(yè)的設(shè)計(jì)。其實(shí)這是頁(yè)碼翻頁(yè)的簡(jiǎn)化形式,只是將頁(yè)碼變成了箭頭。適用與模塊大小比較固定的,內(nèi)容比較少的,多用于展示型的模塊,例如編輯推薦等等。
第五、圓點(diǎn)頁(yè)碼。這是數(shù)字頁(yè)碼的簡(jiǎn)化,把頁(yè)碼數(shù)字變成圓點(diǎn),而且將當(dāng)前的頁(yè)碼通過特殊的顏色顯示出來。一般用于演示型的模塊,例如banner的輪播。這樣可以讓用戶知道一共有多少?gòu)垐D,當(dāng)前是第幾張。
以上五種方式就是翻頁(yè)設(shè)計(jì)的一些方式,希望可以幫助到站長(zhǎng)們,站長(zhǎng)們?cè)诮ㄔO(shè)網(wǎng)站的時(shí)候也可以參考一下。