謝濤

【摘要】隨著技術(shù)與設(shè)計(jì)理念的不斷演化，網(wǎng)頁(yè)界面的視覺形態(tài)變得更加妙趣橫生，信息的交互也變得更加多變、匯聚與繁雜。以視覺生態(tài)理念為導(dǎo)向構(gòu)建網(wǎng)頁(yè)界面設(shè)計(jì)的和諧觀，創(chuàng)造符合情感需求的視覺感知與交互體驗(yàn)，或?qū)⒊蔀榫W(wǎng)頁(yè)界面設(shè)計(jì)的新思路。

【關(guān)鍵詞】視覺生態(tài)；體驗(yàn)設(shè)計(jì)；網(wǎng)頁(yè)界面；和諧設(shè)計(jì)

作為網(wǎng)絡(luò)內(nèi)容展示與信息傳遞的網(wǎng)頁(yè)界面，在新技術(shù)更迭發(fā)展下顯現(xiàn)出異彩紛呈的視覺化傾向。隨著新的交互模式不斷涌現(xiàn)以及對(duì)設(shè)計(jì)創(chuàng)意的過度追求，充斥大量繁雜圖像和特效的網(wǎng)頁(yè)逐漸成為讓用戶疲憊不堪的視覺負(fù)擔(dān)，直至引發(fā)信息焦慮問題。回歸自然與理性的和諧設(shè)計(jì)所營(yíng)造的視覺生態(tài)體驗(yàn)，將重塑網(wǎng)絡(luò)媒介視覺認(rèn)知本原，給網(wǎng)頁(yè)界面的設(shè)計(jì)創(chuàng)新提供新的探索維度。

一、從視覺體驗(yàn)到視覺生態(tài)的進(jìn)化論

在現(xiàn)代設(shè)計(jì)生態(tài)轉(zhuǎn)向與可持續(xù)發(fā)展觀念的影響下，生態(tài)設(shè)計(jì)理念層出不窮，在體現(xiàn)美學(xué)價(jià)值的同時(shí)力求創(chuàng)造出遵循自然規(guī)律與生態(tài)和諧的藝術(shù)產(chǎn)品。網(wǎng)頁(yè)界面作為數(shù)字化媒介視覺認(rèn)知層面的外在表征，從注重美學(xué)與情感的視覺體驗(yàn)進(jìn)化到具備生態(tài)功能的視覺生態(tài)體驗(yàn)，是人機(jī)界面設(shè)計(jì)走向生態(tài)發(fā)展的必然規(guī)律。

源于生態(tài)設(shè)計(jì)領(lǐng)域的視覺生態(tài)學(xué)，隨著生態(tài)理念的演化與推進(jìn)已經(jīng)延伸至藝術(shù)領(lǐng)域的各個(gè)方面。美學(xué)概念下的視覺生態(tài)，是從視覺審美意義上構(gòu)建的精神形態(tài)或物質(zhì)形態(tài)，是感官系統(tǒng)對(duì)視覺環(huán)境所反映出的心理直覺和行為反饋，是一種處于生態(tài)平衡與和諧狀態(tài)的審美體驗(yàn)。在視覺生態(tài)觀的導(dǎo)向作用下，網(wǎng)絡(luò)環(huán)境中人機(jī)界面的生態(tài)傾向與動(dòng)態(tài)關(guān)聯(lián)逐漸可視化，并形成新的交互設(shè)計(jì)理念——不僅注重視覺設(shè)計(jì)的美學(xué)品質(zhì)、科學(xué)性與可持續(xù)性，更要營(yíng)造出人機(jī)界面與用戶親密無間、和諧融洽的視覺生態(tài)體驗(yàn)。

二、網(wǎng)頁(yè)界面的視覺生態(tài)設(shè)計(jì)

網(wǎng)絡(luò)的互動(dòng)性、開放性與虛擬性賦予了網(wǎng)頁(yè)界面設(shè)計(jì)表現(xiàn)的無限可能性，在網(wǎng)頁(yè)界面設(shè)計(jì)的視覺生態(tài)系統(tǒng)中，功能、空間、美感、交互行為等要素普遍聯(lián)系和相互作用，從而構(gòu)建起滿足用戶感官與情感的和諧體驗(yàn)。

（一）妙觀——視覺生態(tài)與交互體驗(yàn)的和諧之美

融合視覺生態(tài)理念的網(wǎng)頁(yè)界面設(shè)計(jì)，力求減輕用戶的認(rèn)知負(fù)擔(dān)，使界面的呈現(xiàn)更加感知化，貼近用戶的情感心理并激發(fā)審美感受，實(shí)現(xiàn)了用戶與網(wǎng)絡(luò)之間自然、和諧、完美的溝通。從網(wǎng)頁(yè)界面的功能性設(shè)計(jì)到情感體驗(yàn)設(shè)計(jì)，從喧鬧閃現(xiàn)的動(dòng)態(tài)圖像到簡(jiǎn)約恬靜的扁平化設(shè)計(jì)，從淋漓盡致的瀑布流式布局到懸浮立體的視差滾動(dòng)特效，技術(shù)的進(jìn)步不僅實(shí)現(xiàn)了視覺設(shè)計(jì)上的高度跨越，更是在出色的交互敘事過程中逐步構(gòu)建并完善了視覺生態(tài)體系。從視像信息傳達(dá)的角度歸納，網(wǎng)頁(yè)界面設(shè)計(jì)的視覺生態(tài)主要體現(xiàn)幾個(gè)層面的和諧性原則：和諧與共生；滲透與融合；質(zhì)樸與精致；愉悅感與親和力。

就設(shè)計(jì)趨勢(shì)來看，“溯美學(xué)，輕科技”“形式追隨情感”已經(jīng)成為當(dāng)下人們審美取向與情感訴求，鐘情于獨(dú)到的審美品味和超然物外的設(shè)計(jì)表現(xiàn)。視覺生態(tài)觀下的網(wǎng)頁(yè)界面設(shè)計(jì)，要求自然、和諧，形態(tài)結(jié)構(gòu)完整，無冗余信息干擾，具有良好的跨平臺(tái)兼容性。易用性與友好性、多種終端操作體驗(yàn)與視覺風(fēng)格一致，是構(gòu)建網(wǎng)頁(yè)界面視覺生態(tài)與和諧的基礎(chǔ)。視覺生態(tài)的設(shè)計(jì)目標(biāo)還要求減輕網(wǎng)頁(yè)的信息層級(jí)和邏輯關(guān)系，認(rèn)知無障礙且頁(yè)面親和力高。通過提示性、視覺隱喻等動(dòng)效自然映射語(yǔ)言，簡(jiǎn)化用戶視覺流程的同時(shí)提高信息的呈現(xiàn)效率。

（二）悟道——順物自然與美善共衡的設(shè)計(jì)之美

網(wǎng)頁(yè)界面的和諧設(shè)計(jì)不僅強(qiáng)調(diào)自然、高效，交互邏輯的表達(dá)更要符合用戶人性與本能需求。視覺生態(tài)的能動(dòng)性能夠積極引導(dǎo)用戶的直覺感受與審美體驗(yàn)，以情感共鳴和心理呼應(yīng)喚起對(duì)界面形態(tài)語(yǔ)言理解的興趣，這種更易于理解的自然行為方式，將極大改善用戶與設(shè)備之間的交互體驗(yàn)。

就視覺生態(tài)體驗(yàn)而言，生態(tài)界面設(shè)計(jì)的背后表現(xiàn)的是信息結(jié)構(gòu)的輕量化與清晰化，輕盈的版式結(jié)構(gòu)強(qiáng)化了內(nèi)容本身，減少用戶對(duì)信息邏輯的理解成本。極簡(jiǎn)網(wǎng)頁(yè)界面設(shè)計(jì)以淡化修飾、隱含不露的手法來表現(xiàn)本質(zhì)自然的格調(diào)，用“少即是多”這種最直白的設(shè)計(jì)語(yǔ)言將用戶引入網(wǎng)頁(yè)瀏覽體驗(yàn)環(huán)境中，有效降低認(rèn)知行為的負(fù)擔(dān)感。操作的極致簡(jiǎn)化與效率的提升帶來的不僅是交互流程的縮短，更是創(chuàng)建了一個(gè)自然而然的、有序和諧與沉浸式的視覺生態(tài)環(huán)境。眾多網(wǎng)站開始注重單頁(yè)面或者簡(jiǎn)約的多頁(yè)面設(shè)計(jì)，信息的獲取變得更加容易，在移動(dòng)設(shè)備上的操作也更加便捷舒適。就某種角度而言，符合審美發(fā)展趨勢(shì)的設(shè)計(jì)也是造就視覺生態(tài)的一種有效手段，只要把握住創(chuàng)新與生態(tài)之間的平衡就不失為合理的解決方案。

（三）寓物——媒介轉(zhuǎn)化與形式延展的跨界之美

任何一種生態(tài)系統(tǒng)的演化與推進(jìn)都有著其系統(tǒng)關(guān)聯(lián)性，個(gè)體與系統(tǒng)之間相互制約又相互促進(jìn)，視覺生態(tài)系統(tǒng)也是如此。在同質(zhì)化嚴(yán)重的網(wǎng)頁(yè)界面設(shè)計(jì)領(lǐng)域，借鑒不同設(shè)計(jì)領(lǐng)域先進(jìn)的方法和形式，以跨界思維來提升設(shè)計(jì)水準(zhǔn)將是網(wǎng)頁(yè)界面范式多元化發(fā)展的趨勢(shì)，而視覺生態(tài)理論的引入無疑可以從情感體驗(yàn)上帶來更高附加值。

人機(jī)界面設(shè)計(jì)的演化總是伴隨著軟硬件技術(shù)的革新。優(yōu)良的網(wǎng)絡(luò)環(huán)境與終端性能使得大幅圖片與視頻背景的運(yùn)用不再有任何阻礙，360°全景與生動(dòng)的視頻交互形成趨向真實(shí)感的場(chǎng)景體驗(yàn)，Html5與Css3創(chuàng)建的動(dòng)畫無需插件支持而且加載速度更快。還有基于網(wǎng)頁(yè)應(yīng)用環(huán)境的增強(qiáng)現(xiàn)實(shí)技術(shù)、語(yǔ)音識(shí)別與挖掘技術(shù)、無線傳感器網(wǎng)絡(luò)設(shè)計(jì)、手勢(shì)控制與應(yīng)用動(dòng)態(tài)設(shè)計(jì)、生物特征識(shí)別技術(shù)等，能夠?qū)σ曈X表現(xiàn)進(jìn)行深層次挖掘，給網(wǎng)頁(yè)界面設(shè)計(jì)開拓了廣闊無垠的發(fā)展空間。

網(wǎng)頁(yè)界面的跨界創(chuàng)新還表現(xiàn)在對(duì)高技術(shù)的應(yīng)用，比如多通道已經(jīng)開始逐步成為網(wǎng)頁(yè)界面的技術(shù)特征，用戶通過這種多維界面可以獲取視覺瞬間的非凡體驗(yàn)，虛擬情景帶來的真實(shí)感改變了傳統(tǒng)交互手段的功能，并且從技術(shù)層面上實(shí)現(xiàn)了活躍開放的視覺互動(dòng)，進(jìn)而形成獨(dú)特的視覺生態(tài)語(yǔ)言。

三、網(wǎng)頁(yè)界面設(shè)計(jì)的視覺生態(tài)與未來

早在30年前就有學(xué)者提到，社會(huì)發(fā)展至今將是一個(gè)高技術(shù)與高情感和諧共處、相互平衡的時(shí)代。技術(shù)與理論的日趨成熟，設(shè)計(jì)對(duì)受眾情感將會(huì)愈發(fā)重視，這與自然生態(tài)演替規(guī)律是相符的，更是時(shí)代發(fā)展的價(jià)值取向。

隨著各種終端設(shè)備的不斷興起和廣泛使用，互聯(lián)網(wǎng)絡(luò)已經(jīng)逐步邁向“泛互聯(lián)網(wǎng)”時(shí)代，更多先進(jìn)科技帶來對(duì)視覺生態(tài)環(huán)境新的改觀。借助大數(shù)據(jù)的科學(xué)分析，能夠準(zhǔn)確地從情感、意識(shí)、個(gè)性、動(dòng)機(jī)等方面感知并理解廣泛的用戶群體，把握主流用戶的審美偏好，通過大數(shù)據(jù)的概率預(yù)測(cè)則可以把握網(wǎng)頁(yè)界面未來的設(shè)計(jì)趨勢(shì)。網(wǎng)頁(yè)重構(gòu)遵循最新的W3C標(biāo)準(zhǔn)及相關(guān)應(yīng)用技術(shù)，能夠獲取到用戶環(huán)境中關(guān)于光線、麥克風(fēng)、攝像頭等各種傳感器數(shù)據(jù)，賦予網(wǎng)頁(yè)界面對(duì)用戶操作行為的感知能力與響應(yīng)能力，依據(jù)反饋信息自動(dòng)調(diào)節(jié)亮度、色調(diào)以達(dá)到最佳瀏覽舒適度。網(wǎng)頁(yè)界面設(shè)計(jì)作為一種相當(dāng)視覺化的藝術(shù)形式，它需要表現(xiàn)得精致、微妙、友好、易用且實(shí)用，讓用戶的交互行為沉浸其中而無需額外思考，高效、自然、生態(tài)、智能將會(huì)是未來網(wǎng)頁(yè)界面的感知特征。

結(jié)語(yǔ)

從直接參與感知的視覺體驗(yàn)，到彰顯自然人化意識(shí)的視覺生態(tài)體驗(yàn)，實(shí)質(zhì)上是人們逐漸增長(zhǎng)的生態(tài)意識(shí)對(duì)日益顯現(xiàn)的網(wǎng)絡(luò)視覺危機(jī)所做出的回應(yīng)?！凹夹g(shù)是藝術(shù)不可分離的屬性，或者說藝術(shù)是技術(shù)存在的最高形態(tài)。”隨著設(shè)計(jì)載體的不斷發(fā)展演化與人們生態(tài)審美意識(shí)的提升，網(wǎng)頁(yè)界面與生態(tài)設(shè)計(jì)理論的結(jié)合愈發(fā)密切，視覺生態(tài)設(shè)計(jì)將成為網(wǎng)頁(yè)界面設(shè)計(jì)重要的發(fā)展方向。

注釋：

*基金項(xiàng)目：黃岡師范學(xué)院實(shí)驗(yàn)教學(xué)研究項(xiàng)目研究成果（項(xiàng)目編號(hào)：zj201304）。

參考文獻(xiàn)：

[1]李硯祖.藝術(shù)設(shè)計(jì)概論[M].武漢：湖北美術(shù)出版社，2002.

[2][美]約翰·奈斯比特.大趨勢(shì)：改變我們生活的十個(gè)新方向[M].梅艷，譯.北京：中國(guó)社會(huì)科學(xué)出版社，1984.