在內容一定的情況下,屏幕越小,頁面自然就越長。長滾動界面的興起并不是沒有理由的,移動端對桌面端市場份額的擠壓,可穿戴設備等小屏幕的流行,所有的這些變化都在促使這一趨勢更加流行。 長滾動界面的流行促使設計師在新需求下探索新的導航模式和獨到的視覺設計,故事的講述也有了新的方式,瀏覽體驗也將截然不同。在這樣的語境下,我們可以從設計、技術和策略的角度總結出如下特征:
下面的長滾動頁面的案例大多采用了這些設計和技術,這也是為什么這些頁面會躋身今年最值得學習的網頁的行列。
作為社交網站中的巨頭,Twitter的設計自是不會差。但是它更加值得注意的是,它是首個打破翻頁設計的先驅,也是目前最典型的長滾動頁面設計之一。對于Twitter這樣的用戶產生內容的網站,長滾動頁面設計不僅時尚,而且實用。無限滾動加載內容不僅可以保證瀏覽的體驗,而且有利于內容的組織。 Heart Kids NW
這是新西蘭慈善組織Heart Kits 的網站。長滾動頁面設計和動畫結合到一起,滾動操作可以激活動畫,令人驚艷的色調,凄美的意象,組織到一起宣揚拯救生命的信息。 值得注意的是,頁面上并不顯眼的滾動圖標和著陸頁上的指示文字,頂部還有常駐的懸停顯示的導航欄。 |