基于視覺生態(tài)體驗的網(wǎng)頁界面設計

謝濤

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

【關鍵詞】視覺生態(tài)；體驗設計；網(wǎng)頁界面；和諧設計

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

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

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

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

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

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

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

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

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

（二）悟道——順物自然與美善共衡的設計之美

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

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

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

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

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

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

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

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

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

結(jié)語

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

注釋：

*基金項目：黃岡師范學院實驗教學研究項目研究成果（項目編號：zj201304）。

參考文獻：

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

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