視差滾動(dòng)設(shè)計(jì)方法近年來(lái)在網(wǎng)頁(yè)設(shè)計(jì)、手機(jī)界面設(shè)計(jì)等媒體展示端被廣泛應(yīng)用。由于良好的用戶視聽(tīng)覺(jué)體驗(yàn)倍受熱捧，也因其技術(shù)與藝術(shù)的合理融合，成為熱門(mén)。文章就視差滾動(dòng)設(shè)計(jì)帶來(lái)的技術(shù)變革，多媒體表現(xiàn)方式的變遷，藝術(shù)設(shè)計(jì)的新型展示形式之間的相互影響，從而產(chǎn)生多重技藝的表達(dá)。由于大眾審美價(jià)值與時(shí)代緊密結(jié)合，審美方式與產(chǎn)品息息相關(guān)，從而引發(fā)技術(shù)與藝術(shù)相結(jié)合產(chǎn)生的綜合多媒體的藝術(shù)審美價(jià)值研究。

“網(wǎng)頁(yè)視差滾動(dòng)，是利用人體左眼與右眼之間存在的視覺(jué)差異特性，在網(wǎng)頁(yè)設(shè)計(jì)上做出的滾動(dòng)交互設(shè)計(jì)。具體方法即是：在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)多層背景和內(nèi)容，在鼠標(biāo)的控制下，每一層運(yùn)動(dòng)的速度不同，這樣就會(huì)產(chǎn)生位置上的位移差。鼠標(biāo)左右滾動(dòng)，會(huì)造成視覺(jué)上橫向的位移差感，鼠標(biāo)上下滾動(dòng)，會(huì)造成視覺(jué)上縱深的位移差感，由視覺(jué)差感而引發(fā)心理上的錯(cuò)覺(jué)體驗(yàn)。視差滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)，與傳統(tǒng)網(wǎng)頁(yè)不同，它的尺寸設(shè)計(jì)不與顯示器尺寸同比例，而是大出幾倍，通過(guò)鼠標(biāo)滾動(dòng)的上下左右來(lái)拖拽頁(yè)面，實(shí)現(xiàn)內(nèi)容的位置變化。在網(wǎng)頁(yè)層級(jí)內(nèi)容布局上，也配合視差原理，實(shí)現(xiàn)各個(gè)內(nèi)容頁(yè)的設(shè)計(jì)，不再推崇傳統(tǒng)網(wǎng)頁(yè)層級(jí)間的嵌套關(guān)系，更加注重滾動(dòng)效果，實(shí)現(xiàn)點(diǎn)擊內(nèi)容按鈕，迅速找到內(nèi)容所在位置，甚至內(nèi)容頁(yè)都直接存在于首頁(yè)中，只要點(diǎn)擊內(nèi)容頁(yè)按鈕，便迅速跳轉(zhuǎn)到指定內(nèi)容的位置。

 受眾人群是媒體傳播的終端，主要執(zhí)行接收信息和用戶體驗(yàn)。大多數(shù)受眾群體是普通百姓，只憑借身體機(jī)能擁有的直觀感受來(lái)欣賞媒體傳播內(nèi)容。但是，當(dāng)今時(shí)代，商家和傳播者，已經(jīng)翻轉(zhuǎn)設(shè)計(jì)理念，從客戶角度出發(fā)，從客戶體驗(yàn)來(lái)反饋更加重要和準(zhǔn)確的信息，評(píng)價(jià)設(shè)計(jì)的好壞。受眾人群的反饋和審美價(jià)值，越來(lái)越多的影響著信息傳播的媒介以及方式，也潛移默化、無(wú)聲無(wú)息的指揮著商家的產(chǎn)品藝術(shù)設(shè)計(jì)方向。

“藝術(shù)的變革為現(xiàn)代設(shè)計(jì)的發(fā)展開(kāi)辟了道路。事實(shí)上，各個(gè)時(shí)代設(shè)計(jì)與藝術(shù)的審美趣味是相一致的。”大眾審美領(lǐng)域的拓寬與時(shí)代發(fā)展相適應(yīng)，并與設(shè)計(jì)化表達(dá)共同推助技術(shù)化的綜合元素表現(xiàn)。因而，從人們審美價(jià)值聚焦，來(lái)關(guān)注視差滾動(dòng)設(shè)計(jì)。

01/

視差滾動(dòng)設(shè)計(jì)藝術(shù)

（一）展示效果立體化呈現(xiàn)

視差滾動(dòng)的藝術(shù)設(shè)計(jì)效果化二維平面空間為模擬三維立體空間效果。三維空間為虛擬呈現(xiàn)，布局設(shè)計(jì)為：背景層、內(nèi)容層、貼圖層，當(dāng)頁(yè)面靜止時(shí)，不同圖層互相融合于一體，展示的是二維空間效果；當(dāng)鼠標(biāo)滾動(dòng)帶動(dòng)頁(yè)面運(yùn)動(dòng)時(shí)，每一層都以不同的速度移動(dòng)，形成三維空間立體效果�，F(xiàn)代電子媒體客戶端展示設(shè)備，無(wú)論是網(wǎng)頁(yè)、平板電腦、智能手機(jī)，都是基于二維空間的展示平臺(tái)，無(wú)法滿足三維空間的視聽(tīng)覺(jué)需求。

 視差滾動(dòng)頁(yè)面模擬的三維空間效果，合理的滿足了觀眾的需求。同時(shí)考慮動(dòng)態(tài)與靜態(tài)的配合，二維空間的單一元素與三維空間的多重層次上的配合，使得動(dòng)態(tài)由靜態(tài)自然而發(fā)，內(nèi)容與結(jié)構(gòu)相映成趣，這樣便擺脫生硬的視覺(jué)變化，自然而然的把平面網(wǎng)頁(yè)展示立體化起來(lái)。

（二）綜合設(shè)計(jì)元素匹配

視差滾動(dòng)頁(yè)面的神奇效果，綜合設(shè)計(jì)了多種元素，更全面和深層次的瀏覽頁(yè)面內(nèi)容。細(xì)化網(wǎng)頁(yè)內(nèi)容環(huán)境展示的虛擬空間信息，強(qiáng)化頁(yè)面的縱深感。同時(shí)，頁(yè)面視覺(jué)元素增加了以內(nèi)容為基礎(chǔ)的情節(jié)化元素，圍繞一個(gè)主題或者故事展開(kāi)。如燈光質(zhì)感的元素設(shè)計(jì)，圖片色彩方面光影意境的奇幻影像設(shè)計(jì)元素。同時(shí)，還把電影電視藝術(shù)中的視聽(tīng)語(yǔ)言元素設(shè)計(jì)其中，讓頁(yè)面產(chǎn)生豐富的鏡頭感和強(qiáng)烈的敘事表達(dá)。參與互動(dòng)的時(shí)候，仿佛自己是導(dǎo)演，參與著鏡頭的推拉搖移，控制著所有視聽(tīng)覺(jué)元素，營(yíng)造了極具吸引力的效果。視差滾動(dòng)綜合設(shè)計(jì)元素，進(jìn)行了多緯度的敘事化表達(dá)，通過(guò)圖像文本信息的內(nèi)容陳述，立體化視覺(jué)藝術(shù)變幻的意境展示，虛擬了一個(gè)影像化程度非常高的三維空間。用戶都有一個(gè)主觀感受中的共情體驗(yàn)，一種身臨其境的參與感，所有的感官都產(chǎn)生了豐富的體驗(yàn)，自然而然的融入到了視差滾動(dòng)設(shè)計(jì)效果為我們設(shè)計(jì)的虛擬場(chǎng)景中。

02/

視差滾動(dòng)設(shè)計(jì)的審美價(jià)值

視差滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)由于極佳的用戶視覺(jué)體驗(yàn)而被現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)大力推崇，也是網(wǎng)頁(yè)設(shè)計(jì)和手機(jī)界面設(shè)計(jì)的最新發(fā)展趨勢(shì)。它的設(shè)計(jì)基于人本身的視覺(jué)體驗(yàn)和心靈共鳴，這種體驗(yàn)正是藝術(shù)和技術(shù)設(shè)計(jì)者一直以來(lái)的追求，在各類展示產(chǎn)品的頁(yè)面美學(xué)設(shè)計(jì)上，設(shè)計(jì)師們?cè)絹?lái)越關(guān)注與時(shí)代同步的大眾審美需求和審美價(jià)值變革。由于這樣的技術(shù)手段可以塑造更加豐富的審美情趣，所以，給設(shè)計(jì)師們一個(gè)廣闊的空間，可以任意變化自己的設(shè)計(jì)思想。同時(shí)，受眾獲得一個(gè)更豐富的審美體驗(yàn)，可以任意選擇，也可以找到一些看起來(lái)很藝術(shù)、很科技等等多元素表達(dá)情感的著陸點(diǎn)。

 審美主體變位。傳統(tǒng)藝術(shù)作品的審美傳播，以單項(xiàng)傳播為主，主要通過(guò)各種技藝方式表現(xiàn)設(shè)計(jì)師的審美觀點(diǎn)。所以，我們習(xí)慣了被動(dòng)的接受各種藝術(shù)表現(xiàn)方式，觀眾是受眾一方，只能安靜的欣賞。但是到了互聯(lián)網(wǎng)時(shí)代，用戶參與交互技能表現(xiàn)，觀眾產(chǎn)生了積極的情緒，更愿意參與現(xiàn)代藝術(shù)作品的表現(xiàn)與創(chuàng)作。視差滾動(dòng)設(shè)計(jì)有極大的選擇與參與空間，由于用戶可以伴隨手指操作鼠標(biāo)滾軸進(jìn)行動(dòng)態(tài)、立體化瀏覽，圖像、音樂(lè)的信息量又遠(yuǎn)比文字等文本形式更直觀，同時(shí)頁(yè)面內(nèi)容的層次關(guān)系，瀏覽方式與思維方式相配合。這種強(qiáng)烈的參與性，會(huì)令觀眾有“愛(ài)不釋手”之感。從審美主體上看，操作者從被動(dòng)接受方，變成藝術(shù)家和創(chuàng)作者。用戶停留時(shí)間更久，探索信息更全，喜愛(ài)程度更深。

 審美功能伸展。受眾在接收信息時(shí)，重要的是準(zhǔn)確、醒目、吸引，喜歡的信息傳達(dá)是：簡(jiǎn)單、清晰、準(zhǔn)確。視差滾動(dòng)采用單一頁(yè)面版式設(shè)計(jì)，顛覆了曾經(jīng)繁雜、多層次的頁(yè)面設(shè)計(jì)，摒棄了大量的文字信息。頁(yè)面層級(jí)間一再簡(jiǎn)化，甚至把所有內(nèi)容都平展到主頁(yè)面上，這個(gè)超大畫(huà)幅的主頁(yè)面，在按鈕準(zhǔn)確的定位下，可以迅速、高效地檢索到用戶要查詢的內(nèi)容，它的高效性、清晰感、準(zhǔn)確性，都給用戶帶來(lái)了完美的用戶體驗(yàn)。頁(yè)面設(shè)計(jì)的色彩感，根據(jù)內(nèi)容實(shí)現(xiàn)整體視覺(jué)上的完整體驗(yàn)感受。這是網(wǎng)頁(yè)設(shè)計(jì)推陳出新的重要之處，摒棄了曾經(jīng)設(shè)計(jì)中的色彩紛呈或者琳瑯滿目而造成的混亂感。不是單一色調(diào)，不是多色拼湊，而是由整體網(wǎng)站的內(nèi)容開(kāi)始，通過(guò)準(zhǔn)確的色彩搭配，拉近內(nèi)容與受眾的心理距離，讓受眾通過(guò)視覺(jué)觀察，實(shí)現(xiàn)身歷其境之感。

 審美程度深化。視差滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)，具有內(nèi)容完整性、視覺(jué)整體性的特征。因其頁(yè)面圖片信息的連續(xù)性，用戶在交互過(guò)程中更愿意探索信息內(nèi)容，從而保證交互體驗(yàn)的完整性和探索欲望。深化內(nèi)容設(shè)計(jì)，不再是層級(jí)上的復(fù)雜和嵌套，而從內(nèi)容中細(xì)致入微的陳述。例如一些頁(yè)面設(shè)計(jì)成故事，每次滾動(dòng)鼠標(biāo)，會(huì)停到故事一個(gè)關(guān)鍵點(diǎn)處，互動(dòng)者非常愿意繼續(xù)探索，參與其敘事。后臺(tái)設(shè)計(jì)的準(zhǔn)確定位按鈕，加入了視覺(jué)化元素的影響，把更具趣味性和參與性的環(huán)節(jié)，不動(dòng)聲色的設(shè)計(jì)到網(wǎng)頁(yè)中去。例如一些頁(yè)面設(shè)計(jì)成簡(jiǎn)單趣味性的游戲，用戶點(diǎn)擊就自然加入游戲環(huán)節(jié)，操作簡(jiǎn)單，只要滾動(dòng)鼠標(biāo)便可參與游戲，與內(nèi)容進(jìn)行互動(dòng)，設(shè)計(jì)理念非常容易被大家接受和喜愛(ài)。

當(dāng)代設(shè)計(jì)，集科技與新銳設(shè)計(jì)為重點(diǎn)表現(xiàn)手段。審美緯度的變遷與時(shí)代緊密相連。我們無(wú)法探究孰是孰非，但有一點(diǎn)是共性追求，即用戶的滿意度、停留時(shí)間、回訪的粘性度。這些指標(biāo)體現(xiàn)了設(shè)計(jì)是否產(chǎn)生了作用，是否迎合了大眾審美體驗(yàn)，是一種新銳審美觀。同時(shí)，一些小眾的設(shè)計(jì)，由于其獨(dú)特的設(shè)計(jì)想象和表現(xiàn)手法，讓用戶愛(ài)不釋手，這也是當(dāng)下審美價(jià)值重要組成部分。視差滾動(dòng)設(shè)計(jì)完美的解決了大眾與小眾群體的審美價(jià)值問(wèn)題。它的視覺(jué)表現(xiàn)總是看起來(lái)很有意味，讓不同的人群都能在其中找到自己喜歡的元素。

03/

審美價(jià)值為新媒體藝術(shù)設(shè)計(jì)打開(kāi)思路

新媒體時(shí)代，藝術(shù)創(chuàng)作在悄然發(fā)生著變化�；ヂ�(lián)網(wǎng)媒體、手機(jī)媒體等為受眾提供了可操控的電子屏幕，用戶與媒體進(jìn)行互動(dòng)體驗(yàn)。良好的數(shù)字化藝術(shù)表現(xiàn)設(shè)計(jì)，拓展了信息的內(nèi)涵和外延，用戶體驗(yàn)翻轉(zhuǎn)，也為藝術(shù)設(shè)計(jì)提供了新的契機(jī)。新媒體受到更多商家的青睞，他們喜歡利用新技術(shù)、新媒體，更加快捷方便并準(zhǔn)確的向用戶提供產(chǎn)品宣傳，展示商品。

 數(shù)字媒體藝術(shù)的誕生，傳統(tǒng)藝術(shù)設(shè)計(jì)被突破，跨越多種媒體樣式的設(shè)計(jì)迅速發(fā)展。單一的藝術(shù)展示被突破，演變成綜合化、立體化，表現(xiàn)形式為充沛的感染力和豐富的趣味性。藝術(shù)設(shè)計(jì)圍繞視覺(jué)藝術(shù)在新媒體客戶端展開(kāi)，以數(shù)字科學(xué)為基礎(chǔ)，以人工學(xué)視覺(jué)體驗(yàn)為服務(wù)依據(jù)，從構(gòu)思和藝術(shù)表現(xiàn)方面都更創(chuàng)新。新媒體的綜合性和創(chuàng)新性，以電腦互聯(lián)網(wǎng)和智能手機(jī)最為常用進(jìn)行信息傳播。因?yàn)樗囆g(shù)設(shè)計(jì)的參與，讓傳播方案變得更加美觀和易于接受，由于自媒體的產(chǎn)生，受眾有了發(fā)表個(gè)人見(jiàn)解的途徑�？萍荚谥悄苁謾C(jī)上發(fā)揮的空間和能力變的豐富起來(lái)。靈活性、時(shí)效性、個(gè)性化等特點(diǎn)得到廣泛應(yīng)用�？萍嫉膭�(chuàng)新帶來(lái)了大眾審美的變遷和不斷增長(zhǎng)的高要求，生活方式也在潛移默化中改變。

 視差滾動(dòng)設(shè)計(jì)在新媒體藝術(shù)中的重要特征：圍繞聲音、畫(huà)面、文字、影像、互動(dòng)關(guān)系展開(kāi)。元素合理排列組合，不斷突破著過(guò)往藝術(shù)表現(xiàn)形式的局限。提高了閱讀者的互動(dòng)、實(shí)現(xiàn)更高效的閱讀和信息接收。由于傳播方式不再單向，大眾參與者急需與媒體互動(dòng)時(shí)的個(gè)性化展現(xiàn)，于是具有創(chuàng)新性強(qiáng)的藝術(shù)作品層出不窮。在交互數(shù)字媒體中，帶有強(qiáng)烈的個(gè)性化特點(diǎn)和技術(shù)特征的藝術(shù)作品更符合信息時(shí)代的要求。視差滾動(dòng)屬于隱形交互設(shè)計(jì)，它突破了傳統(tǒng)網(wǎng)頁(yè)傳播信息的方式，卻依舊保持了網(wǎng)頁(yè)表達(dá)信息的基礎(chǔ)條件，讓傳統(tǒng)網(wǎng)頁(yè)審美疲憊的情況得以改善。多媒體的藝術(shù)表達(dá)，在視差滾動(dòng)設(shè)計(jì)中還有更多可以創(chuàng)造的內(nèi)容和方式，值得我們矚目期待。

 綜上所訴，人類不斷追求美的體驗(yàn)，與科學(xué)技術(shù)交相輝映，為我們創(chuàng)造豐富、新奇的生活。視差滾動(dòng)設(shè)計(jì)，在技術(shù)不斷的支持下，越來(lái)越多的呈現(xiàn)豐富的視覺(jué)效果，以用戶體驗(yàn)為核心和出發(fā)點(diǎn)，更專注于內(nèi)容的統(tǒng)一和完整，藝術(shù)美感的表現(xiàn)與升華。展示媒介日漸豐富性多元化，技術(shù)持續(xù)為人們的想象力上交滿意的答卷，藝術(shù)設(shè)計(jì)在審美價(jià)值中越發(fā)重要。

■（張昊怡   天津師范大學(xué) 美術(shù)與設(shè)計(jì)學(xué)院）

視差滾動(dòng)的網(wǎng)頁(yè)設(shè)計(jì)相關(guān)文章和案例

‍‍20個(gè)頂級(jí)視差滾動(dòng)的網(wǎng)頁(yè)設(shè)計(jì)

13個(gè)美麗的視差滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)

35個(gè)視差滾動(dòng)效果的網(wǎng)頁(yè)設(shè)計(jì)‍‍