解决页面没有空间感的七个方法(四)


4. 滚动视差

通过控制页面上位于不同图层的元素的运动速度、距离、位置与方向,让二维平面上的物体呈现出三维立体的空间感,打造

沉浸式浏览体验。

案例1:Apple 的官网使用了大量的滚动视差设计手法,使页面内容呈现的方式炫酷多样。如下方 Airpods Pro 的介绍页

面,从多层次和多维度的视觉效果更好的进行产品展示:

                                                      https://www.apple.com

案例2:Beer Camp 网站按照页面导航将内容划分为几个层级,依靠鼠标滚动,沿着透视线平滑缩放页面,连接起每一层级

的信息,实现一镜到底的空间进深:

                                                  http://2011.beercamp.com

 

>