您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 交互设计 >> 正文

30个漂亮视差滚动网站赏析

作者:佚名    责任编辑:admin    更新时间:    2015-10-10 15:11:34

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

  Fendi Life

30个漂亮视差滚动网站赏析 三联

  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