大概一年前,我们还在预测视差滚动能否成为趋势,现在,视差滚动网站已经纷繁多样了,到处都有它的影子,除了新奇的体验,网站的纵深感也令人置身其中。在5月份的时候,优设推荐了一篇视差滚动指南,当下是让它真正大展身手的时候了,对这个技术感兴趣的同学移步:《滚动视差设计指南》阅读学习,同时诚挚推荐这《11个超炫的视差滚动网站》,先感受一下它的魅力何在。

今天推荐的视差滚动网站有点特别,是纵横向兼有的,还包括了flickr、tumblr、bahance等知名网站,希望你能在这里找到灵感,创建一个自己的视差滚动网站 : )

Fendi Life

翻滚吧网页:30个漂亮视差滚动网站赏析

Twibfy

翻滚吧网页:30个漂亮视差滚动网站赏析

The Girl Effect

翻滚吧网页:30个漂亮视差滚动网站赏析

Paka DLA Bezdomniaka

这个网站非常有创意,动物与人物形象的结合很巧妙。

翻滚吧网页:30个漂亮视差滚动网站赏析

HTC One

这个网站有一股神奇的力,鼠标滑动时就被带了进去,感受一下。

翻滚吧网页:30个漂亮视差滚动网站赏析

Wavo

翻滚吧网页:30个漂亮视差滚动网站赏析

Teleton

翻滚吧网页:30个漂亮视差滚动网站赏析

Eureka Software

翻滚吧网页:30个漂亮视差滚动网站赏析

MVA Space Shower

翻滚吧网页:30个漂亮视差滚动网站赏析

Lieber Institute for Brain Development

这个是冒险型的网站,点进去后就像进了时空隧道或者大脑内部,滑轮滚动时那些片段片片飞过。

翻滚吧网页:30个漂亮视差滚动网站赏析

Lexus GS Million Mile Test Drive

这个是横向滚动的,配图过渡很搭配,鼠标滑动时就像一个人在且行且歌。

翻滚吧网页:30个漂亮视差滚动网站赏析

Shamballa Jewels

翻滚吧网页:30个漂亮视差滚动网站赏析

Fantazista

好吧,他踢的是香蕉球,因为你会被转晕的,尽管也是滚动,不过网站引导性很强。

翻滚吧网页:30个漂亮视差滚动网站赏析

Red

翻滚吧网页:30个漂亮视差滚动网站赏析

TCM: Summer Under The Stars

这个也是横向滚动网站,不过你只需把鼠标放在右边的人物上,它就会自动播放,滑动鼠标是无效的,记得唷

翻滚吧网页:30个漂亮视差滚动网站赏析

Mangrove

很适合作个人网站,简单清晰。

翻滚吧网页:30个漂亮视差滚动网站赏析

Skullcandy Supreme Sound

类似前边的足球网站,赞的是右侧有引导栏,你可以知道你现在“滚”到哪里了,这不仅能防止用户晕站,还能让用户有安心的感觉。

翻滚吧网页:30个漂亮视差滚动网站赏析

Unfold

恰到好处地运用了视差滚动的优点,加上作者天马行空且不失韵律感的版式设计,能颠覆你对视差滚动的认知。

翻滚吧网页:30个漂亮视差滚动网站赏析

Skittles: Experience the Rainbow

创意一般,配色超赞。

翻滚吧网页:30个漂亮视差滚动网站赏析

Pixillion

翻滚吧网页:30个漂亮视差滚动网站赏析

Dynamit

翻滚吧网页:30个漂亮视差滚动网站赏析

Pinterest

赞,这个不用梯子。

翻滚吧网页:30个漂亮视差滚动网站赏析

Behance

你可能比我还熟悉...

翻滚吧网页:30个漂亮视差滚动网站赏析

Flickr

赞,须自备梯子。

翻滚吧网页:30个漂亮视差滚动网站赏析

Guess 1981: 30 Sexy Years

翻滚吧网页:30个漂亮视差滚动网站赏析

Matteo Zanga

同样是横向滚动,不过对大多数网速来说,一边滚动一边加载图片十分捉急,有点卡着顿进的感觉,体验稍逊。

翻滚吧网页:30个漂亮视差滚动网站赏析

Tumblr

赞,自备梯子。

翻滚吧网页:30个漂亮视差滚动网站赏析

原文地址:onextrapixel
本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位亲爱的小编们 : )

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

翻滚吧网页:30个漂亮视差滚动网站赏析
 

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。