網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)及其視覺元素設(shè)計(jì)評價(jià)

賈 健

檀國大學(xué)，韓國 龍仁 16890

在互聯(lián)網(wǎng)時(shí)代，人們對于網(wǎng)絡(luò)交互設(shè)計(jì)的研究挖掘逐漸深入，且提出了越來越高要求，在研究視覺體驗(yàn)與視覺元素過程中，建立行為交互機(jī)制。就現(xiàn)階段而言，設(shè)計(jì)師主要基于不同用戶自身審美心理與認(rèn)知心理來融合多種元素如文字、聲音、圖像等等，進(jìn)而打造用戶共同交流平臺，營造相對良好的視覺體驗(yàn)。大體來講，網(wǎng)絡(luò)交互設(shè)計(jì)所營造出的視覺環(huán)境相當(dāng)愉悅自由，人們更能從網(wǎng)絡(luò)交互設(shè)計(jì)現(xiàn)狀中展開思考討論。

一、互聯(lián)網(wǎng)與網(wǎng)絡(luò)交互設(shè)計(jì)的基本內(nèi)涵與發(fā)展現(xiàn)狀

（一）互聯(lián)網(wǎng)與網(wǎng)絡(luò)交互設(shè)計(jì)的基本內(nèi)涵

互聯(lián)網(wǎng)即是指代網(wǎng)絡(luò)交互設(shè)計(jì)的基礎(chǔ)平臺，它利用傳輸控制協(xié)議與互聯(lián)網(wǎng)TCP/IP協(xié)議建立全球計(jì)算機(jī)相互連接組合關(guān)系，形成網(wǎng)絡(luò)系統(tǒng)。在互聯(lián)網(wǎng)平臺上，不同計(jì)算機(jī)之間通過通信交流形成網(wǎng)際網(wǎng)絡(luò)，共同執(zhí)行文件傳輸協(xié)議、IRC等。同時(shí)，也利用互聯(lián)網(wǎng)實(shí)現(xiàn)聲音、軟件、文本與圖像等等數(shù)據(jù)的有效傳輸。

在互聯(lián)網(wǎng)建設(shè)基礎(chǔ)之上就出現(xiàn)了交互設(shè)計(jì)，形成網(wǎng)絡(luò)交互設(shè)計(jì)。網(wǎng)絡(luò)交互設(shè)計(jì)的核心是“交互”，它代表了人與物、人與人的交互過程以及交互內(nèi)容，所以說交互設(shè)計(jì)的定義種類相當(dāng)之豐富，它也作為目前新興學(xué)科而出現(xiàn)并被人們所廣泛應(yīng)用。就目前來看，基于智能手機(jī)、計(jì)算機(jī)等各種電子設(shè)備的交互設(shè)計(jì)內(nèi)容較多，它們更多專注于用戶行為，主要描述、規(guī)劃事物的行為方式，在描述有效行為過程中希望更多從程序編輯角度出發(fā)定義交互設(shè)計(jì)，而這一過程中并沒有任何固定點(diǎn)，它分析了某一種特殊的交互關(guān)系，結(jié)合流程設(shè)計(jì)內(nèi)容融入新觀念?？傮w來說，“交互設(shè)計(jì)”特別專注于用戶的某些可能行為，它的定義極為廣泛，在人機(jī)情感交互過程中更多從視覺感受出發(fā)，靈活運(yùn)用視覺元素進(jìn)行設(shè)計(jì)［1］。

（二）互聯(lián)網(wǎng)與網(wǎng)絡(luò)交互設(shè)計(jì)的基本發(fā)展現(xiàn)狀

互聯(lián)網(wǎng)與網(wǎng)絡(luò)交互設(shè)計(jì)的類型眾多，其中以國籍作為界限劃分是狹隘的，要針對網(wǎng)頁設(shè)計(jì)本身來規(guī)劃設(shè)計(jì)平臺，創(chuàng)設(shè)設(shè)計(jì)軟件環(huán)境，形成全球資源共享。顯而易見，當(dāng)前的信息媒介已經(jīng)呈現(xiàn)出多元化發(fā)展態(tài)勢，其中網(wǎng)絡(luò)交互設(shè)計(jì)中視覺表現(xiàn)主要分為自由式視覺表現(xiàn)，甚至形成了主流的柵格式視覺表現(xiàn)。相比之下，前者設(shè)計(jì)手法更為流行，結(jié)合目前新技術(shù)手段有效提升藝術(shù)視覺效果，表現(xiàn)獨(dú)有特色的網(wǎng)絡(luò)頁面。在如此形式下就表現(xiàn)出了極強(qiáng)的時(shí)代感與極突出的個(gè)性，為互聯(lián)網(wǎng)網(wǎng)絡(luò)設(shè)計(jì)帶來一陣新風(fēng)，它的技術(shù)表現(xiàn)力更強(qiáng)、頁面更新、內(nèi)容更多，它也要求設(shè)計(jì)師設(shè)計(jì)合理化，避免跑題，再視覺表現(xiàn)結(jié)合個(gè)性形式展開管理。再者就是柵格型視覺幾何形式，它在主要表現(xiàn)上主要集中提出了在線預(yù)售以及信息預(yù)覽內(nèi)容，基于此所表現(xiàn)出的直觀感相當(dāng)強(qiáng)，可以幫助用戶快速查抄基于體驗(yàn)感層面的情緒改善。在借助柵格編排設(shè)計(jì)展開針對性改進(jìn)，結(jié)合設(shè)計(jì)內(nèi)容與設(shè)計(jì)者來充分考慮用戶習(xí)慣，建立程序規(guī)劃機(jī)制，確保設(shè)計(jì)內(nèi)容編排更加具有視覺美感。在提升視覺體驗(yàn)效果方面，則需要圍繞網(wǎng)絡(luò)交互設(shè)計(jì)中的視覺體驗(yàn)來展開針對性改進(jìn)，充分考量用戶習(xí)慣與程序編制規(guī)則，深度分析網(wǎng)絡(luò)交互設(shè)計(jì)中的交互設(shè)計(jì)內(nèi)容與視覺體驗(yàn)內(nèi)容［2］。

二、網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)與視覺元素設(shè)計(jì)

網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)與視覺元素表現(xiàn)相當(dāng)豐富，下文分別來談：

（一）網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)

目前，網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)參考諾曼的“情感化設(shè)計(jì)”理論，建立交互體驗(yàn)部分，其中就包括了感官體驗(yàn)內(nèi)容與行為反思體驗(yàn)內(nèi)容。在交互體驗(yàn)中就包括了視覺體驗(yàn)，其形式元素表現(xiàn)豐富，且準(zhǔn)確有效，能夠令用戶所信服，同時(shí)激發(fā)用戶在情感上產(chǎn)生共鳴，同時(shí)確保用戶在心理認(rèn)同上獲得良好體驗(yàn)。在結(jié)合不同類型歸屬與質(zhì)量權(quán)衡過程中，則需要說服用戶心理認(rèn)同這次體驗(yàn)，建立質(zhì)量權(quán)衡機(jī)制，設(shè)計(jì)符合預(yù)期的類型與審美觀。在描述用戶初次交互過程中，需要結(jié)合自身合理劃分等級，確保交互設(shè)計(jì)與視覺設(shè)計(jì)二者能夠緊密聯(lián)系起來。在結(jié)合視覺元素過程中，需要提升效率與準(zhǔn)確率，真正實(shí)現(xiàn)對信息的快速傳達(dá)，并確保網(wǎng)絡(luò)交互設(shè)計(jì)中的信息數(shù)據(jù)交互質(zhì)量［3］。

（二）網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)條件分析

就網(wǎng)絡(luò)交互設(shè)計(jì)而言，它的視覺體驗(yàn)條件內(nèi)容豐富，主要是源于網(wǎng)絡(luò)交互界面上的諸多視覺元素建立圖像、文字、色彩等諸多元素內(nèi)容，建立元素組合，并實(shí)現(xiàn)信息數(shù)據(jù)有效傳達(dá)，最大限度促進(jìn)人與物之間的相互交流。在網(wǎng)絡(luò)交互設(shè)計(jì)過程中和分析視覺體驗(yàn)過程中，需要確保網(wǎng)絡(luò)交互界面視覺元素研究到位，配合設(shè)計(jì)師主觀思想分析有效組合內(nèi)容，如此更有利于用戶之間進(jìn)行有效交互。而在視覺體驗(yàn)過程中，則需要圍繞用戶瀏覽網(wǎng)頁過程形成直觀感受，確保在網(wǎng)頁設(shè)計(jì)過程中用戶能夠印象深刻。在這里，還要充分考量網(wǎng)頁界面中的視覺沖擊力與美感變化，有效激發(fā)用戶內(nèi)在情感，充分了解使用者的認(rèn)知心理與審美觀，特別重視細(xì)節(jié)表達(dá)內(nèi)容，靈活運(yùn)用相應(yīng)色彩、圖案、文案分析表達(dá)交互設(shè)計(jì)意愿，明確主旨。在用戶交互體驗(yàn)過程中，其設(shè)計(jì)核心點(diǎn)則主要是圍繞認(rèn)知和審美所展開的，它所激發(fā)的是人們的生活習(xí)慣自身感知經(jīng)驗(yàn)與抽象事物認(rèn)知，要結(jié)合自身思維理解與深化來了解審美觀差異性。宗旨就是結(jié)合上述內(nèi)容來形成諸多豐富多元的視覺元素，它引導(dǎo)受眾主動去挖掘、了解、探究網(wǎng)絡(luò)交互設(shè)計(jì)中眾多視覺元素的創(chuàng)新之處［4］。

三、網(wǎng)絡(luò)交互設(shè)計(jì)的視覺元素分類與現(xiàn)存問題

在網(wǎng)絡(luò)交互設(shè)計(jì)過程中，針對視覺元素所展開的分類與問題分析必須深入到位，下文具體來談：

（一）網(wǎng)絡(luò)交互設(shè)計(jì)的現(xiàn)存問題

在網(wǎng)絡(luò)交互設(shè)計(jì)過程中需要分析其技術(shù)迅速發(fā)展進(jìn)程，其中涵蓋了平面視覺中所蘊(yùn)含的諸多元素與布局結(jié)構(gòu)內(nèi)容，這其中也包括了交互元素、多媒體元素、動態(tài)元素，這些視覺元素都獨(dú)具特色。在受眾瀏覽網(wǎng)頁過程中，可能存在諸多網(wǎng)頁設(shè)計(jì)美感不足問題。因此，如果在網(wǎng)絡(luò)交互設(shè)計(jì)過程中可以堆砌色塊、動畫、文字、圖片、廣告等等，則無法達(dá)到界面美感強(qiáng)度，且其內(nèi)容過分空洞。在分析網(wǎng)絡(luò)交互設(shè)計(jì)資源、設(shè)計(jì)風(fēng)格的不確定性關(guān)聯(lián)問題過程中，則需要明確解決內(nèi)容不確定、網(wǎng)絡(luò)交互性模糊、圖片與文本無法伴隨時(shí)間不停更換、動態(tài)性過強(qiáng)等等問題。需要結(jié)合內(nèi)容隨時(shí)跳轉(zhuǎn)界面，深入了解用戶要求，深入了解網(wǎng)頁元素變化過程。再一點(diǎn)就是安全問題，要正視設(shè)計(jì)師事故設(shè)計(jì)廣告問題，對信息隱藏不易察覺問題進(jìn)行分析，了解長期懸浮廣告窗、自動彈出游戲窗口問題，在單純模仿網(wǎng)絡(luò)設(shè)計(jì)重要因素過程中需要追求創(chuàng)新，避免出現(xiàn)設(shè)計(jì)盲目、照搬照抄、單純追求高效率等等問題。在網(wǎng)絡(luò)交互設(shè)計(jì)視覺體驗(yàn)過程中，需要結(jié)合文字、圖片等視覺元素與視覺體驗(yàn)建立網(wǎng)絡(luò)交互設(shè)計(jì)關(guān)聯(lián)要素，引導(dǎo)受眾認(rèn)知水平提升［5］。

（二）網(wǎng)絡(luò)交互設(shè)計(jì)的視覺元素

在網(wǎng)絡(luò)交互設(shè)計(jì)過程中需要分析諸多視覺元素內(nèi)容，結(jié)合文字、色彩、圖形、版式等等優(yōu)化、豐富網(wǎng)絡(luò)交互設(shè)計(jì)基本元素，對相關(guān)標(biāo)志、信息菜單、標(biāo)語等諸多內(nèi)容進(jìn)行分析，對圖像、文字、色彩、版式等重要研究對象進(jìn)行逐一分析與處理。以下就分析了網(wǎng)絡(luò)交互設(shè)計(jì)的諸多視覺元素［6］：

1.色彩視覺元素分析

由于人的眼睛是能夠區(qū)分至少1000萬種顏色的，所以需要對色彩區(qū)域進(jìn)行有效分類與整理，設(shè)計(jì)網(wǎng)絡(luò)交互界面，并注意做好以下四點(diǎn)問題：首先，需要注意依據(jù)不同使用場景來合理選擇適合顏色；其次，需要重視用戶自身心理變化，對其中文化與顏色進(jìn)行有針對性關(guān)聯(lián)；再次，需要避免同一界面出現(xiàn)不超過3種顏色的情況，避免網(wǎng)頁交互設(shè)計(jì)過于胡亂，導(dǎo)致受眾視野出現(xiàn)不清晰問題；最后，需要加強(qiáng)色彩對比度，例如采用淺色背景、深色文字或反之來展開網(wǎng)頁交互設(shè)計(jì)過程。在設(shè)計(jì)中要轉(zhuǎn)移網(wǎng)絡(luò)用戶注意力，以此獲得相對較好的視覺效果。網(wǎng)頁交互設(shè)計(jì)中對于色彩視覺元素的重視不言而喻，因?yàn)樯时旧矸浅Ｎ?，其豐富多樣的顏色內(nèi)容能夠轉(zhuǎn)移用戶注意力，產(chǎn)生較好的視覺效果。

在建立不同元素之間的巨大色彩反差過程中，需要確保其表達(dá)效果更加明顯合理［7］。而在考慮用戶感知色彩過程中，則需要基于不同視覺結(jié)構(gòu)與心理因素來規(guī)避某些特殊的視覺效果，對計(jì)算機(jī)網(wǎng)絡(luò)交互設(shè)計(jì)的色彩模式進(jìn)行充分分析與了解。就目前看來，網(wǎng)絡(luò)交互設(shè)計(jì)中的色彩模式包含3種，即CMYK、RGB、LAB，3種模式與色光中的明度、色相、純度都息息相關(guān)，需要設(shè)計(jì)者在網(wǎng)頁交互設(shè)計(jì)中合理把握，確保所設(shè)計(jì)的網(wǎng)頁頁面更加光鮮靚麗［8］。

2.圖像視覺元素分析

在網(wǎng)頁交互設(shè)計(jì)中，比較常用的圖像格式就包括了JPEG和GIF兩種，其中在設(shè)計(jì)網(wǎng)絡(luò)交互界面并排版過程中，需要采用靜態(tài)圖像并轉(zhuǎn)化為方形圖、退底圖來展開設(shè)計(jì)過程。一般來說，網(wǎng)頁交互設(shè)計(jì)過程中退底圖最為自由，其設(shè)計(jì)更加注重突出個(gè)性，給受眾帶來了極為深刻的印象。這主要是因?yàn)槠洚嬅嬖O(shè)計(jì)動態(tài)十足，且能夠與諸多自然元素相互融合，進(jìn)一步增加圖像視覺元素設(shè)計(jì)的親和力。不過也需要注意一點(diǎn)，那就是其設(shè)計(jì)容易出現(xiàn)混亂問題，設(shè)計(jì)整體性表現(xiàn)不強(qiáng)，特別是在設(shè)計(jì)方形圖過程中，由于其設(shè)計(jì)相對簡潔，所以應(yīng)該從理性層面上分析設(shè)計(jì)過程，避免網(wǎng)頁視覺元素呈現(xiàn)過分平淡。實(shí)際上，在圖像視覺元素設(shè)計(jì)方面要給予受眾一種舒適的觀感感覺，結(jié)合多個(gè)頁面設(shè)計(jì)表達(dá)個(gè)人情感，體現(xiàn)設(shè)計(jì)師氣質(zhì)與設(shè)計(jì)理解能力。在設(shè)計(jì)過程中，也要結(jié)合相關(guān)設(shè)計(jì)意圖來確定圖片的位置、面積、方向以及數(shù)量，確保設(shè)計(jì)風(fēng)格賞心悅目，從整體上統(tǒng)一設(shè)計(jì)各元素，并做好圖像與文字的相互搭配［9］。

3.文字字體視覺元素設(shè)計(jì)

在文字字體視覺元素設(shè)計(jì)分析過程中，需要了解計(jì)算機(jī)系統(tǒng)中字體種類是相當(dāng)豐富的，它非常有利于促進(jìn)網(wǎng)頁編輯工作，所考驗(yàn)的是設(shè)計(jì)人員的實(shí)際水平。就設(shè)計(jì)過程而言，需要考慮在設(shè)計(jì)過程中適當(dāng)增設(shè)特別字體，結(jié)合手寫體與廣告體來圍繞主題思想展開網(wǎng)絡(luò)交互頁面設(shè)計(jì)。而在設(shè)計(jì)過程中則需要做好一點(diǎn)，那就是結(jié)合手寫體與廣告體展開設(shè)計(jì)，避免頁面字體種類過分冗雜，一般來說在設(shè)計(jì)過程中應(yīng)該選擇3～4種字體，并對文字字體視覺元素進(jìn)行精細(xì)編輯與處理［10］。

4.版式視覺元素設(shè)計(jì)

在版式視覺元素設(shè)計(jì)過程中，需要對網(wǎng)絡(luò)交互設(shè)計(jì)過程進(jìn)行分析，確保交互界面設(shè)計(jì)趨向于和諧化與整體化，整體來說就是要特別重視網(wǎng)頁交互設(shè)計(jì)的布局與編排到位。具體來講，就是要對版式內(nèi)容進(jìn)行對稱設(shè)計(jì)，一般來說就是頁面左右對稱，但在設(shè)計(jì)過程中一定要避免設(shè)計(jì)過于呆板。再者就是焦點(diǎn)行版式設(shè)計(jì)，它以對視線設(shè)計(jì)作為基本導(dǎo)向，整體來看視覺界面設(shè)計(jì)效果更為強(qiáng)烈。而中軸型設(shè)計(jì)則追求垂直排列，確保設(shè)計(jì)風(fēng)格更加平靜、含蓄。除此之外還包括了風(fēng)格大方、舒展的滿版型設(shè)計(jì)以及界面自由、歡快活潑的自由型設(shè)計(jì)等等［11］。

四、總結(jié)

在網(wǎng)絡(luò)交互設(shè)計(jì)中，合理運(yùn)用各種視覺元素展開設(shè)計(jì)是必要的，它能夠大幅度提高受眾的網(wǎng)頁瀏覽視覺體驗(yàn)。就目前國內(nèi)的信息技術(shù)、計(jì)算機(jī)技術(shù)應(yīng)用過程，需要結(jié)合交互設(shè)計(jì)融合內(nèi)容分析相應(yīng)設(shè)計(jì)科學(xué)技術(shù)內(nèi)容，更好、更深入發(fā)展網(wǎng)絡(luò)交互設(shè)計(jì)內(nèi)容，滿足人們?nèi)找嬖鲩L的用戶需求。當(dāng)然，在網(wǎng)頁交互設(shè)計(jì)過程中也需要深入挖掘諸多新時(shí)代元素，避免設(shè)計(jì)過程僅僅停留在文字、圖像、版式等諸多元素方面，在靈活運(yùn)用網(wǎng)絡(luò)過程中不斷提升思維深度與思維空間，確保用戶創(chuàng)造更好交互體驗(yàn)平臺與平臺內(nèi)容，學(xué)會更為主動、自由地欣賞，并參與到多樣化交互的各色藝術(shù)產(chǎn)品之中，提高網(wǎng)絡(luò)交互設(shè)計(jì)價(jià)值。在本文看來，網(wǎng)絡(luò)交互設(shè)計(jì)的視覺體驗(yàn)與視覺元素是不可分割的，二者在網(wǎng)頁交互設(shè)計(jì)中也不可或缺，必須同步、同時(shí)考慮。