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

黃小冬

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

關(guān)鍵詞：用戶體驗;網(wǎng)頁設計;視覺傳達設計;應用

引言

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

一、相關(guān)概念

（一）用戶體驗

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

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

（二）網(wǎng)頁界面設計

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

二、視覺傳達設計在網(wǎng)頁界面設計之中具體應用

（一）界面布局

1.基本元素

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

2.界面空白

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

3.界面內(nèi)容

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

4.界面板式

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

（二）界面色彩

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

1.色彩搭配原則

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

2.色彩搭配技巧

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

三、結(jié)語

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

參考文獻

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

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

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