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

什么是视差滚动?

视差效果,原本是一个天文学术语,当我们观察星空时,离我们远的星星移动速度较慢,离我们近的星星移动速度则较快。当我们坐在车上向车窗外 看时,也会有这样的感觉,远处的群山似乎没有在动,而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉,这和我们人体的眼球效果很像。我看到多家产品商用视差滚动效果来展示产品,从不同的空间角度和用户体验,起到了非常不错的效果。 目前这种视差滚动效果被越来越多的国外网站所应用, 成为网页设计的热点趋势。 通过一个很长的网页页面,其中利用一些令人惊叹的插图和图形,并使用视差滚动(Parallax Scrolling)效果,让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。完美的展示了一个复杂的过程,让你犹如置身其中。

world-of-swiss.com

30个国外漂亮的视差滚动效果网站设计

Where does coffee come from?

30个国外漂亮的视差滚动效果网站设计

muse.adobe.com

30个国外漂亮的视差滚动效果网站设计

tasarimgezegeni.com

30个国外漂亮的视差滚动效果网站设计

adcade.com

30个国外漂亮的视差滚动效果网站设计

brightmedia.pl

30个国外漂亮的视差滚动效果网站设计

InfoQuest infographic

30个国外漂亮的视差滚动效果网站设计

Merry Christmallax

30个国外漂亮的视差滚动效果网站设计

inception-explained.com

30个国外漂亮的视差滚动效果网站设计

The Arnold Clark Savings Challenge

30个国外漂亮的视差滚动效果网站设计

kaipoche.co

30个国外漂亮的视差滚动效果网站设计

Tinke

30个国外漂亮的视差滚动效果网站设计

lookbook.bolia.com

30个国外漂亮的视差滚动效果网站设计

dangersoffracking.com

30个国外漂亮的视差滚动效果网站设计

makeyourmoneymatter.org

30个国外漂亮的视差滚动效果网站设计

13 Reasons Why Your Brain Craves Infographics

30个国外漂亮的视差滚动效果网站设计

fluger.com

30个国外漂亮的视差滚动效果网站设计

随机推荐