以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。
進入Mockplus團隊後,我開始深入接觸設計。工作過程中,也會和用戶討論一些設計項目的問題。在和用戶交流過程中,我發現,用戶的疑問不僅包含各種各樣的Mockplus使用問題,很多時候,在解決用戶疑問的同時,我也能感受到他們對於設計創意的缺乏。比如網頁項目的設計,可能數十個用戶的創意都如出一轍。
如何讓自己的網站設計與眾不同呢?你也許需要一些更多的靈感和技巧。
讓一個網站看起來酷炫,豐富,具有吸引力。你可以添加多種多樣的設計效果和技巧。而視差滾動效果則是其中一個很不錯的選擇。這裡,Mockplus團隊精心整理了20多個視差滾動網站設計,希望您在看完這些不錯的設計後,也可以使用Mockplus做出同樣創意滿滿的網頁視差原型設計。
首先,什麼是視差滾動設計呢?
視差滾動,英文為Parallax Scrolling,是指多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。網頁設計中的視差效果的最常見的一種,就是用戶在向下滾動頁面或跨頁面時可以創建3D滾動效果。視差設計如果做得好,將會大大提升用戶體驗,吸引更多的用戶。
接下來,我們一起看看這些優秀的視差滾動網站設計吧。
1. Femme Fatale
Femme Fatale是一家專註於文化,奢侈品,社論和藝術的創意工作室。它包含了精彩的動畫互動頁面,可以很好的調動訪客的情緒。當你向下滾動頁面時,頁面背景會伴隨頁面滾動條進行切換,每個頁面的背景色各不相同,在頁面滾動切換時,頁面文本會以不同的速度載入,和頁面圖像等其他元素形成視差滾動。