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