25个让人兴奋的视差滚动(Parallax Scrolling)特效网站

转自 http://www.webapptrend.com/2012/03/2150.html

 

视差滚动特效(Parallax Scrolling Effect)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。

现在许多人都在谈论可视化深度这个概念,我们拥有3D家庭影院,甚至我们的电视机也可以播放高清节目。人们期望在设备上面能够看到和现实生活中一样的东西,因此为了增强视觉现实感,我们需要比二维电视屏幕上的图像更多的深度信息。或许那些稍微有些超前意识的web设计人员可能听说过视差滚动(Parallax Scrolling)这个名词。虽然现在这个术语还没有家喻户晓,但是为了在web设计中增加更多的深度信息,视差滚动(Parallax Scrolling)的需求也越来越多。

视差滚动(Parallax Scrolling)是图形学里的一种特殊的滚动技术。Webster将其定义为“一个物体不同直线上的两点运动方向的差异”,这样解释会不会很困惑?简单来说的话你可能会容易理解一些,采用这些滚动效果就像是80年代电子游戏中使用的可视化技术一样。该技术可以为游戏图形界面增添更多的深度信息。它让多层背景以不同的速度移动,提供多维3D视觉效果。

web设计人员使用视差滚动特效(parallax scrolling effect)技术,使得人们在浏览网页的时候拥有更好的视觉体验和立体感受。那些暂时不想使用Flash技术或者像自己编程实现设计的设计人员也同样可以选择使用视差滚动(parallax Scrolling)技术。

这里我们收集了一些采用视差滚动(parallax scrolling)技术的让人兴奋的网站实例。其中一些网站以一种微妙的方式采用这项技术来做不同类型的导航,另外一些网站使用这项技术来美化自己,而且还为用户提供额外的交互体验。毕竟没有人会拒绝生动刺激的web浏览体验。这恰恰是用户最需要的东西,并且可以使你的网站引起更多的关注。

我们强烈建议您细细品味一下我们奉上的优秀站点,准备好为那些web设计人员创造性的设计拍手叫好吧!

1.Eric Johansson:有趣的图形和有趣的视差滚动特效完美结合

 

2.Kontakt & Impressum:  钉在页面上的小栏目给人一种别致的感觉

 

3.Atantis World’s Fair: 这个网站最突出的地方就是一个水下电梯

 

4.Nike Better World: web设计中使用视差滚动特效的先驱

5. IWC Shaffhausen: 这个网站巧妙地使用了视差滚动特效

 

6. Improving Speed: 视差滚动特效的使用使得这个网站的设计变得特别而有趣

 

7.Cultural Solutions UK: 创意十足的触摸设计使得用户的视觉体验更加享受

 

8.Moods of Norway: 在这里体验一次挪威的虚拟游览吧!

 

9.Ben The Bodyguard: 这个有趣好玩的网站在其布局中间有一辆火车驶过

 

10. Laurentius: 页面上有蝴蝶随机飞来飞去,这样的网站怎叫人不喜欢?

 

11. New Zealand: 这个网站突出美丽高清的图像。


12. Smokey Bones: 这个网站突出了页面底下的游戏

 

13. Jan Ploch: 这个风格简约的网站的特点是一瓶苏打水,当用户滚动页面的时候可以将瓶子中的水倒出来



14. Web Is Beautiful
: 页面上来回摇晃的小球提醒着人们圣诞节饰品

 

15.Manufacture d’essai: 当用户滚动页面的时候就会出现羽毛,蝴蝶,花瓣和水滴的动态效果

 

16.UFO.It: 在这个网站设计中你可以在太空中或者海底进行一次奇妙的旅行

 

17.Octavo Designs: 采用视差滚动效果制作的在线公文包赢得了用户的喝彩

18.Bengston & Bengston: 在你的网站设计中也来安装一个管道系统怎么样?

 

19.Tiny Big Studio: 巧妙地使用视差滚动特效制作而成的简约却不简单的网站

 

20.Balencic: 一个相当有意思的网站设计,突出了一个彩色的人类大脑。

 

21.360 Long Road Zurish: 可以在瑞士街道上进行虚拟游览的创意网站

 

22.Ito Sio Ceni: 为波兰歌唱团设计的网站

 

23.Go Up: 这是一个为意大利广告公司设计的网站

 

24.Reverend Danger:使用一些可爱角色设计而成的网站好玩而且刺激

 

25.Toucouleur:尽管加载画面可能需要一点时间,但大量的网页图案设计让人拍案叫绝!

 

原文链接:http://www.webdesignbooth.com/examples-of-parallax-scrolling/

你可能感兴趣的:(scroll)