Web設計中對視差設計的誤區

csdn發表於2014-03-14

　　視差設計作為一種非常流行的Web設計技術，被越來越多的網站所應用。而有些網站為了追隨潮流，彰顯時代氣息，在未真正理解什麼是視差設計的前提下就把它應用到網站設計上。這不僅影響使用者體驗，還會對使用者真正理解視差設計產生誤導。

　　英國設計師、創意總監Rob Palmer就此在Medium發表了一篇《 The Troublesome Misconception of Parallax in Web Design》他告訴大家，真正的視差設計並不是一些花俏的滾動特效和陰影，必須具備：觀察者檢視、背景檢視還需要有中間參照物。下面是對原文的摘譯：

　　最近瀏覽了一篇“視差效果最好的前40名網站”，發現裡面的觀點存在誤導性、並且有些應用程式也不屬於視差設計。

　　下面就Web設計中的視差設計技術發點牢騷，我們常常會在一些網站上看到一些流行的視差設計示例等內容，而其中很多示例並沒真正採用視差設計技術，這有可能是因為：

創造者（設計師、開發者、企業）可能並未真正理解視差是什麼，也可能是因為他們沒能力能夠很好地實行視差效果、也可能是因為……
一直宣傳使用視差特效的網站，因為網站上面運用了一些花俏的滾動特效就把它當做“視差滾動網站”；
使用者被這些花俏的效果和一些錯誤的文章所忽悠，誤以為他們正在體驗的就是視差特效。

　　目前，大量的網站會濫用各種特效，人們在瀏覽網站時，甚至會把這些特效看成是一種標準。

　　本文將對這些觀點進行糾正，對視差特效概念做出具體的闡述，並且告訴大家如何應用它們。

　　視差是什麼？

　　首先讓我們來明確“視差”的具體定義。

　　視差，就是位移或一個物體在不同的光線下檢視，所表現出來的位置區別。

　　這裡可以從兩方面來強調這個光線：首先是沿著不同的光線。視線需要一個初始參考點，並且從這頭到終點處能有一個清晰的視覺。其次需要強調的是“物體的明顯位置”。

　　物體的明顯位置，請大家記住這一點：這兩種線的結合才是視差與一些花俏的滾動特效的核心不同之處。

　　這句話告訴我們，要實現真正的視差，必須要有下面兩點：a）物體或位置聚焦；b）一個物體在一個給定移動空間必須有明顯的位置。本質上來講，建立一種深度知覺或立體觀測。

　　對於立體觀測，我們不會太深入地探討，我們會討論與之相關且有趣的話題，如光線和不正常的雙眼視覺，但從文章角度來看，無論人類的視覺如何，正常還是雙目視覺（binocular vision），都是有能力去檢視和使用立體觀測的。它允許人們制定兩個獨立的場景，人們的大腦可以在一個單獨的視覺場景中計算深度，人們試圖在Web設計中複製這樣的效果，而這就是視差特效。

　　下面來看一些示例，大家可以邊看邊判斷，它們是否是真正的視差網站。