翻滾吧網(wǎng)頁:30個漂亮視差滾動網(wǎng)站賞析

2013-12-17    藍藍設計的小編

轉載藍藍設計(   m.sillybuy.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 、平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中,   請點這里 

大概一年前,我們還在預測視差滾動能否成為趨勢,現(xiàn)在,視差滾動網(wǎng)站已經紛繁多樣了,到處都有它的影子,除了新奇的體驗,網(wǎng)站的縱深感也令人置身其中。在5月份的時候,優(yōu)設推薦了一篇視差滾動指南,當下是讓它真正大展身手的時候了,對這個技術感興趣的同學移步:《滾動視差設計指南》閱讀學習,同時誠摯推薦這《11個超炫的視差滾動網(wǎng)站》,先感受一下它的魅力何在。

今天推薦的視差滾動網(wǎng)站有點特別,是縱橫向兼有的,還包括了flickr、tumblr、bahance等知名網(wǎng)站,希望你能在這里找到靈感,創(chuàng)建一個自己的視差滾動網(wǎng)站 : )

Fendi Life

Fendi Life

Twibfy


Twibfy

The Girl Effect


The Girl Effect

Paka DLA Bezdomniaka

這個網(wǎng)站非常有創(chuàng)意,動物與人物形象的結合很巧妙。

Paka DLA Bezdomniaka

HTC One

這個網(wǎng)站有一股神奇的力,鼠標滑動時就被帶了進去,感受一下。

HTC One

Wavo


Wavo

Teleton


Teleton

Eureka Software


Eureka Software

MVA Space Shower


MVA Space Shower

Lieber Institute for Brain Development

這個是冒險型的網(wǎng)站,點進去后就像進了時空隧道或者大腦內部,滑輪滾動時那些片段片片飛過。

Lieber Institute for Brain Development

Lexus GS Million Mile Test Drive

這個是橫向滾動的,配圖過渡很搭配,鼠標滑動時就像一個人在且行且歌。

Lexus GS Million Mile Test Drive

Shamballa Jewels


Shamballa Jewels

Fantazista

好吧,他踢的是香蕉球,因為你會被轉暈的,盡管也是滾動,不過網(wǎng)站引導性很強。

Fantazista

Red


Red

TCM: Summer Under The Stars

這個也是橫向滾動網(wǎng)站,不過你只需把鼠標放在右邊的人物上,它就會自動播放,滑動鼠標是無效的,記得唷

TCM: Summer Under The Stars

Mangrove

很適合作個人網(wǎng)站,簡單清晰。

Mangrove

Skullcandy Supreme Sound

類似前邊的足球網(wǎng)站,贊的是右側有引導欄,你可以知道你現(xiàn)在“滾”到哪里了,這不僅能防止用戶暈站,還能讓用戶有安心的感覺。

Skullcandy Supreme Sound

Unfold

恰到好處地運用了視差滾動的優(yōu)點,加上作者天馬行空且不失韻律感的版式設計,能顛覆你對視差滾動的認知。

Unfold

Skittles: Experience the Rainbow

創(chuàng)意一般,配色超贊。

Skittles: Experience the Rainbow

Pixillion


Pixillion

Dynamit


Dynamit

Pinterest

贊,這個不用梯子。

Pinterest

Behance

你可能比我還熟悉…

Behance

Flickr

贊,須自備梯子。

Flickr

Guess 1981: 30 Sexy Years


Guess 1981: 30 Sexy Years

Matteo Zanga

同樣是橫向滾動,不過對大多數(shù)網(wǎng)速來說,一邊滾動一邊加載圖片十分捉急,有點卡著頓進的感覺,體驗稍遜。

Matteo Zanga

Tumblr

贊,自備梯子。

Tumblr

原文地址:onextrapixel


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔