網絡交互設計的視覺體驗及其視覺元素設計評價

賈 健

檀國大學，韓國 龍仁 16890

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

一、互聯網與網絡交互設計的基本內涵與發展現狀

（一）互聯網與網絡交互設計的基本內涵

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

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

（二）互聯網與網絡交互設計的基本發展現狀

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

二、網絡交互設計的視覺體驗與視覺元素設計

網絡交互設計的視覺體驗與視覺元素表現相當豐富，下文分別來談：

（一）網絡交互設計的視覺體驗

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

（二）網絡交互設計的視覺體驗條件分析

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

三、網絡交互設計的視覺元素分類與現存問題

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

（一）網絡交互設計的現存問題

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

（二）網絡交互設計的視覺元素

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

1.色彩視覺元素分析

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

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

2.圖像視覺元素分析

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

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

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

4.版式視覺元素設計

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

四、總結

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