淺析用戶體驗視角下的網頁視覺傳達設計

方 超（三亞學院藝術學院 572000）

淺析用戶體驗視角下的網頁視覺傳達設計

方 超（三亞學院藝術學院 572000）

隨著時代和科技的發展，互聯網用戶的數量逐漸增多，因此網頁視覺傳達設計顯得尤為重要。本文把提高網站用戶體驗作為研究的主線，通過心理學特性下的一些方面對視覺傳達進行了切入，分析了當前雙向互動背景下網站開發者如何把界面的美觀和用戶的習慣與審美期望進行結合來減少用戶的思考負擔，希望能夠為以用戶的體驗為中心的設計提供一定的理論依據。

用戶體驗；視覺傳達；界面設計

引言

隨著社會的進步，人們的審美能力也不斷提高，展開了對美的追逐，因此有些視覺沖擊力強大而且版式新穎的網頁通常會引起人們更多的關注。通常情況下這些網頁一味的追求美觀，使得用戶了解其內容變得復雜而不利于用戶的快速查找或者不利于用戶的輕松閱讀，這給用戶造成了很大的思考負擔，進而給他們帶來了很差的體驗。

一、用戶體驗

用戶體驗是主觀存在的，它是用戶在使用產品的過程中的感受。目的就是通過用戶能夠接受并且喜愛的互動方式與之進行互動。用戶體驗這一概念是在二十世紀九十年代中期廣泛被認知的。這其中，以上手的難易程度、產品的可用度、產品自身的吸引力和友好度等幾個方面為研究對象的方法被多數學者所采用。

廣泛的客戶群眾存在個體的差異性，為了滿足客戶大眾的多樣化需求，就要在網站的服務設計上下足功夫。舉例來說，瀏覽和使用網購類網站的客戶多半會選擇自主查找其中意的商品，而在查找遇到問題或者為了節省時間時，客戶會考慮聯系客服進行付款。因此，針對這類客戶，要在網站設計時設計完整的查找和支付程序，為客戶提供更為便捷的服務。這僅僅需要網站具有鮮明的層次、強大的數據庫、擁有即時通訊和線上服務就可以滿足。

二、網頁界面設計

隨著網絡的逐漸普及，網絡界面設計應運而生，其中包括了語言學、視覺設計美學、消費心理學等諸多學科的知識。網頁界面設計在心理學方面可以分為情感和感覺兩個層次；在技術上具有多媒體、視覺化和數字化的特征；在傳播方面它擁有互換性、廣泛性、多元化和個性化等特征。由于網頁設計的媒介具有一定的特殊性，因此它不僅具有平面設計的一般特征，而且其自身也有著別具一格的設計特性。對于網頁界面設計來說，它是一項系統性的工作，需要結合各方面的需求來進行設計，因此考慮的因素也是多方面的，同時也考驗設計師的綜合素養，其設計要求復雜而多樣。能做好讓不同群里都滿意的界面效果，是一件很不容易的事情。

三、網頁中的視覺傳達

1.把握網頁視覺運動規律

因為客戶閱讀習慣的不同，在進行網頁設計時要著重考慮，有的用戶習慣于從左往右閱讀，而有的用戶習慣由上到下的順序來進行閱讀，或者是由明到暗、由動到靜的順序。這些閱讀習慣與用戶的認知過程的心里順序、邏輯思維習慣和數學生理特征有很大的關系。通過對特定用戶群體的視覺運動規律進行研究，可以幫助我們設計更好地規劃瀏覽頁面的軌跡，以便于形成帶動性的視覺導向。

2.尋找視覺的興奮點

瀏覽網頁的興奮點就是能夠讓客戶長時間停留并足以引起興趣、情感的心理共鳴的內容。通常情況下這些興奮點都具有形式獨特、顏色明快的特點，和周圍的元素能夠形成很大的反差，能給用戶起到暗示的作用。

3.體會網頁空間布局的視覺變化

一般來說，網頁頁面視覺是否平衡與頁面的區域顏色、興奮點，線條差異和圖案虛實有著直接聯系，給用戶帶來或重或輕的視覺感受。研究發現同一平面中上側和左側給人的感覺比左側和下側要好很多，因此最佳的視覺區域就處于網頁的中心和上側的位置，通常情況下網頁中的重要信息和視覺的興奮點都會位于這個區域。

4.揣摩網頁色彩應用的心理感受

通常情況下任何一種色彩都會通過聯想的作用使用戶產生情感和心理上的變化，因為生活中實踐活動的視覺影像的積累，人們往往會將所認知的事物與之前腦海中的視覺影像進行對比，產生聯想性的效果，使得抽象的事物轉為更為生動的形象。

四、將視覺傳達應用于網頁界面設計中

1.布局網頁界面的策略

（1）布局的基礎元素

細數來看，網頁設計作為平面設計的分支之一，其構成元素同樣包含平面設計的點、線、面這三個方面。而為了方便布局網頁頁面，就要處理好這三方面的關系，保證其能夠通過合理的組合表達出一定的美感。

（2）界面空白

在網頁界面設計中網頁界面的空白也是其中非常重要的一部分，它通常會對用戶的視覺軌跡進行引導，使其能夠根據設計者預期的視覺移動流程來進行移動。而且充分運用空白還能夠使用戶的視線在兩個要素之間轉換時的界面更具有節奏感和韻律感，使用戶的閱讀環境變得更加輕松，防止出現視覺疲勞情況，與此同時也大大提高了網頁的品質。

同時，空白的設計又顯得十分奢侈，但是過于追求簡約形象而應用空白的話就會大大降低空白的表現力，這不僅無法達到預期的效果，而且還會造成網頁版面得浪費。例如Apple的頁面雖然看起來十分簡約，但是其留白凸顯了產品的奢華。

（3）界面內容

如果我們在版面中加入太多文字的話就會讓人覺得十分枯燥。但是如果我們把內容通過細致的分類輔之以圖片和視頻加以突出，就會給用戶帶來一種圖文并茂形象生動的感覺。所以，設計網頁界面的過程中，既要利用清晰明亮的圖片來點綴，也要確保文字的內容可以讓用戶直接理解。

（4）界面版式設計

對于界面的版式設計來說，可以較多參考傳統的讀物設計，因為二者存在較多的共同點，版式都是呈現信息的核心部分，處于關鍵地位。不同于此，印刷品的設計有著統一的規格和尺寸，而網頁設計不必拘泥于此，并且其組織結構方面也與印刷品有著很大的不同，網頁設計以流通窗口的形式，在結合文字、圖片、廣告這三要素的基礎之上進行設計環節。在此設計環節中，需要遵循以下幾個原則：

妝點性：采用比喻、夸張和形象的方法，把點、線、面重新排列整合，利用其多樣性變化妝點文字、色彩和圖形，進而體現出網頁設計的美感。

統一性：這是為了降低信息編碼使用的符號的復雜性而需要注意的一點。因為符號解讀的難度會占用客戶較多的時間，所以單純簡約的網頁版式時用戶所需要的，在信息排版之前可以先將其濃縮提煉。

趣味性：要想使頁面變得更加誘惑力我們就需要使其具有趣味性，不僅可以使得網頁給用戶帶來更為人性化的體驗，也能夠體現網頁令人印象深刻的部分。

2.合理搭配界面的色彩

色彩對用戶的視覺沖擊是網頁界面中最關鍵的部分。通常來說，用戶在瀏覽網頁時關注的重點并非版式的設計，而是網頁對色彩的搭配，因為只有搭配合理，色彩獨特的網頁才會給用戶留下深刻的印象。但是目前來看，網頁色彩的搭配成為困擾網頁設計人員最重要的難題，這是因為布局巧妙的網頁離不開色彩的點綴，而色彩如何合理運用是體現網頁觀賞性、有效性和舒適性的重要方面。

（1）細數色彩搭配的原則

完整性；網站設計的完整性是合理完成頁面布局的關鍵，統一的色彩會使得頁面更具層次感和整體感，讓頁面帶給用戶和諧的瀏覽體驗。

獨特性：我們在進行配色時不要只局限于那些傳統的網頁配色，而應更多考慮時下最為流行的色彩，并且大膽嘗試使用獨特的配色，為用戶留下深刻的印象。

（2）巧用色彩搭配的策略

主色調的突出：因為主色調有著最為顯著的表現，這在網頁上表現為主色調占據最多的頁面面積，而關于主色調的選擇，最好是只選擇一種加以突出，防止因為選擇多個主色調而使得頁面主次不清和無視覺重點情況的發生。

輔助色的點綴：我們所說的輔助色就是與主色顏色相似將其用在主色之外頁面的顏色，它不僅可以起到強調和緩沖的作用，還可以讓界面變得更加和諧。

五、結語

同傳統媒介相比，網頁媒介中的網頁很容易讓用戶有視覺疲勞的感覺，而且使用網頁時也會因為設計者的主觀意識在信息的解讀方面產生一定的偏差。把用戶和信息通過網頁中的視覺傳達進行結合，可以幫助用戶高效快速地獲取信息，進而提高了用戶的體驗。在設計網頁時都應該圍繞用戶來進行，因為用戶的體驗是帶動網頁設計進步的重要推動力。因此，網頁的設計者需要采用換位思考的方式，更為考慮用戶的感受，避免出現只注重網頁功能體現或是只注重網頁美感的表達而讓用戶的思考負擔加重的情況。

[1]陳為.用戶體驗設計要素及其在產品設計中的應用[J].包裝工程，2011，32（4）：26-28.

[2]吳乃群，史耀軍.網頁界面設計中視覺傳達的解讀[J].藝術研究，2007（5）：11.

[3]胡蓓.網頁設計中的視覺傳達[J].電腦知識與技術，2006.

[4]薛曼君.網頁設計中的視覺傳達應用[J].深圳遠程教育，2010（12）：20- 21.