视差滚动(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个国外漂亮的视差滚动效果网站设计

【设计之家 原创文章 投稿邮箱:tougao@sj33.cn】

随机推荐