程序员人生网站导航

Web设计中对视差设计的误区

栏目：互联网时间：2014-09-24 08:35:38

【编者按】视差设计作为一种非常流行的Web设计技术，被越来越多的网站所应用。而有些网站为了追随潮流，彰显时代气息，在未真正理解什么是视差设计的前提下就把它应用到网站设计上。这不仅影响用户体验，还会对用户真正理解视差设计产生误导。

英国设计师、创意总监Rob Palmer就此在Medium发表了一篇《 The Troublesome Misconception of Parallax in Web Design》他告诉大家，真正的视差设计并不是一些花俏的滚动特效和阴影，必须具备：观察者视图、背景视图还需要有中间参照物。下面是对原文的摘译：

最近浏览了一篇“视差效果最好的前40名网站”，发现里面的观点存在误导性、并且有些应用程序也不属于视差设计。

下面就Web设计中的视差设计技术发点牢骚，我们常常会在一些网站上看到一些流行的视差设计示例等内容，而其中很多示例并没真正采用视差设计技术，这有可能是因为：

创造者（设计师、开发者、企业）可能并未真正理解视差是什么，也可能是因为他们没能力能够很好地实行视差效果、也可能是因为……
一直宣传使用视差特效的网站，因为网站上面运用了一些花俏的滚动特效就把它当做“视差滚动网站”；
用户被这些花俏的效果和一些错误的文章所忽悠，误以为他们正在体验的就是视差特效。

目前，大量的网站会滥用各种特效，人们在浏览网站时，甚至会把这些特效看成是一种标准。

本文将对这些观点进行纠正，对视差特效概念做出具体的阐述，并且告诉大家如何应用它们。

视差是什么？

首先让我们来明确“视差”的具体定义。

视差，就是位移或一个物体在不同的光线下查看，所表现出来的位置区别。

这里可以从两方面来强调这个光线：首先是沿着不同的光线。视线需要一个初始参考点，并且从这头到终点处能有一个清晰的视觉。其次需要强调的是“物体的明显位置”。

物体的明显位置，请大家记住这一点：这两种线的结合才是视差与一些花俏的滚动特效的核心不同之处。

这句话告诉我们，要实现真正的视差，必须要有下面两点：a）物体或位置聚焦；b）一个物体在一个给定移动空间必须有明显的位置。本质上来讲，建立一种深度知觉或立体观测。

对于立体观测，我们不会太深入地探讨，我们会讨论与之相关且有趣的话题，如光线和不正常的双眼视觉，但从文章角度来看，无论人类的视觉如何，正常还是双目视觉（binocular vision），都是有能力去查看和使用立体观测的。它允许人们制定两个独立的场景，人们的大脑可以在一个单独的视觉场景中计算深度，人们试图在Web设计中复制这样的效果，而这就是视差特效。

下面来看一些示例，大家可以边看边判断，它们是否是真正的视差网站。