??如何創(chuàng)建和使用網(wǎng)站的4種滾動(dòng)類型
2018-11-01 12:57:25
聚景科技
向下滾動(dòng)網(wǎng)頁的方法不止一種！還有其他四種值得注意的滾動(dòng)類型，可讓您為網(wǎng)站添加一些額外的香料。那它們適用于什么呢？什么時(shí)候最好包括它們？我們將回答這些問題并幫助您選擇滾動(dòng)條以補(bǔ)充您網(wǎng)站的主題和內(nèi)容。
水平滾動(dòng)
大多數(shù)網(wǎng)站建設(shè)使用的都是垂直滾動(dòng)，但從左到右滾動(dòng)并不是完全不可能的。有時(shí)水平滾動(dòng)是一個(gè)很好的選擇，例如當(dāng)你處理大量的視覺內(nèi)容，設(shè)計(jì)移動(dòng)設(shè)備或創(chuàng)建類似幻燈片的網(wǎng)站時(shí)都可以運(yùn)用。
主要缺點(diǎn)是它不同尋常。計(jì)算機(jī)用戶可能會(huì)被設(shè)計(jì)推遲或?qū)Ш嚼щy，因此最好用于主要是移動(dòng)的觀眾。通過包括導(dǎo)航箭頭可以稍微減輕這種情況。
在這些情況下，最好使用水平滾動(dòng)：
大量的視覺內(nèi)容。對(duì)于文本較多的頁面，不建議使用此類型的滾動(dòng)。
創(chuàng)建幻燈片或講故事的網(wǎng)站時(shí)，滾動(dòng)到一邊。
如果您的訪問者主要來自移動(dòng)設(shè)備，并且它符合您的設(shè)計(jì)愿景。
長(zhǎng)滾動(dòng)
你有沒有訪問過一個(gè)網(wǎng)站，并立即被流體效果迷住了？那可能是一個(gè)使用長(zhǎng)滾動(dòng)的網(wǎng)站。這種技術(shù)通常用于投資組合和講故事。游客可以通過有趣的動(dòng)畫和有趣的設(shè)計(jì)立即參與其中，像之前分享的5個(gè)網(wǎng)頁設(shè)計(jì)視覺敘述的例子中，就達(dá)到這樣的效果。
當(dāng)頁面被分成幾個(gè)部分時(shí)，該技術(shù)最有效。滾動(dòng)到該部分可激活動(dòng)畫。最好添加導(dǎo)航欄以避免混淆，因?yàn)樵L問者可能會(huì)在長(zhǎng)頁面中迷路。
長(zhǎng)滾動(dòng)的缺點(diǎn)是它不適合許多網(wǎng)站。創(chuàng)建動(dòng)畫既困難又耗時(shí)。單頁設(shè)計(jì)有時(shí)可能對(duì)SEO不利，如果你不包括導(dǎo)航，用戶可能會(huì)迷失方向。最后，此類網(wǎng)站可能會(huì)導(dǎo)致較弱的設(shè)備放緩。
那么，什么網(wǎng)站適合長(zhǎng)滾動(dòng)？
講述一個(gè)有漂亮動(dòng)畫的故事，多頁格式不適合。
創(chuàng)建具有引人注目設(shè)計(jì)的單頁網(wǎng)站。
流暢地傳達(dá)大量信息。
沉重的視覺內(nèi)容（攝影畫廊，信息圖表）。
無限滾動(dòng)
社交媒體，博客和在線報(bào)紙的推出，無限滾動(dòng)是一個(gè)很好的選擇，如果您的網(wǎng)站擠滿了超過一頁可以適應(yīng)的方式。這種單頁設(shè)計(jì)允許用戶在沒有中斷的情況下隨時(shí)保持瀏覽。它比加載新頁面更快！
有什么潛在的問題？ 首先，它可能會(huì)對(duì)舊電腦造成負(fù)擔(dān)。失去你的位置很容易，如果沒有粘性導(dǎo)航，用戶可能會(huì)迷失方向。
無限滾動(dòng)并不是適用于每個(gè)網(wǎng)站，但這里有一些例子說明它運(yùn)作良好：
處理大量?jī)?nèi)容（文章，圖像等）。
簡(jiǎn)化內(nèi)容交付并更快地將其發(fā)送給訪問者，而不會(huì)破壞參與度。
幫助訪問者發(fā)現(xiàn)新內(nèi)容。
缺少組織或類別的內(nèi)容，例如社交媒體帖子。
視差滾動(dòng)
視差滾動(dòng)開始是動(dòng)畫和視頻游戲中的一個(gè)聰明技巧，使場(chǎng)景動(dòng)態(tài)化。該技術(shù)使前景和背景以不同的速度移動(dòng)。在網(wǎng)頁設(shè)計(jì)中，它是相同的概念！與長(zhǎng)滾動(dòng)類似，視差通常使用動(dòng)畫和效果來制作視覺上有趣的網(wǎng)頁。
唯一的麻煩是它可能會(huì)加載速度。它還可以使頁面看起來很忙。因此，如果您的網(wǎng)站以內(nèi)容為中心，通常不適用。
否則，“視差”是一個(gè)廣泛的類別。它可以從簡(jiǎn)單的，幾乎不引人注意的背景效果到動(dòng)畫般的冒險(xiǎn)。它可以在任何類型的網(wǎng)站上使用！
選擇正確的滾動(dòng)類型
有時(shí)候最好堅(jiān)持使用傳統(tǒng)的滾動(dòng)方式。您的網(wǎng)站可能不需要所有額外的效果和功能。但是，當(dāng)您創(chuàng)建一個(gè)講述故事或包含大量信息的網(wǎng)站時(shí)，其中一種滾動(dòng)類型可能正是您所需要的。
既然你了解它們，你會(huì)堅(jiān)持傳統(tǒng)的滾動(dòng)還是嘗試不同的東西？