17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

作者:佚名 来源:第一视觉 时间:2013-10-08

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

什么是视差滚动?
 

视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速度则较快。当我们坐在车上向车窗外 看时,也会有这样的感觉,远处的群山似乎没有在动,而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉,这和我们人体的眼球效果很像。我看到多家产品商用视差滚动效果来展示产品,从不同的空间角度和用户体验,起到了非常不错的效果。
 

目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势。
 

通过一个很长的网页页面,其中利用一些令人惊叹的插图和图形,并使用视差滚动(Parallax Scrolling)效果,让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。完美的展示了一个复杂的过程,让你犹如置身其中。厌倦了千篇一律,呆板网页设计的你不妨一试。


Baylie WordPress Theme

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Broken Twill

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

theQ camera

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Betty and Betty

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Scytale

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Srgint

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Cyclemon

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

Sojourn Network

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计

This is Now

17个漂亮的视差滚动(Parallax Scrolling)效果网站设计