文章編輯:網站建設 文章來源:建站行業(yè)資訊 瀏覽量:次
這個網站很有創(chuàng)意,以視差滾動的方式講述一個驚悚的迷你僵尸電視劇。向下滾動鼠標,你會看到一個喪尸如何走向不同的場景。整個故事以水平視差滾動自動播放。里面的動畫真的很棒,另外背景音樂也創(chuàng)造了一種令人毛骨悚然的氛圍。

該網站的設計師是一個多學科的設計研究團隊,有戰(zhàn)略家,品牌專家,產品經理,用戶體驗師,用戶界面設計師和制造商。該網站有不同的圖層可以增加界面深度,并且采用平滑滾動的視差效果。和Porsche Volution的設計比較接近,只是配色沒有那么大膽。
該網站是一個可以完全將您的設計理念變?yōu)楝F實的地方。設計師Irene DemetriI熱衷于創(chuàng)建美觀和直觀的響應式網站,適用于各種類型,各種尺寸設備的大型和小型項目。這個網站的視差沒有那么強烈。你單擊按鈕時,不同的元素會以反方向移動,形成一種簡單的視差。

想象一下,冬天里,懷抱一個熱水袋感覺怎么樣呢?這就Bagigia的設計師的靈感來源,創(chuàng)造一個關于熱水袋展示的網站。當你向下滾動時,第一個網頁頁面會像幕布一樣升上去,切換到一個可愛的熱水袋的頁面。該網站的視差效果也幾乎集中在第一頁。另外,滾動時,底部有一個“拉鏈”進度條,從左向右移動,很生動。

我很喜歡這個網站的配色,溫暖干凈的界面。首頁的安東和艾琳穿著一件色彩鮮艷的衣服看起來很酷。當向下滾動時,他們則會退后一步,同時頁面載入文本信息。粗字體和整體色彩創(chuàng)造了一種美妙的視覺體驗。如果你將鼠標放在Anton&Iren身上,就可以看到他們的臉部或一個鼻子。

向下滾動鼠標時,會以視差滾動的方式連續(xù)顯示 6 個頁面。每一個頁面都是日常生活中我們做清潔的場景。頁面動畫非常不錯,尤其那個垃圾自動進入垃圾桶的動畫,引人深思。
該網站是您進行創(chuàng)意設計的一個不錯選擇,它是一個德國網站,但有多種語言可以切換。通過使用視差滾動來增加了網頁插圖的豐富度。但個人覺得這個網站的元素有些許雜亂。

這也不是一個非常典型的視差滾動效果網站,當滾動鼠標,會有一個卡通人物進入一個神秘的管道,管道上有無數的窗口,可以讓該人物在頁面滾動時看到不同的場景。這個網站還是有一定的趣味性,看這個人物經歷所有場景并最終到達他的目的地非常有趣。

以上就是Mockplus團隊整理的一些視差滾動網站設計例子。不知道是不是對您有所幫助呢?不要忘了使用Mockplus去進行網頁視差原型設計哦。還沒有嘗試過的小伙伴,相信你也可以做出同樣精彩的設計。深圳網站制作公司博納網絡歡迎交流。
[聲明]本網轉載網絡媒體稿件是為了傳播更多的信息,此類稿件不代表本網觀點,本網不承擔此類稿件侵權行為的連帶責任。故此,如果您發(fā)現本網站的內容侵犯了您的版權,請您的相關內容發(fā)至此郵箱【qin@198bona.com 】,我們在確認后,會立即刪除,保證您的版權。