網(wǎng)頁滾動(dòng)的常用的三種類型(以及何時(shí)使用它們)
滾動(dòng)網(wǎng)頁的方法不止一種!還有其他3種值得注意的滾動(dòng)類型,可讓您為網(wǎng)站添加一些額外的香料。它們適用于什么?什么時(shí)候最好包括它們?我們將回答這些問題并幫助您選擇滾動(dòng)條以補(bǔ)充您網(wǎng)站的主題和內(nèi)容。
1、水平滾動(dòng)
大多數(shù)網(wǎng)站使用垂直滾動(dòng),但從左到右滾動(dòng)并不是完全不可能的。有時(shí)水平是一個(gè)很好的選擇,例如當(dāng)你處理大量的視覺內(nèi)容,設(shè)計(jì)移動(dòng)設(shè)備或創(chuàng)建類似幻燈片的網(wǎng)站時(shí)。
主要的缺點(diǎn)是它不同尋常。計(jì)算機(jī)用戶可能會(huì)被設(shè)計(jì)推遲或?qū)Ш嚼щy,因此最適合主要是移動(dòng)受眾。通過包括導(dǎo)航箭頭可以稍微減輕這種情況。
在這些情況下,最好使用水平滾動(dòng):
很多視覺內(nèi)容。對于文本較多的頁面,不建議使用此類型的滾動(dòng)。
創(chuàng)建幻燈片或講故事的網(wǎng)站時(shí),滾動(dòng)到一邊。
如果您的訪問者主要來自移動(dòng)設(shè)備,并且它符合您的設(shè)計(jì)愿景。
2、長滾動(dòng)
你有沒有訪問過一個(gè)網(wǎng)站,并立即被流體效果迷住了?那可能是一個(gè)使用長滾動(dòng)的網(wǎng)站。這種技術(shù)通常用于投資組合和講故事。游客可以通過有趣的動(dòng)畫和有趣的設(shè)計(jì)立即參與其中。
當(dāng)頁面被分成幾個(gè)部分時(shí),該技術(shù)最有效。滾動(dòng)到該部分可激活動(dòng)畫。最好添加導(dǎo)航欄以避免混淆,因?yàn)樵L問者可能會(huì)在長頁面中丟失。
長滾動(dòng)的缺點(diǎn)是它不適合許多網(wǎng)站。創(chuàng)建動(dòng)畫既困難又耗時(shí)。網(wǎng)站設(shè)計(jì)有時(shí)會(huì)對SEO造成不利影響,如果您不包含導(dǎo)航,用戶可能會(huì)迷失方向。最后,此類網(wǎng)站可能會(huì)導(dǎo)致較弱的設(shè)備放緩。
那么,什么是長滾動(dòng)適合?
講述一個(gè)有漂亮動(dòng)畫的故事,多頁格式不合適。
創(chuàng)建具有引人注目設(shè)計(jì)的單頁網(wǎng)站。
流暢地傳達(dá)大量信息。
沉重的視覺內(nèi)容(攝影畫廊,信息圖表)。
3、無限滾動(dòng)
社交媒體,論壇和在線報(bào)紙的推出,無限滾動(dòng)是一個(gè)很好的選擇,如果您的網(wǎng)站擠滿了超過一頁的方式。這種網(wǎng)站設(shè)計(jì)允許用戶在沒有中斷的情況下隨時(shí)保持瀏覽。它比加載新頁面更快!
有什么潛在的問題?首先,它可能在較舊的計(jì)算機(jī)上征稅。失去你的位置很容易。沒有粘性導(dǎo)航,用戶可能會(huì)迷失方向。
無限滾動(dòng)并不適用于每個(gè)網(wǎng)站,但以下是一些有效的方法。
處理大量內(nèi)容(文章,圖像等)。
簡化內(nèi)容交付并更快地將其發(fā)送給訪問者,而不會(huì)破壞參與度。
幫助訪問者發(fā)現(xiàn)新內(nèi)容。
缺少組織或類別的內(nèi)容,例如社交媒體帖子。
有時(shí)候最好堅(jiān)持使用傳統(tǒng)的滾動(dòng)方式。您的網(wǎng)站設(shè)計(jì)可能不需要所有額外的效果和功能。但是,當(dāng)您創(chuàng)建一個(gè)講述故事或包含大量信息的網(wǎng)站時(shí),其中一種滾動(dòng)類型可能正是您所需要的。