賈 健

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

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

一、互聯(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ǔ)平臺(tái)，它利用傳輸控制協(xié)議與互聯(lián)網(wǎng)TCP/IP協(xié)議建立全球計(jì)算機(jī)相互連接組合關(guān)系，形成網(wǎng)絡(luò)系統(tǒng)。在互聯(lián)網(wǎng)平臺(tái)上，不同計(jì)算機(jī)之間通過(guò)通信交流形成網(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ì)的核心是“交互”，它代表了人與物、人與人的交互過(guò)程以及交互內(nèi)容，所以說(shuō)交互設(shè)計(jì)的定義種類相當(dāng)之豐富，它也作為目前新興學(xué)科而出現(xiàn)并被人們所廣泛應(yīng)用。就目前來(lái)看，基于智能手機(jī)、計(jì)算機(jī)等各種電子設(shè)備的交互設(shè)計(jì)內(nèi)容較多，它們更多專注于用戶行為，主要描述、規(guī)劃事物的行為方式，在描述有效行為過(guò)程中希望更多從程序編輯角度出發(fā)定義交互設(shè)計(jì)，而這一過(guò)程中并沒(méi)有任何固定點(diǎn)，它分析了某一種特殊的交互關(guān)系，結(jié)合流程設(shè)計(jì)內(nèi)容融入新觀念。總體來(lái)說(shuō)，“交互設(shè)計(jì)”特別專注于用戶的某些可能行為，它的定義極為廣泛，在人機(jī)情感交互過(guò)程中更多從視覺(jué)感受出發(fā)，靈活運(yùn)用視覺(jué)元素進(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ì)的類型眾多，其中以國(guó)籍作為界限劃分是狹隘的，要針對(duì)網(wǎng)頁(yè)設(shè)計(jì)本身來(lái)規(guī)劃設(shè)計(jì)平臺(tái)，創(chuàng)設(shè)設(shè)計(jì)軟件環(huán)境，形成全球資源共享。顯而易見(jiàn)，當(dāng)前的信息媒介已經(jīng)呈現(xiàn)出多元化發(fā)展態(tài)勢(shì)，其中網(wǎng)絡(luò)交互設(shè)計(jì)中視覺(jué)表現(xiàn)主要分為自由式視覺(jué)表現(xiàn)，甚至形成了主流的柵格式視覺(jué)表現(xiàn)。相比之下，前者設(shè)計(jì)手法更為流行，結(jié)合目前新技術(shù)手段有效提升藝術(shù)視覺(jué)效果，表現(xiàn)獨(dú)有特色的網(wǎng)絡(luò)頁(yè)面。在如此形式下就表現(xiàn)出了極強(qiáng)的時(shí)代感與極突出的個(gè)性，為互聯(lián)網(wǎng)網(wǎng)絡(luò)設(shè)計(jì)帶來(lái)一陣新風(fēng)，它的技術(shù)表現(xiàn)力更強(qiáng)、頁(yè)面更新、內(nèi)容更多，它也要求設(shè)計(jì)師設(shè)計(jì)合理化，避免跑題，再視覺(jué)表現(xiàn)結(jié)合個(gè)性形式展開(kāi)管理。再者就是柵格型視覺(jué)幾何形式，它在主要表現(xiàn)上主要集中提出了在線預(yù)售以及信息預(yù)覽內(nèi)容，基于此所表現(xiàn)出的直觀感相當(dāng)強(qiáng)，可以幫助用戶快速查抄基于體驗(yàn)感層面的情緒改善。在借助柵格編排設(shè)計(jì)展開(kāi)針對(duì)性改進(jìn)，結(jié)合設(shè)計(jì)內(nèi)容與設(shè)計(jì)者來(lái)充分考慮用戶習(xí)慣，建立程序規(guī)劃?rùn)C(jī)制，確保設(shè)計(jì)內(nèi)容編排更加具有視覺(jué)美感。在提升視覺(jué)體驗(yàn)效果方面，則需要圍繞網(wǎng)絡(luò)交互設(shè)計(jì)中的視覺(jué)體驗(yàn)來(lái)展開(kāi)針對(duì)性改進(jìn)，充分考量用戶習(xí)慣與程序編制規(guī)則，深度分析網(wǎng)絡(luò)交互設(shè)計(jì)中的交互設(shè)計(jì)內(nèi)容與視覺(jué)體驗(yàn)內(nèi)容［2］。

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

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

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

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

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

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

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

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

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

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

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

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

1.色彩視覺(jué)元素分析

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

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

2.圖像視覺(jué)元素分析

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

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

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

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

在版式視覺(jué)元素設(shè)計(jì)過(guò)程中，需要對(duì)網(wǎng)絡(luò)交互設(shè)計(jì)過(guò)程進(jìn)行分析，確保交互界面設(shè)計(jì)趨向于和諧化與整體化，整體來(lái)說(shuō)就是要特別重視網(wǎng)頁(yè)交互設(shè)計(jì)的布局與編排到位。具體來(lái)講，就是要對(duì)版式內(nèi)容進(jìn)行對(duì)稱設(shè)計(jì)，一般來(lái)說(shuō)就是頁(yè)面左右對(duì)稱，但在設(shè)計(jì)過(guò)程中一定要避免設(shè)計(jì)過(guò)于呆板。再者就是焦點(diǎn)行版式設(shè)計(jì)，它以對(duì)視線設(shè)計(jì)作為基本導(dǎo)向，整體來(lái)看視覺(jué)界面設(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)用各種視覺(jué)元素展開(kāi)設(shè)計(jì)是必要的，它能夠大幅度提高受眾的網(wǎng)頁(yè)瀏覽視覺(jué)體驗(yàn)。就目前國(guó)內(nèi)的信息技術(shù)、計(jì)算機(jī)技術(shù)應(yīng)用過(guò)程，需要結(jié)合交互設(shè)計(jì)融合內(nèi)容分析相應(yīng)設(shè)計(jì)科學(xué)技術(shù)內(nèi)容，更好、更深入發(fā)展網(wǎng)絡(luò)交互設(shè)計(jì)內(nèi)容，滿足人們?nèi)找嬖鲩L(zhǎng)的用戶需求。當(dāng)然，在網(wǎng)頁(yè)交互設(shè)計(jì)過(guò)程中也需要深入挖掘諸多新時(shí)代元素，避免設(shè)計(jì)過(guò)程僅僅停留在文字、圖像、版式等諸多元素方面，在靈活運(yùn)用網(wǎng)絡(luò)過(guò)程中不斷提升思維深度與思維空間，確保用戶創(chuàng)造更好交互體驗(yàn)平臺(tái)與平臺(tái)內(nèi)容，學(xué)會(huì)更為主動(dòng)、自由地欣賞，并參與到多樣化交互的各色藝術(shù)產(chǎn)品之中，提高網(wǎng)絡(luò)交互設(shè)計(jì)價(jià)值。在本文看來(lái)，網(wǎng)絡(luò)交互設(shè)計(jì)的視覺(jué)體驗(yàn)與視覺(jué)元素是不可分割的，二者在網(wǎng)頁(yè)交互設(shè)計(jì)中也不可或缺，必須同步、同時(shí)考慮。