隨着網頁設計的趨勢不斷變化，網頁設計師經常會做一些令人驚歎的設計作品，而在這些非比尋常的設計中，大多數都會帶有滾動效果。滾動效果做得好，可提高訪客對網站的興趣;但是如果滾動效果不盡人意，就有可能會影響整個網站的用戶體驗。

盤點令人驚嘆的網頁設計滾動效果

優秀案例一：TOMORROW SLEEP

網址：https://www.tomorrowsleep.com/

TOMORROW SLEEP網站採用非常柔和的滾動瀏覽動效，設計師在設計網頁時，並沒有讓元素都默認隱去，而是讓絕大多數的圖片、背景已經裝飾元素都保持顯示，在滾動過程中，各種文本和CTA元素會隨着滾動逐步顯現，這樣的設計會更容易吸引用戶。

優秀案例二：TWIST

網址：https://twist.com/

和TOMORROW SLEEP網站不同，TWIST採用常見的滾動瀏覽動效：頁面原本空無一物，隨着加載和滾動，所有元素會逐步在頁面顯現。雖然有些元素會因為加載原因未必能在短時間內全部展現，但也不會讓用戶等太久。而與TOMORROW SLEEP網站的相同之處在於，TWIST的動效同樣保持着柔和自然的特點。

優秀案例三：DASHFLOW

網址：http://dashflow.co/

與上述網頁的動效設計相比，Dashflow所採用的動效設計是最常見的。整個頁面採用時下最流行的但也是佈局，動效大多是沿着橫向或者縱向運動。動效雖然簡單，但是通過合理的搭配，同樣能製造出流暢順滑，令人難忘的體驗。

優秀案例四：PROJECT FI

網址：https://fi.google.com/about/

Google Project Fi 的介紹頁面採用夢幻般的動效來強化整個體驗，隨着頁面的滾動，內容區塊會小幅度地加速運動，而其中所承載的圖標和扁平插畫，則以更快的速度，從下方向上浮現，創造出動態的視覺體驗。元素的展現速度並不慢，幅度也控制得恰到好處，速度差則將信息的層次感得到了強化。而更加有趣的是，當你滾動到頁面底部，再向上滾動的時候，你會發現動效的運動方向會正好相反。

雖然滾動瀏覽動效並不一定使用每個網站，但是一般使用此動效的網站都會有着更加有趣和優雅的體驗。所以在設計網頁的時候，不妨多留意一下優秀的網頁設計，這對你的創造靈感有很大的幫助。