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