返回

新闻详情

什么是滚动视差?


来源:上海天琥设计培训学校时间:2018/12/20 11:07:30

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。

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

看似复杂其实这个早就不是什么新鲜事儿,这种设计思路早在80年代的小霸王学习机上就见过。

在这个画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个滚动视察的网站至少会有以下几层 :背景层,内容层,贴图层。


上一篇:角色设计的技巧之不要过度使用色彩

下一篇:在对设计稿分层时,设计者要定位好背景层,贴图层和内容层之间的关系

  咨询老师  拨打电话  网上报名