網絡交互設計的視覺體驗及其視覺元素設計探析
學術論壇
作者：張建淳
【內容摘要】視覺體驗是網絡交互藝術中最為直接和關鍵的環節，良好的視覺體驗有助於用戶更好地理解和使用網絡功能。文章從藝術設計及設計美學的角度，探析了以用戶為中心的交互視覺體驗和視覺元素設計。
【關鍵詞】網絡交互設計 視覺元素 視覺體驗
一、網絡交互設計的視覺體驗
（一）概述交互設計的視覺體驗
所謂“體驗”，就是人對物象進行觀察、分析、理解、認知後在自身生理和心理上產生的主觀感受，也可以描述為人感情的升華。用戶在瀏覽網頁的過程中會產生直觀的感受，網絡交互體驗的內容包含有對網站總體設計和使用功能的體會。一個成功的網絡交互設計會讓用戶在體驗過程中始終感到愉悅，產生感情的共鳴，這種感受和體驗是不斷升華的過程，依次是感官體驗、內心情感的體驗、行為體驗、反思體驗。
在“情感化設計”理論中將交互體驗分為三個不同的設計維度，即本能、行為和反思體驗。本能體驗包括人的視覺、聽覺以及觸覺等感官的體驗，這是用戶在交互過程中最直接明了的反應，用戶在瀏覽網頁時最先產生視覺體驗，視覺設計也是整個網絡交互設計的重要組成部分，因此網絡交互設計中必須要製定有吸引力的視覺元素。視覺元素的功能是傳遞設計者的主觀意識和藝術風格，有效的視覺元素可以成功引導使用者進行下一步操作。網絡交互設計中的視覺體驗重在舒適性和流暢性，能夠給用戶留下美好的第一印象，要在質量和類型兩方麵下功夫，認真權衡質量標準，明確歸屬網絡類型，兩方麵都要符合用戶的審美預期。
（二）影響交互設計視覺體驗的主要因素
視覺體驗是用戶在使用網頁瀏覽過程中獲得的直觀感受，是交互體驗過程的第一步。網頁設計必須具有足夠的美觀性和視覺衝擊力，給用戶留有美好印象，引導其進行更進一步的交互體驗過程。因此，交互體驗的視覺元素設計應該充分了解用戶的審美心理和認知心理以及信息的視覺符號轉換，注重文案、圖形和配色等方麵的細節，清晰流暢地表達出設計者的意願，以此來吸引用戶完成整個交互體驗過程。用戶的審美心理和認知心理是交互設計的關鍵步驟，人們習慣通過感知經驗來對抽象的事物進行認知、思維和理解，而且每個人都具有一定的審美能力，往往對形式美感較為突出的元素比較感興趣，會對其進行更深一步的了解。信息的視覺符號轉換是將交互設計者的思維和設計概念視覺化的過程，而信息接受者需要將獲得的視覺元素轉化為自身的感官體驗，也就是視覺概念化的過程。
二、網絡交互設計包含的視覺元素
在網絡交互設計和使用過程中，都需要以視覺元素作為載體來傳遞和表達設計者要表達的信息及主觀意識。視覺元素是設計者與用戶交流溝通的橋梁，無論是信息傳遞性或者操作功能性的視覺元素，其作用和功能的實現都需要可視化的視覺元素來傳遞信息，交互設計者借助可視化視覺元素來表達設計意願，可視化的視覺元素幫助用戶理解和分析信息。網絡交互設計主要包含的視覺元素有承載信息的圖形圖像、確定的文字表述、合理的顏色模式以及網頁排版和視覺形式美等。
（一）圖形、圖像
網絡交互界麵的一個發展趨勢就是圖像化，以圖形、圖像作為網頁界麵的主要信息載體，目的就是提高網頁界麵的藝術效果和彰顯獨特的設計風格。圖形、圖像元素設計要具有很強的藝術感、獨特性，直接給用戶造成強烈的視覺衝擊，增強其視覺體驗效果，引導其完成網絡交互過程。圖形、圖像之所以比文字更具有表達效果，主要是由於其獨特的藝術特性，直觀性、藝術審美性、視覺效果、動態表現以及超越地域和時空的表達都是文字表述所無法達到的。網絡交互設計中的圖形、圖像元素主要有點、線、麵的基本造型元素。
（二）文字表述
文字表述雖說無法達到圖形、圖像所表達的效果，但其在網絡交互設計中也是必不可少的。在信息接收過程中，用戶的閱讀習慣還是偏向於文字符號，而且其所占的空間比其他視覺元素要小，能節省用戶在使用過程中的瀏覽或下載時間。網絡交互視覺體驗的文字表述主要應用於信息內容、標題等。文字所表達的效果有兩個方麵，首先其本身就具有傳遞信息的作用，其次通過改變文字表述的規格、字體以及編排形式等也可以起到輔助表達的作用。網頁界麵的文字表述隻要進行合理的排列，也能產生層理清晰、形象生動的視覺傳達效果。