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

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

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

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

Fendi Life

Fendi Life

Twibfy


Twibfy

The Girl Effect


The Girl Effect

Paka DLA Bezdomniaka

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

Paka DLA Bezdomniaka

HTC One

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

HTC One

Wavo


Wavo

Teleton


Teleton

Eureka Software


Eureka Software

MVA Space Shower


MVA Space Shower

Lieber Institute for Brain Development

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

Lieber Institute for Brain Development

Lexus GS Million Mile Test Drive

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

Lexus GS Million Mile Test Drive

Shamballa Jewels


Shamballa Jewels

Fantazista

好吧,他踢的是香蕉球,因?yàn)槟銜?huì)被轉(zhuǎn)暈的,盡管也是滾動(dòng),不過(guò)網(wǎng)站引導(dǎo)性很強(qiáng)。

Fantazista

Red


Red

TCM: Summer Under The Stars

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

TCM: Summer Under The Stars

Mangrove

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

Mangrove

Skullcandy Supreme Sound

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

Skullcandy Supreme Sound

Unfold

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

Unfold

Skittles: Experience the Rainbow

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

Skittles: Experience the Rainbow

Pixillion


Pixillion

Dynamit


Dynamit

Pinterest

贊,這個(gè)不用梯子。

Pinterest

Behance

你可能比我還熟悉…

Behance

Flickr

贊,須自備梯子。

Flickr

Guess 1981: 30 Sexy Years


Guess 1981: 30 Sexy Years

Matteo Zanga

同樣是橫向滾動(dòng),不過(guò)對(duì)大多數(shù)網(wǎng)速來(lái)說(shuō),一邊滾動(dòng)一邊加載圖片十分捉急,有點(diǎn)卡著頓進(jìn)的感覺(jué),體驗(yàn)稍遜。

Matteo Zanga

Tumblr

贊,自備梯子。

Tumblr

原文地址:onextrapixel


分享本文至:

日歷

鏈接

個(gè)人資料

存檔