人类有很□□多中视觉□□□错误，最为典型□□的就是“小儿辩日”。其中一个□□□□小孩说道：我认为太□□□□阳刚出来▽的时候距□□□□离我们近，到中午的□□□时候距离□□我们远，因为太阳□□□刚出来的□□时候大，而中午的□□□时候小。
这就是一种视觉误差。

而3D效果就是□□□□这样实现□□的。因为我们□□□的眼镜认·为近处的□□东西大而□□远处的东□□西小。3D效果的实□□□现就是让●不同事物□□□□移动速度□□不同，让后景移□□□□动慢，而前景移✦动快，这就会给□□人眼造成□□□前后景的□□□错觉。
早在2011年开始，3D开始在电□□□□影制作中□□□□流行，这种技术◥也引入到□□□网站设计□□□□中，设计人士□□□□将其称之□□□□为“视差滚动”。视差滚动□□□以及发展□□□了八年时□□□□间，我们对常□□□用的几种□□□□视差滚动◥类型进行□□□总结。

前慢后快

主要是应□□□□用在图片□□切换的时▽候，当滚动鼠◇标的时候，两张图片□□□□同时移动，但是前一□□□□张移动速□□□度看，后一张移◉动速度快，后一张覆□□□盖前一张□□□□完成切换。这种视差□□滚动，会让切换□□□□图片的过•程更为平□□滑。

浮动移动

图片浮动※在页面上，当移动鼠□□标的时候，浮动的画◢面移动速◢度较快，但是背景□□移动速度□□较慢。如果浮动□□□□的部分，配合动画，会让整个丨页面极富□□□动感。

后动前不动

背景进行▲移动，但是前景☆的图片固◥定不移动，另外，背景可以▲在移动的□□过程中进✦行更换。这种设计，可以产生“不动若磐□□□□石”的视觉感·受。

图片文本的移动

通过将图◎片和文本□□□□叠加在一□□起，并使它们□□□□以不同的□□□□速度移动，当我们滚□□□□动时，页面似乎☆在不断地▲变化并形□□□□成新的组□□□合。
首尾相连
一直向下□□滚动鼠标，在主页的□□□底部，相同类型□□的动画从□□□早期在页◤脚重复一□□次，使网站完□□整的圆圈。

滚动条视差

网站是由□□几个带视◉差滚动条●组成的。每个长条□□提供了一□□个不同的•呼叫行动□□□按钮，并拥有酒●店场地和□□设施的图□□□像或视频。放置在每□□□□个条带中□□□□心的文字□□移动的速□□□□度与背景□□□照片的移□□□□动速度略□□□□有不同，达到了一□□种流畅、易于观察□□□的效果。
如上，我们介绍◣了几种常□□□□见的也是□□□□易于设计□□□□的视差滚◆动。总结一下，视差滚动◈可以实现❖如下几种•目的：让平面具□□□有3d效果，拥有了前□□□景和后景；让不同板◇块和图片□□□的切换更□□为平滑；让新的图□□像的出现□□□□更具新颖□□□性和闯入♦感。
所以，视差滚动□□□作为网站□□□视觉营销□□□的一种，在网站设□□计中可以□□尝试和实□□□□践。