視(shi)差特效(xiao)是(shi)目前最流行的(de)網頁設計趨勢之(zhi)一。在(zai)這(zhe)個(ge)滾(gun)動(dong)動(dong)畫特效(xiao)支(zhi)撐之(zhi)下，前景的(de)元(yuan)素和背景會在(zai)滾(gun)動(dong)瀏覽時以不同的(de)速度(du)運動(dong)，營造出動(dong)感又獨特的(de)視(shi)覺體驗。
視差(cha)動效可以運用(yong)在(zai)絕大多數類型的(de)網站當中，它(ta)是增強(qiang)用(yong)戶參與度、提升(sheng)(sheng)用(yong)戶體驗的(de)有效手段之一(yi)。視差(cha)特效的(de)好處在(zai)于，它(ta)并不(bu)需要(yao)硬性的(de)運用(yong)到每一(yi)個頁面(mian)當中，同(tong)時，它(ta)還能(neng)促使用(yong)戶更加(jia)專注于網頁內(nei)容，提升(sheng)(sheng)整體的(de)參與度。
視差(cha)特(te)效讓網(wang)頁(ye)(ye)中的(de)元素，相(xiang)互之間有了(le)距離和(he)深度，換句話說，它讓網(wang)頁(ye)(ye)擁有了(le)接近三維的(de)視覺體驗，這也使得網(wang)頁(ye)(ye)有了(le)接近沉浸式的(de)體驗。
不(bu)過，視差特(te)(te)效的(de)(de)缺陷也很明顯(xian)，它在移動端上并不(bu)一定(ding)總是(shi)那么好用。在視差特(te)(te)效的(de)(de)具體運用過程(cheng)中， 有一些技巧(qiao)和注(zhu)意事項(xiang)是(shi)不(bu)容錯過的(de)(de)，今天的(de)(de)文章我(wo)們總結(jie)了視差特(te)(te)效的(de)(de) 5 種運用技巧(qiao)。
Porche
Sonance
設計師能(neng)夠使用視差(cha)動(dong)(dong)(dong)效來(lai)展示頁面中(zhong)的(de)變化。這些隨著滾(gun)動(dong)(dong)(dong)而(er)不斷(duan)運(yun)動(dong)(dong)(dong)的(de)元素能(neng)夠傳達出時間、空間和位置上的(de)關系。
視(shi)差特效(xiao)和網(wang)站內(nei)容(rong)一起工作的時候(hou)，最能展現其中(zhong)的變化。
在上面(mian) Porsche Evolution 這個網站當中，不同時(shi)代(dai)(dai)的保時(shi)捷車型隨(sui)(sui)著時(shi)間的變化而展現，背景(jing)(jing)的圖片場(chang)景(jing)(jing)也隨(sui)(sui)之變化，如果你仔細聽會發現音(yin)樂(le)也會隨(sui)(sui)著年代(dai)(dai)的變化而演變。
這種(zhong)設(she)計技(ji)巧(qiao)會驅使著用戶滾動瀏覽，因為(wei)大家(jia)想看接下來會有什么樣的變(bian)化。在這種(zhong)視差滾動+時間軸的搭配之下，用戶可(ke)以從(cong)上到(dao)下瀏覽，反(fan)過(guo)來看也很有意思。
Sonance 這個網頁(ye)當(dang)中的(de)視差則呈(cheng)現出另外一(yi)種變化(hua)，元素(su)在頁(ye)面中的(de)位置變化(hua)。視差特(te)效成為了網站導航模式中的(de)一(yi)部分，當(dang)用戶(hu)在瀏(liu)覽的(de)過程中，視差特(te)效會告知(zhi)用戶(hu)他們(men)所處的(de)位置。
Walking-dead
視差特效有(you)利(li)于交互(hu)(hu)，很(hen)大程度上(shang)是因(yin)為它會鼓勵用(yong)戶(hu)持(chi)續不斷滾(gun)動瀏覽(lan)頁(ye)面，讓用(yong)戶(hu)持(chi)續地參與到互(hu)(hu)動當(dang)中。
許(xu)多(duo)采(cai)用(yong)視(shi)差滾動的(de)網頁(ye)會(hui)在首(shou)頁(ye)上就(jiu)直接言明“Scroll”或者通過閃動的(de)光標等方式，吸引(yin)用(yong)戶注意并(bing)鼓(gu)勵(li)用(yong)戶滾動瀏覽(lan)。在行尸走肉（The Walking Dead Zombiefied）的(de)首(shou)頁(ye)上，就(jiu)包(bao)含了(le)這(zhe)樣(yang)的(de)指引(yin)性(xing)信息(xi)。
和其他(ta)的視差滾動(dong)(dong)的網頁設計(ji)不(bu)同，The Walking Dead Zombiefied 的頁面布局是橫向的，當用戶滾動(dong)(dong)頁面的時候，角(jiao)色會隨著滾動(dong)(dong)，穿(chuan)過不(bu)同的場(chang)景，劇情(qing)也隨之發(fa)展，頗為有趣。
