網(wǎng)頁視覺設(shè)計(jì)是隨著互聯(lián)網(wǎng)發(fā)展而產(chǎn)生的, 將用戶對(duì)網(wǎng)站主題的需要作為出發(fā)點(diǎn), 從符合用戶視覺審美的角度對(duì)網(wǎng)頁各種構(gòu)成要素進(jìn)行設(shè)計(jì), 以技術(shù)和藝術(shù)修養(yǎng)為基礎(chǔ)的具有創(chuàng)造性的思維活動(dòng)。網(wǎng)頁作為信息傳播的重要載體, 因其具有快速性、便捷性等特點(diǎn), 成為當(dāng)下具有影響力的傳播媒介與傳播工具。隨著社會(huì)的不斷發(fā)展, 人們?cè)跐M足信息獲取的同時(shí), 更注重對(duì)產(chǎn)品的體驗(yàn)度。網(wǎng)頁作為信息傳播的重要載體, 不僅在視覺形式與視覺審美方面具備了傳統(tǒng)視覺產(chǎn)達(dá)設(shè)計(jì)的基本視覺特征, 在內(nèi)容和形式上更具有多元化的風(fēng)格, 以及多樣化、多維度藝術(shù)表現(xiàn)形式, 在其功能性方面體現(xiàn)出獨(dú)特的個(gè)性化特征, 主要表現(xiàn)在以下方面:
交互性。網(wǎng)頁設(shè)計(jì)的出現(xiàn)打破了傳統(tǒng)紙媒的單一化視覺體驗(yàn), 使人們?cè)跐M足信息獲取的同時(shí), 更注重產(chǎn)品互動(dòng)交流的體驗(yàn)感。網(wǎng)頁中的視覺元素具有強(qiáng)烈的視覺感知效果, 可以更直觀地增加用戶與網(wǎng)頁的互動(dòng)交流。
生動(dòng)性。網(wǎng)頁設(shè)計(jì)不僅具有平面視覺元素的靜態(tài)效果, 它還可以將聲音、動(dòng)畫等多媒體元素進(jìn)行綜合表現(xiàn), 具有很強(qiáng)的生動(dòng)性。特別是隨著網(wǎng)絡(luò)技術(shù)的發(fā)展, 網(wǎng)頁設(shè)計(jì)更加注重交互體驗(yàn)的設(shè)計(jì), 極大地豐富了網(wǎng)頁的視覺效果, 提升了其生動(dòng)性和功能性。
多維度。網(wǎng)頁設(shè)計(jì)利用其視覺展示的相對(duì)全面性, 以及新媒體技術(shù)的廣泛應(yīng)用, 使網(wǎng)頁設(shè)計(jì)能夠?qū)⑸?、文字、圖形等視覺元素進(jìn)行綜合處理, 通過靜態(tài)和動(dòng)態(tài)結(jié)合、虛擬交互等形式, 實(shí)現(xiàn)多維度的信息傳遞與視覺呈現(xiàn), 以及信息傳播載體的多元化。
網(wǎng)頁設(shè)計(jì)始終要以用戶為中心, 提高用戶的體驗(yàn)性, 其中一個(gè)重要方面就是網(wǎng)頁界面的視覺設(shè)計(jì)。網(wǎng)頁界面設(shè)計(jì)是各種視覺元素的綜合表現(xiàn), 通過技術(shù)手段將不同視覺元素進(jìn)行合理的視覺呈現(xiàn), 而不是對(duì)各個(gè)視覺要素的隨意編排, 需要符合藝術(shù)審美規(guī)律, 從形式的構(gòu)成法則、色彩搭配規(guī)律等方面進(jìn)行綜合的創(chuàng)意設(shè)計(jì), 使之達(dá)到渾然一體的結(jié)合。
(一) 網(wǎng)頁色彩的視覺呈現(xiàn)
網(wǎng)頁界面視覺設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)不在于色彩多與少, 而在于色彩是否能正確和完整地傳達(dá)網(wǎng)頁主體的內(nèi)涵, 是否具有針對(duì)性。色彩具有強(qiáng)烈的視覺特征, 能夠在最短的時(shí)間內(nèi)吸引受眾。同時(shí), 色彩具有不同的情感化特征, 能夠激發(fā)人的聯(lián)想和想象, 通過情感強(qiáng)化視覺形態(tài)效果, 體現(xiàn)豐富的語義和審美價(jià)值。在網(wǎng)頁界面設(shè)計(jì)中應(yīng)該充分利用色彩的情感屬性和視覺特性進(jìn)行創(chuàng)意構(gòu)思, 讓用戶在瀏覽網(wǎng)頁時(shí)獲得最佳的體驗(yàn)感。
1. 從用戶體驗(yàn)需求出發(fā), 網(wǎng)頁色彩設(shè)計(jì)應(yīng)該符合用戶的審美需求。
在色彩使用上要保證網(wǎng)頁色彩的整體對(duì)比和諧統(tǒng)一, 避免出現(xiàn)過于強(qiáng)烈、不和諧的色彩搭配, 色彩整體搭配應(yīng)該符合網(wǎng)頁的整體風(fēng)格和類型。通過不同的色彩設(shè)計(jì)來滿足用戶對(duì)網(wǎng)頁的使用需求, 讓用戶在體驗(yàn)過程中留下深刻印象, 以此提升用戶對(duì)網(wǎng)頁的好感和回訪率。在設(shè)計(jì)上應(yīng)注重簡潔、明快的視覺效果, 避免色彩過于豐富而引起視覺混亂, 甚至是誤導(dǎo)用戶的體驗(yàn)操作。針對(duì)不同用戶的網(wǎng)頁要有不同的色彩設(shè)計(jì)搭配, 要充分滿足各個(gè)用戶群體對(duì)網(wǎng)頁的體驗(yàn)需求, 在色彩設(shè)計(jì)中還要考慮不同人群以及地域文化的差異性。
2. 從用戶體驗(yàn)心理出發(fā), 網(wǎng)頁色彩設(shè)計(jì)應(yīng)該符合用戶的心理預(yù)期。
當(dāng)色彩在觸發(fā)人們心理感受的同時(shí), 也構(gòu)成了人類行為的內(nèi)在要素, 將潛意識(shí)中存在的愿望表現(xiàn)在行動(dòng)上, 影響用戶的消費(fèi)欲和享受欲。從色彩的情感屬性出發(fā), 闡明不同色彩可以給用戶帶來什么樣的心理映射。如在一些政府官方的網(wǎng)頁色彩搭配上, 往往都是以藍(lán)色、白色等色彩搭配為主, 整體感覺比較正式、莊重和嚴(yán)肅。在一些購物網(wǎng)站的網(wǎng)頁界面視覺設(shè)計(jì)中往往以紅色和橙色為主色調(diào), 既烘托了網(wǎng)頁的氛圍, 又能夠刺激用戶的購買欲望。色彩具有強(qiáng)烈的視覺表現(xiàn)力和情感表達(dá)作用, 應(yīng)該充分利用色彩的情感屬性, 設(shè)計(jì)出既有獨(dú)特視覺效果又能夠引發(fā)用戶情感共鳴的網(wǎng)頁。
(二) 網(wǎng)頁文字的編排設(shè)計(jì)
文字在視覺設(shè)計(jì)中是一種重要的元素符號(hào), 它不僅能夠起到說明和解釋的作用, 也是用戶獲取信息的重要形式。在網(wǎng)頁中具體的信息內(nèi)容往往是通過文字來實(shí)現(xiàn)解答的, 文字的大小、色彩、排列、形式等都決定著用戶對(duì)網(wǎng)頁的體驗(yàn)感受。在文字設(shè)計(jì)排列上應(yīng)該從用戶的需求出發(fā), 注重字體的易識(shí)別、簡潔化, 避免在網(wǎng)頁中出現(xiàn)大量繁瑣的文字, 對(duì)用戶造成視覺障礙, 影響用戶對(duì)網(wǎng)頁信息的獲取。同時(shí)也要避免對(duì)文字色彩的過分夸張表現(xiàn)和過多使用, 導(dǎo)致網(wǎng)頁雜亂無序, 影響用戶的閱讀、瀏覽情緒, 降低網(wǎng)頁品位。在字體形式設(shè)計(jì)上, 應(yīng)使用易于識(shí)別和美觀的字體, 通過將文字圖形化、形象化、藝術(shù)化設(shè)計(jì), 讓界面變得豐富且具有內(nèi)涵并能與主題和諧統(tǒng)一。在滿足文字信息傳播功能的同時(shí), 應(yīng)該注重用戶的審美需求, 從而提升用戶對(duì)網(wǎng)頁的認(rèn)可度。在文字的編排設(shè)計(jì)中應(yīng)該注意主次、大小、疏密、虛實(shí)等視覺對(duì)比, 以及標(biāo)題字體與內(nèi)容字體的形態(tài)差異, 提高用戶在網(wǎng)頁瀏覽時(shí)的理解力, 讓用戶在短時(shí)間內(nèi)獲取信息, 達(dá)到最佳的體驗(yàn)效果。
(三) 網(wǎng)頁圖形的創(chuàng)意構(gòu)思
讀圖時(shí)代的到來, 人們傾向于在瀏覽網(wǎng)頁時(shí)使用圖形來識(shí)別和獲取信息。在網(wǎng)頁圖形的創(chuàng)意構(gòu)思上應(yīng)該追求簡潔化, 以扁平化的極簡主義圖形為主, 避免圖形過于強(qiáng)調(diào)裝飾的形式化, 失去信息的有效傳達(dá), 影響用戶的使用效率。要突出主題, 注重圖形在網(wǎng)頁設(shè)計(jì)中視覺美感的表達(dá), 在滿足用戶視覺審美的同時(shí), 能夠留下深刻的印象。圖形往往比文字更具直觀性, 在圖形創(chuàng)意中應(yīng)該讓圖像具有很好的趣味性、形象性和審美性。在圖形的使用中要明確主題, 便于用戶能夠快速識(shí)別廣告圖形的涵義, 減少過多的干擾元素, 使用戶在瀏覽和使用網(wǎng)頁時(shí), 能夠獲得更多的視覺沖擊力, 體驗(yàn)到獨(dú)特個(gè)性化的視覺盛宴。
(四) 網(wǎng)頁版式的合理布局
網(wǎng)頁界面的版式設(shè)計(jì)是將圖形、文字、色彩等視覺元素進(jìn)行構(gòu)成設(shè)計(jì), 達(dá)到一種視覺均衡的審美效果, 既要美觀, 又要實(shí)用。網(wǎng)頁界面視覺元素的編排設(shè)計(jì)決定網(wǎng)頁整體視覺效果的呈現(xiàn), 以及能否給用戶留下深刻的印象, 提高用戶對(duì)網(wǎng)頁的回訪率。基于人們對(duì)網(wǎng)頁體驗(yàn)的視覺需求, 營造具有良好視覺體驗(yàn)的網(wǎng)頁界面是獲取用戶的重要方法。網(wǎng)頁的視覺元素是用戶獲取信息的直接載體, 只有滿足用戶體驗(yàn)需求的合理設(shè)計(jì)才能吸引用戶的注意力。
四、基于用戶體驗(yàn)的網(wǎng)頁界面視覺元素價(jià)值體現(xiàn)
個(gè)性化的視覺設(shè)計(jì)將會(huì)給用戶帶來獨(dú)特的視覺體驗(yàn)效果, 能夠更好地滿足用戶對(duì)網(wǎng)頁功能需求和自我的審美、情感需求。
(一) 塑造形象, 提升網(wǎng)頁的視覺效果
網(wǎng)頁界面主要是由不同視覺元素構(gòu)成的界面形式, 通過對(duì)視覺元素的合理設(shè)計(jì), 能夠有效提升網(wǎng)頁的視覺效果, 吸引更多受眾, 以此提升整個(gè)品牌的視覺形象。個(gè)性化視覺形象的網(wǎng)頁界面設(shè)計(jì), 往往能夠吸引用戶對(duì)網(wǎng)頁的關(guān)注, 提升用戶對(duì)網(wǎng)頁的體驗(yàn)度。
(二) 視覺刺激, 實(shí)現(xiàn)信息的有效傳播
隨著各種移動(dòng)媒體客戶端的普及應(yīng)用, 網(wǎng)頁設(shè)計(jì)要想吸引更多的用戶關(guān)注, 必須從用戶心理需求出發(fā), 通過獨(dú)特的視覺表現(xiàn)來刺激用戶。當(dāng)網(wǎng)頁能夠真正打動(dòng)用戶的時(shí)候, 其實(shí)已經(jīng)實(shí)現(xiàn)了其功能價(jià)值, 因?yàn)槿藗冮_始關(guān)注它, 了解它, 也就實(shí)現(xiàn)了信息的有效傳播。
(三) 情感觸動(dòng), 滿足用戶的審美愉悅
網(wǎng)頁界面中的視覺元素, 不僅是一種視覺藝術(shù)符號(hào), 也承載著網(wǎng)頁與用戶交流的媒介作用。用戶在使用網(wǎng)頁獲取信息時(shí), 也就是和網(wǎng)頁的交流體驗(yàn), 是思想和情感的交流互動(dòng)。視覺元素設(shè)計(jì)既能滿足用戶的審美愉悅, 也實(shí)現(xiàn)網(wǎng)頁自身的功能價(jià)值。