網(wǎng)絡交互設計的視覺體驗及其視覺元素設計評價

賈 健

檀國大學，韓國 龍仁 16890

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

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

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

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

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

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

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

二、網(wǎng)絡交互設計的視覺體驗與視覺元素設計

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

（一）網(wǎng)絡交互設計的視覺體驗

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

（二）網(wǎng)絡交互設計的視覺體驗條件分析

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

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

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

（一）網(wǎng)絡交互設計的現(xiàn)存問題

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

（二）網(wǎng)絡交互設計的視覺元素

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

1.色彩視覺元素分析

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

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

2.圖像視覺元素分析

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

3.文字字體視覺元素設計

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

4.版式視覺元素設計

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

四、總結(jié)

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