0514-87330378
網站設計缺乏創意？視差滾動網站設計讓你與眾不同
2018-04-16 19:25:49
進入Mockplus團隊后，我開始深入接觸設計。工作過程中，也會和用戶討論一些設計項目的問題。在和用戶交流過程中，我發現，用戶的疑問不僅包含各種各樣的Mockplus使用問題，很多時候，在解決用戶疑問的同時，我也能感受到他們對于設計創意的缺乏。比如網頁項目的設計，可能數十個用戶的創意都如出一轍。
如何讓自己的網站設計與眾不同呢？你也許需要一些更多的靈感和技巧。
讓一個網站看起來酷炫，豐富，具有吸引力。你可以添加多種多樣的設計效果和技巧。而視差滾動效果則是其中一個很不錯的選擇。這里，Mockplus團隊精心整理了 20 多個視差滾動網站設計，希望您在看完這些不錯的設計后，也可以使用Mockplus做出同樣創意滿滿的網頁視差原型設計。
首先，什么是視差滾動設計呢？
視差滾動，英文為Parallax Scrolling，是指多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。網頁設計中的視差效果的最常見的一種，就是用戶在向下滾動頁面或跨頁面時可以創建3D滾動效果。視差設計如果做得好，將會大大提升用戶體驗，吸引更多的用戶。
接下來，我們一起看看這些優秀的視差滾動網站設計吧。
1. Femme Fatale
Femme Fatale是一家專注于文化，奢侈品，社論和藝術的創意工作室。它包含了精彩的動畫互動頁面，可以很好的調動訪客的情緒。當你向下滾動頁面時，頁面背景會伴隨頁面滾動條進行切換，每個頁面的背景色各不相同，在頁面滾動切換時，頁面文本會以不同的速度載入，和頁面圖像等其他元素形成視差滾動。
2. Every Last Drop
Every Last Drop是一個展示生活用水場景的網站，旨在呼吁關注地球水資源，節約水資源。設計師以等比例分割頁面進度條，當你向下滾動頁面時，您會看到各種不同的生活場景里水資源是如何被消耗的，并且展示水資源使用的占比等數據。每個場景的切換都帶有動畫視差效果。在其“Universe”頁面還增加了3D視差滾動效果。
3. Beer Camp
Beer Camp整個網站頁面劃分為 5 個頁面層，當你滾動時會有一種“一鏡到底”的感覺。并且它的視差滾動效果非常與眾不同，它既不是水平也不是垂直的，而是一種平滑縮放的效果。當你滾動頁面時，各個層都可以連貫地依次放大到頁面最前端。加上明亮的配色和粗放的版式，創造出一種驚人的空間感。
4. Porsche Volution
Porsche Volution完全可以看出設計師對汽車的熱愛以及對保時捷品牌的濃厚興趣。整個頁面設計以視差滾動照片的形式展示了保時捷的進化，并且配有高雅的背景音樂，配色驚艷。屏幕左側有一個時間軸，向下滾動時，可以清晰的看到保時捷的進化歷程。
5. Spokes
Spokes Eclectic Pedicab Rides是一個提供停車和公共交通的即時解決方案的網站。這個網站號召綠色生活和經濟生活，對以倡導騎車為中心的社區文化有極大的意義。該網站是漫畫風格，滾動頁面時會以不同進度載入頁面元素，具有豐富的視差效果。頂部導航欄的設計也是一個亮點。
-
免費通話
-
在線QQ
點擊QQ聊天 -
客服微信
掃一掃
加客服微信服務熱線
0514-87330378 - 在線留言
- 返回頂部