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

2013-12-17    藍(lán)藍(lán)設(shè)計的小編

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

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

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

大概一年前,我們還在預(yù)測視差滾動能否成為趨勢,現(xiàn)在,視差滾動網(wǎng)站已經(jīng)紛繁多樣了,到處都有它的影子,除了新奇的體驗,網(wǎng)站的縱深感也令人置身其中。在5月份的時候,優(yōu)設(shè)推薦了一篇視差滾動指南,當(dāng)下是讓它真正大展身手的時候了,對這個技術(shù)感興趣的同學(xué)移步:《滾動視差設(shè)計指南》閱讀學(xué)習(xí),同時誠摯推薦這《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)意,動物與人物形象的結(jié)合很巧妙。

Paka DLA Bezdomniaka

HTC One

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

HTC One

Wavo


Wavo

Teleton


Teleton

Eureka Software


Eureka Software

MVA Space Shower


MVA Space Shower

Lieber Institute for Brain Development

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

Lieber Institute for Brain Development

Lexus GS Million Mile Test Drive

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

Lexus GS Million Mile Test Drive

Shamballa Jewels


Shamballa Jewels

Fantazista

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

Fantazista

Red


Red

TCM: Summer Under The Stars

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

TCM: Summer Under The Stars

Mangrove

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

Mangrove

Skullcandy Supreme Sound

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

Skullcandy Supreme Sound

Unfold

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

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)速來說,一邊滾動一邊加載圖片十分捉急,有點卡著頓進(jìn)的感覺,體驗稍遜。

Matteo Zanga

Tumblr

贊,自備梯子。

Tumblr

原文地址:onextrapixel


分享本文至:

日歷

鏈接

個人資料

存檔