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

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

2013/12/14 8766评论区

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

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

Fendi Life

Fendi Life

Twibfy

Twibfy

The Girl Effect

The Girl Effect

Paka DLA Bezdomniaka

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

Paka DLA Bezdomniaka

HTC One

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

HTC One

Wavo

Wavo

Teleton

Teleton

Eureka Software

Eureka Software

MVA Space Shower

MVA Space Shower

Lieber Institute for Brain Development

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

Lieber Institute for Brain Development

Lexus GS Million Mile Test Drive

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

Lexus GS Million Mile Test Drive

Shamballa Jewels

Shamballa Jewels

Fantazista

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

Fantazista

Red

Red

TCM: Summer Under The Stars

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

TCM: Summer Under The Stars

Mangrove

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

Mangrove

Skullcandy Supreme Sound

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

Skullcandy Supreme Sound

Unfold

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

Unfold

Skittles: Experience the Rainbow

创意一般,配色超赞。

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

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

Matteo Zanga

Tumblr

赞,自备梯子。

Tumblr

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

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

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/horizontal-or-vertical-infinite-scrolling

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里