研究基于用戶體驗效果基礎上的網頁視覺傳達設計

黃小冬

摘 要：本文主要以視覺傳達設計作為著手點，從心里學角度進一步分析了當前視覺傳達下網頁的布局、色彩等方面，在當前交互時代下，網站設計師如何在保障界面美觀且具備設計感的同時使得用戶體驗更加良好，更加貼合用戶審美與習慣。

關鍵詞：用戶體驗;網頁設計;視覺傳達設計;應用

引言

隨著社會的不斷發展，人們的生活質量得到了進一步的提升，在審美方面也產生了較大的變化并且有了一定的提升。隨著人們審美能力的提升，使得人們對“美”有了轉求，因此，人們在進行網上閱讀與資料查詢之時之時，會被網頁上具有強烈視覺效果、其具備設計感的部分吸引。在這個時候，一些只注重美感的網頁就會在幾秒鐘之內失去客戶。這是因為這些網頁的設計只注重美感，卻忽略了以用戶體驗感為主這一設計原則，或許是使得用戶想要了解的內容與查找方式更加復雜，或許是使得用戶閱讀辛苦費神，給用戶帶來了思考上的負擔，從而使得用戶體驗感極差，失去用戶。

一、相關概念

（一）用戶體驗

用戶體驗是指主觀的，在使用產品的過程之中的感受。主要目標是通過用戶便于接受以及喜愛的方式與用戶之間進行互動。被大家廣泛認知是在二十世紀九十年代中期。當前，相關研究者研究用戶體驗大多是從有用、易用、友好以及吸引力這四方面進行的。

網站的用戶體驗是根據網站自身的特色以及針對人群進行設計的。例如，購物類網站，用戶所需的主要是可以準確的找到自己感興趣或者想要購買的物品，并且可以及時與客服進行溝通，順利付款等等，此類網站只需要數據庫強大，線上服務等系統完善就可以給用戶提供好的體驗感。

（二）網頁界面設計

它是隨著社會的發展以及科技的進步發展起來的。其中所涵蓋的內容比較豐富，包括有消費者心理學、營銷、視覺傳達設計、計算機信息化技術等等。網頁設計從心理學來看，可以分為感覺與情感兩部分，從技術上來看具備數字多媒體化特點，而從傳播方面來看，具備快速廣泛、交互等特點。因其特殊性，它不僅具備平面設計的特點，同時又擁有其自身的獨特性。

二、視覺傳達設計在網頁界面設計之中具體應用

（一）界面布局

1.基本元素

網頁設計屬于平面設計，其基本元素基本上由點線面三元素組成。網頁的界面布局就是在網頁空間內處理好它們三元素之間的關系，使得其合理構成形成美觀的界面。點元素的不同使用會給予人不同感受，比如，自由排列下的點元素會給予人浪漫渙散的感覺;而豐富有序的點則會產生一種細膩感。直線給予人干凈爽快的感覺;曲線則給予人連綿柔軟的感覺等等。

2.界面空白

界面空白是網頁界面設計之中的關鍵構成部分，它可以在一定程度上引導用戶按照設計者的預設軌跡進行移動。不單單這樣，空白還可以起到引導用戶實現從一個要素轉移到另外一個的同時使得界面更加具備韻律感，給予用戶一個輕松自在的閱讀氛圍，避免因為界面過于豐富出現疲勞的現象。而且空白這一設計手法比較難，它雖然可以使得網頁的界面更加大氣簡約，但是假如設計者將其生硬的應用在其中，就會大幅度降低空白的作用與表現力，使得網頁空間被浪費。

3.界面內容

過多的文字會使得用戶頭暈目眩且單調乏味。因此，在進行網頁界面設計之時，應當注意元素的搭配使用，將主要內容進行整理之后，為其配上視頻或圖片，使得頁面內容更加豐富，圖文并茂。并且在網頁界面設計之中，文字內容應當盡量簡單易讀，圖片也需要簡單識別，盡量減少這兩類元素帶給用戶的視覺上的刺激與沖擊。

4.界面板式

網頁界面之中的板式設計與傳統的板式設計有許多相似之處，作為其中呈現信息的重要部分，界面版式設計極其重要。它與傳統的讀物有所不同，并沒有固定的尺寸與規格，組織結構也不同，網頁界面之中的版式設計是一個整體，其中包含文字、圖片、聲音是屁以及廣告等等，內容比較繁雜。因此，在網頁界面板式設計之中應當遵守三個基本的設計原則：裝飾性、單一性以及趣味性。其一，是指借助夸張、比喻等手法通過三要素進行組合與裝飾，使得界面具備美觀性;其二，網頁設計屬于信息編碼的一部分，這一過程之中過于復雜的元素會增加用戶的閱讀困難與思考負擔，因此，網頁界面的版式設計應當做到大氣簡約，將主要信息資源進行簡練化之后在進行排版;最后，網頁排版應當保障網頁界面富有活力與趣味性，使得網頁更加人性化，給予用戶深刻且良好的用戶體驗。

（二）界面色彩

在網頁界面之中，色彩會給予用戶第一視覺體驗。當一個用戶在使用陌生網頁的時候，第一眼關注的不是設計，而是色彩。一個有特色的色彩搭配會給予客戶深刻的印象，但是當前許多網頁設計都被色彩搭配這一問題所困擾，經常會出現由于色彩之間不協調的現象使得用戶體驗感大打折扣。

1.色彩搭配原則

色彩搭配具有整體性、適應性以及獨特性這三個原則。首先，需要保障網站頁面具備整體性，同一個網站可以在不同頁面設計之中，采取統一色調的設計，或者在局部采取相同的顏色，以此來保障頁面設計和諧統一;其次，色彩飽和度、明度以及色相的不同都會影響到用戶的情感與心理感受，因此，網站設計應當選擇符合自身主題的色彩。比如教育類，應當選取藍色、灰色等使人冷靜思考的色彩;兒童類則應當豐富絢爛，選取飽和度與明度較高的色彩等等。另外，網站界面顏色的選擇也應當考慮到用戶的審美傾向。最后，網站色彩搭配還應該具備獨特性，除了一些迎合大眾審美的色彩之外，一些比較獨特的搭配也可以給網站吸引一部分用戶。

2.色彩搭配技巧

在色彩搭配上應當注重主色調與輔助色的使用。其一，主色調，是指設計之中使用最多的顏色，并且只能選取一種顏色作為其主色調，避免出現看不到重點的現象;其二，輔助色，是指與主色相近的顏色，它主要作用是緩沖，使得界面可以更加和諧。

三、結語

當前網絡上網頁信息傳遞媒介與以往傳統信息傳遞媒介對比而言，網頁用戶比較容易產生疲勞感，而且在使用過程之中，對于信息的理解也會由于設計人員的主觀意念出現差異。網頁之中的視覺傳達設計是用戶與網頁信息之間的媒介，可以幫助用戶高效快速的獲取想要了解的信息資源，給予用戶良好的體驗感。設計人員在進行設計的過程之中，以當將用戶作為其設計宗旨，以提升用戶體驗為主，使得網頁具備美觀性的同時具備較高的體驗感。

參考文獻

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

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

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