視差滾動設(shè)計方法近年來在網(wǎng)頁設(shè)計、手機(jī)界面設(shè)計等媒體展示端被廣泛應(yīng)用。由于良好的用戶視聽覺體驗(yàn)倍受熱捧，也因其技術(shù)與藝術(shù)的合理融合，成為熱門。文章就視差滾動設(shè)計帶來的技術(shù)變革，多媒體表現(xiàn)方式的變遷，藝術(shù)設(shè)計的新型展示形式之間的相互影響，從而產(chǎn)生多重技藝的表達(dá)。由于大眾審美價值與時代緊密結(jié)合，審美方式與產(chǎn)品息息相關(guān)，從而引發(fā)技術(shù)與藝術(shù)相結(jié)合產(chǎn)生的綜合多媒體的藝術(shù)審美價值研究。
“網(wǎng)頁視差滾動，是利用人體左眼與右眼之間存在的視覺差異特性，在網(wǎng)頁設(shè)計上做出的滾動交互設(shè)計。具體方法即是：在網(wǎng)頁設(shè)計中，設(shè)計多層背景和內(nèi)容，在鼠標(biāo)的控制下，每一層運(yùn)動的速度不同，這樣就會產(chǎn)生位置上的位移差。鼠標(biāo)左右滾動，會造成視覺上橫向的位移差感，鼠標(biāo)上下滾動，會造成視覺上縱深的位移差感，由視覺差感而引發(fā)心理上的錯覺體驗(yàn)。視差滾動網(wǎng)頁設(shè)計，與傳統(tǒng)網(wǎng)頁不同，它的尺寸設(shè)計不與顯示器尺寸同比例，而是大出幾倍，通過鼠標(biāo)滾動的上下左右來拖拽頁面，實(shí)現(xiàn)內(nèi)容的位置變化。在網(wǎng)頁層級內(nèi)容布局上，也配合視差原理，實(shí)現(xiàn)各個內(nèi)容頁的設(shè)計，不再推崇傳統(tǒng)網(wǎng)頁層級間的嵌套關(guān)系，更加注重滾動效果，實(shí)現(xiàn)點(diǎn)擊內(nèi)容按鈕，迅速找到內(nèi)容所在位置，甚至內(nèi)容頁都直接存在于首頁中，只要點(diǎn)擊內(nèi)容頁按鈕，便迅速跳轉(zhuǎn)到指定內(nèi)容的位置。
受眾人群是媒體傳播的終端，主要執(zhí)行接收信息和用戶體驗(yàn)。大多數(shù)受眾群體是普通百姓，只憑借身體機(jī)能擁有的直觀感受來欣賞媒體傳播內(nèi)容。但是，當(dāng)今時代，商家和傳播者，已經(jīng)翻轉(zhuǎn)設(shè)計理念，從客戶角度出發(fā)，從客戶體驗(yàn)來反饋更加重要和準(zhǔn)確的信息，評價設(shè)計的好壞。受眾人群的反饋和審美價值，越來越多的影響著信息傳播的媒介以及方式，也潛移默化、無聲無息的指揮著商家的產(chǎn)品藝術(shù)設(shè)計方向。
“藝術(shù)的變革為現(xiàn)代設(shè)計的發(fā)展開辟了道路。事實(shí)上，各個時代設(shè)計與藝術(shù)的審美趣味是相一致的�！贝蟊妼徝李I(lǐng)域的拓寬與時代發(fā)展相適應(yīng)，并與設(shè)計化表達(dá)共同推助技術(shù)化的綜合元素表現(xiàn)。因而，從人們審美價值聚焦，來關(guān)注視差滾動設(shè)計。
01/
視差滾動設(shè)計藝術(shù)
（一）展示效果立體化呈現(xiàn)
視差滾動的藝術(shù)設(shè)計效果化二維平面空間為模擬三維立體空間效果。三維空間為虛擬呈現(xiàn)，布局設(shè)計為：背景層、內(nèi)容層、貼圖層，當(dāng)頁面靜止時，不同圖層互相融合于一體，展示的是二維空間效果；當(dāng)鼠標(biāo)滾動帶動頁面運(yùn)動時，每一層都以不同的速度移動，形成三維空間立體效果。現(xiàn)代電子媒體客戶端展示設(shè)備，無論是網(wǎng)頁、平板電腦、智能手機(jī)，都是基于二維空間的展示平臺，無法滿足三維空間的視聽覺需求。
視差滾動頁面模擬的三維空間效果，合理的滿足了觀眾的需求。同時考慮動態(tài)與靜態(tài)的配合，二維空間的單一元素與三維空間的多重層次上的配合，使得動態(tài)由靜態(tài)自然而發(fā)，內(nèi)容與結(jié)構(gòu)相映成趣，這樣便擺脫生硬的視覺變化，自然而然的把平面網(wǎng)頁展示立體化起來。
（二）綜合設(shè)計元素匹配
視差滾動頁面的神奇效果，綜合設(shè)計了多種元素，更全面和深層次的瀏覽頁面內(nèi)容。細(xì)化網(wǎng)頁內(nèi)容環(huán)境展示的虛擬空間信息，強(qiáng)化頁面的縱深感。同時，頁面視覺元素增加了以內(nèi)容為基礎(chǔ)的情節(jié)化元素，圍繞一個主題或者故事展開。如燈光質(zhì)感的元素設(shè)計，圖片色彩方面光影意境的奇幻影像設(shè)計元素。同時，還把電影電視藝術(shù)中的視聽語言元素設(shè)計其中，讓頁面產(chǎn)生豐富的鏡頭感和強(qiáng)烈的敘事表達(dá)。參與互動的時候，仿佛自己是導(dǎo)演，參與著鏡頭的推拉搖移，控制著所有視聽覺元素，營造了極具吸引力的效果。視差滾動綜合設(shè)計元素，進(jìn)行了多緯度的敘事化表達(dá)，通過圖像文本信息的內(nèi)容陳述，立體化視覺藝術(shù)變幻的意境展示，虛擬了一個影像化程度非常高的三維空間。用戶都有一個主觀感受中的共情體驗(yàn)，一種身臨其境的參與感，所有的感官都產(chǎn)生了豐富的體驗(yàn)，自然而然的融入到了視差滾動設(shè)計效果為我們設(shè)計的虛擬場景中。
02/
視差滾動設(shè)計的審美價值
視差滾動網(wǎng)頁設(shè)計由于極佳的用戶視覺體驗(yàn)而被現(xiàn)代網(wǎng)頁設(shè)計大力推崇，也是網(wǎng)頁設(shè)計和手機(jī)界面設(shè)計的最新發(fā)展趨勢。它的設(shè)計基于人本身的視覺體驗(yàn)和心靈共鳴，這種體驗(yàn)正是藝術(shù)和技術(shù)設(shè)計者一直以來的追求，在各類展示產(chǎn)品的頁面美學(xué)設(shè)計上，設(shè)計師們越來越關(guān)注與時代同步的大眾審美需求和審美價值變革。由于這樣的技術(shù)手段可以塑造更加豐富的審美情趣，所以，給設(shè)計師們一個廣闊的空間，可以任意變化自己的設(shè)計思想。同時，受眾獲得一個更豐富的審美體驗(yàn)，可以任意選擇，也可以找到一些看起來很藝術(shù)、很科技等等多元素表達(dá)情感的著陸點(diǎn)。
審美主體變位。傳統(tǒng)藝術(shù)作品的審美傳播，以單項傳播為主，主要通過各種技藝方式表現(xiàn)設(shè)計師的審美觀點(diǎn)。所以，我們習(xí)慣了被動的接受各種藝術(shù)表現(xiàn)方式，觀眾是受眾一方，只能安靜的欣賞。但是到了互聯(lián)網(wǎng)時代，用戶參與交互技能表現(xiàn)，觀眾產(chǎn)生了積極的情緒，更愿意參與現(xiàn)代藝術(shù)作品的表現(xiàn)與創(chuàng)作。視差滾動設(shè)計有極大的選擇與參與空間，由于用戶可以伴隨手指操作鼠標(biāo)滾軸進(jìn)行動態(tài)、立體化瀏覽，圖像、音樂的信息量又遠(yuǎn)比文字等文本形式更直觀，同時頁面內(nèi)容的層次關(guān)系，瀏覽方式與思維方式相配合。這種強(qiáng)烈的參與性，會令觀眾有“愛不釋手”之感。從審美主體上看，操作者從被動接受方，變成藝術(shù)家和創(chuàng)作者。用戶停留時間更久，探索信息更全，喜愛程度更深。
審美功能伸展。受眾在接收信息時，重要的是準(zhǔn)確、醒目、吸引，喜歡的信息傳達(dá)是：簡單、清晰、準(zhǔn)確。視差滾動采用單一頁面版式設(shè)計，顛覆了曾經(jīng)繁雜、多層次的頁面設(shè)計，摒棄了大量的文字信息。頁面層級間一再簡化，甚至把所有內(nèi)容都平展到主頁面上，這個超大畫幅的主頁面，在按鈕準(zhǔn)確的定位下，可以迅速、高效地檢索到用戶要查詢的內(nèi)容，它的高效性、清晰感、準(zhǔn)確性，都給用戶帶來了完美的用戶體驗(yàn)。頁面設(shè)計的色彩感，根據(jù)內(nèi)容實(shí)現(xiàn)整體視覺上的完整體驗(yàn)感受。這是網(wǎng)頁設(shè)計推陳出新的重要之處，摒棄了曾經(jīng)設(shè)計中的色彩紛呈或者琳瑯滿目而造成的混亂感。不是單一色調(diào)，不是多色拼湊，而是由整體網(wǎng)站的內(nèi)容開始，通過準(zhǔn)確的色彩搭配，拉近內(nèi)容與受眾的心理距離，讓受眾通過視覺觀察，實(shí)現(xiàn)身歷其境之感。
審美程度深化。視差滾動網(wǎng)頁設(shè)計，具有內(nèi)容完整性、視覺整體性的特征。因其頁面圖片信息的連續(xù)性，用戶在交互過程中更愿意探索信息內(nèi)容，從而保證交互體驗(yàn)的完整性和探索欲望。深化內(nèi)容設(shè)計，不再是層級上的復(fù)雜和嵌套，而從內(nèi)容中細(xì)致入微的陳述。例如一些頁面設(shè)計成故事，每次滾動鼠標(biāo)，會停到故事一個關(guān)鍵點(diǎn)處，互動者非常愿意繼續(xù)探索，參與其敘事。后臺設(shè)計的準(zhǔn)確定位按鈕，加入了視覺化元素的影響，把更具趣味性和參與性的環(huán)節(jié)，不動聲色的設(shè)計到網(wǎng)頁中去。例如一些頁面設(shè)計成簡單趣味性的游戲，用戶點(diǎn)擊就自然加入游戲環(huán)節(jié)，操作簡單，只要滾動鼠標(biāo)便可參與游戲，與內(nèi)容進(jìn)行互動，設(shè)計理念非常容易被大家接受和喜愛。
當(dāng)代設(shè)計，集科技與新銳設(shè)計為重點(diǎn)表現(xiàn)手段。審美緯度的變遷與時代緊密相連。我們無法探究孰是孰非，但有一點(diǎn)是共性追求，即用戶的滿意度、停留時間、回訪的粘性度。這些指標(biāo)體現(xiàn)了設(shè)計是否產(chǎn)生了作用，是否迎合了大眾審美體驗(yàn)，是一種新銳審美觀。同時，一些小眾的設(shè)計，由于其獨(dú)特的設(shè)計想象和表現(xiàn)手法，讓用戶愛不釋手，這也是當(dāng)下審美價值重要組成部分。視差滾動設(shè)計完美的解決了大眾與小眾群體的審美價值問題。它的視覺表現(xiàn)總是看起來很有意味，讓不同的人群都能在其中找到自己喜歡的元素。
03/
審美價值為新媒體藝術(shù)設(shè)計打開思路
新媒體時代，藝術(shù)創(chuàng)作在悄然發(fā)生著變化�；ヂ�(lián)網(wǎng)媒體、手機(jī)媒體等為受眾提供了可操控的電子屏幕，用戶與媒體進(jìn)行互動體驗(yàn)。良好的數(shù)字化藝術(shù)表現(xiàn)設(shè)計，拓展了信息的內(nèi)涵和外延，用戶體驗(yàn)翻轉(zhuǎn)，也為藝術(shù)設(shè)計提供了新的契機(jī)。新媒體受到更多商家的青睞，他們喜歡利用新技術(shù)、新媒體，更加快捷方便并準(zhǔn)確的向用戶提供產(chǎn)品宣傳，展示商品。
數(shù)字媒體藝術(shù)的誕生，傳統(tǒng)藝術(shù)設(shè)計被突破，跨越多種媒體樣式的設(shè)計迅速發(fā)展。單一的藝術(shù)展示被突破，演變成綜合化、立體化，表現(xiàn)形式為充沛的感染力和豐富的趣味性。藝術(shù)設(shè)計圍繞視覺藝術(shù)在新媒體客戶端展開，以數(shù)字科學(xué)為基礎(chǔ)，以人工學(xué)視覺體驗(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è)計的參與，讓傳播方案變得更加美觀和易于接受，由于自媒體的產(chǎn)生，受眾有了發(fā)表個人見解的途徑。科技在智能手機(jī)上發(fā)揮的空間和能力變的豐富起來。靈活性、時效性、個性化等特點(diǎn)得到廣泛應(yīng)用�？萍嫉膭�(chuàng)新帶來了大眾審美的變遷和不斷增長的高要求，生活方式也在潛移默化中改變。
視差滾動設(shè)計在新媒體藝術(shù)中的重要特征：圍繞聲音、畫面、文字、影像、互動關(guān)系展開。元素合理排列組合，不斷突破著過往藝術(shù)表現(xiàn)形式的局限。提高了閱讀者的互動、實(shí)現(xiàn)更高效的閱讀和信息接收。由于傳播方式不再單向，大眾參與者急需與媒體互動時的個性化展現(xiàn)，于是具有創(chuàng)新性強(qiáng)的藝術(shù)作品層出不窮。在交互數(shù)字媒體中，帶有強(qiáng)烈的個性化特點(diǎn)和技術(shù)特征的藝術(shù)作品更符合信息時代的要求。視差滾動屬于隱形交互設(shè)計，它突破了傳統(tǒng)網(wǎng)頁傳播信息的方式，卻依舊保持了網(wǎng)頁表達(dá)信息的基礎(chǔ)條件，讓傳統(tǒng)網(wǎng)頁審美疲憊的情況得以改善。多媒體的藝術(shù)表達(dá)，在視差滾動設(shè)計中還有更多可以創(chuàng)造的內(nèi)容和方式，值得我們矚目期待。
綜上所訴，人類不斷追求美的體驗(yàn)，與科學(xué)技術(shù)交相輝映，為我們創(chuàng)造豐富、新奇的生活。視差滾動設(shè)計，在技術(shù)不斷的支持下，越來越多的呈現(xiàn)豐富的視覺效果，以用戶體驗(yàn)為核心和出發(fā)點(diǎn)，更專注于內(nèi)容的統(tǒng)一和完整，藝術(shù)美感的表現(xiàn)與升華。展示媒介日漸豐富性多元化，技術(shù)持續(xù)為人們的想象力上交滿意的答卷，藝術(shù)設(shè)計在審美價值中越發(fā)重要。
■（張昊怡 天津師范大學(xué) 美術(shù)與設(shè)計學(xué)院）
視差滾動的網(wǎng)頁設(shè)計相關(guān)文章和案例
全部評論