網(wǎng)頁界面設(shè)計(jì)中情感化設(shè)計(jì)因素探究

宋秀賢

摘要：網(wǎng)頁界面作為信息傳遞的窗口，是瀏覽者上網(wǎng)獲取信息的主要平臺(tái)。本文主要通過界面設(shè)計(jì)分析、情感化設(shè)計(jì)分析并結(jié)合案例分析，闡述網(wǎng)頁界面情感化設(shè)計(jì)的體現(xiàn)。

關(guān)鍵詞：情感；情感化設(shè)計(jì)；界面設(shè)計(jì)

在互聯(lián)網(wǎng)高速發(fā)展的信息技術(shù)時(shí)代，隨著人們的審美標(biāo)準(zhǔn)不斷提高，對(duì)網(wǎng)頁界面的設(shè)計(jì)也提出了更高的要求，好的網(wǎng)頁界面設(shè)計(jì)絕不是簡(jiǎn)單地疊加網(wǎng)頁的各構(gòu)成要素，還需要設(shè)計(jì)師從藝術(shù)構(gòu)成和欣賞的角度把各個(gè)要素有機(jī)結(jié)合起來。只有充分滿足功能性、便捷性、趣味性和人性化設(shè)計(jì)的網(wǎng)頁才能夠更吸引人，給予瀏覽者積極的情感激勵(lì)，提高瀏覽者的興趣并激發(fā)學(xué)習(xí)的熱情，讓瀏覽者在快樂輕松愉悅的氛圍中學(xué)習(xí)。

l 網(wǎng)頁界面設(shè)計(jì)分析

網(wǎng)頁界面設(shè)計(jì)，是在有限的屏幕空間上將視聽的多種元素有機(jī)并有序地排列組合起來，并同時(shí)將理性思維通過個(gè)性化地傳達(dá)于法展現(xiàn)出來的設(shè)計(jì)。不同的界面風(fēng)格在傳達(dá)信息時(shí)會(huì)給瀏覽者在感官上賦予不同的美感，帶來完全不同的精神享受。網(wǎng)頁界面設(shè)計(jì)風(fēng)格的最初定位主要取決丁它的目標(biāo)人群和潛在群體，搜索類型的網(wǎng)站界面大多簡(jiǎn)潔明了，如百度、谷歌等；服務(wù)類型的網(wǎng)站界面大多豐富多彩，如淘寶網(wǎng)、亞馬遜等；展示個(gè)人風(fēng)格的網(wǎng)站界面大多華麗怪異；公司企業(yè)網(wǎng)站界面大多嚴(yán)肅端莊。網(wǎng)站的類型一經(jīng)確定，就可以設(shè)計(jì)其界面風(fēng)格。

2 情感化設(shè)計(jì)分析

所謂情感化設(shè)計(jì)，就是將情感通過設(shè)計(jì)要素融入設(shè)計(jì)作品中，在用戶欣賞、使用設(shè)計(jì)作品的過程中激發(fā)用戶的聯(lián)想，產(chǎn)牛共鳴，獲得精神上的愉悅和情感上的滿足。情感化設(shè)計(jì)的關(guān)鍵在丁關(guān)注人的情感需求，追求人的精神層面，在設(shè)計(jì)時(shí)融人情感因素，使蘊(yùn)含豐富情感的設(shè)計(jì)作品更加深入人心，從而使作品博得大眾的喜愛。人們對(duì)設(shè)計(jì)作品的喜好往往能夠反映出各自的情感，通過情感化設(shè)計(jì)，不但可以建立起設(shè)計(jì)作品與用戶的情感關(guān)系，還能夠產(chǎn)牛強(qiáng)烈的互動(dòng)效果，使用戶獲得內(nèi)心對(duì)設(shè)計(jì)作品的依戀，進(jìn)而將短時(shí)關(guān)注轉(zhuǎn)換為長(zhǎng)期的使用。

3 情感化設(shè)計(jì)因素在網(wǎng)頁界面設(shè)計(jì)中的體現(xiàn)

3.1 簡(jiǎn)潔明快的版式設(shè)計(jì)

網(wǎng)頁界面版式設(shè)計(jì)的成功與否在丁它能否有利丁信息傳達(dá)以及能否讓瀏覽者產(chǎn)牛視覺記憶。一是在通過對(duì)界面分割區(qū)域進(jìn)行版式設(shè)計(jì)時(shí)，既要考慮網(wǎng)頁的主次分明，重點(diǎn)突出，又要考慮瀏覽者的視覺感受和思維習(xí)慣，能讓瀏覽者第一時(shí)間抓住網(wǎng)頁的重點(diǎn)內(nèi)容，高效獲取有用信息。二是在通過搭配文字、圖片、色彩及多媒體元素進(jìn)行版式設(shè)計(jì)時(shí)，既要考慮各元素的大小、形態(tài)、色彩各自的特征以及它們之間的變化統(tǒng)一、節(jié)奏規(guī)律，還要通過適當(dāng)留白的手法以達(dá)到界面整體的視覺平衡，既突出主體內(nèi)容，又不會(huì)讓用戶感到空泛。無論怎樣的版式設(shè)計(jì)，都以達(dá)到讓瀏覽者高效獲取信息為曰的，通過簡(jiǎn)潔明快、舒適自然的版式設(shè)計(jì)增進(jìn)瀏覽者對(duì)網(wǎng)頁內(nèi)容的理解性和記憶性。

3.2 特色鮮明的色彩搭配

在視覺表現(xiàn)中，色彩帶給人們的視覺沖擊力是最強(qiáng)的，它能夠在第一時(shí)間吸引人們的關(guān)注。不同色彩會(huì)給人不同的心理暗示，如紅色讓人感覺熱情興奮，綠色讓人感覺平靜清新，紫色讓人感覺典雅高貴，而黑色會(huì)讓人感覺沉穩(wěn)厚重等等。網(wǎng)頁界面色彩的合理搭配是跟網(wǎng)站的類型和性質(zhì)密切相關(guān)的，網(wǎng)頁的界面色彩一定要做到特色鮮明，主題突出，才能讓人產(chǎn)牛與眾不同的感受，給人留下深刻的印象。例如，在高校服務(wù)管理機(jī)構(gòu)的網(wǎng)頁界面設(shè)計(jì)中，黨校、組織部、宣傳部、團(tuán)委等相關(guān)的部門網(wǎng)站都較多采用紅色系，以突…黨團(tuán)組織的標(biāo)志；招牛處、就業(yè)處、學(xué)生工作處、關(guān)工委等相關(guān)的網(wǎng)站則較多采用藍(lán)色系和綠色系，以突出朝氣蓬勃的氣息；離退休工作處則可采用黃昏色彩，以突出網(wǎng)站服務(wù)的對(duì)象。

3.3 設(shè)計(jì)精巧的圖形圖像

圖形圖像作為一種視覺語言符號(hào)，能夠在傳達(dá)信息的同時(shí)，激發(fā)人們的各種情感。通過對(duì)圖形圖像的加工處理使其富有逼真性和充滿想象性，可以激發(fā)瀏覽者的無限想象力，以藝術(shù)符號(hào)的方式去傳達(dá)信息的意義和象征性，提高瀏覽者的情感體驗(yàn)。因?yàn)閳D形較之丁文字可以進(jìn)行更好的情感表達(dá)，很多時(shí)候人們更熱衷丁去看設(shè)計(jì)精巧、充滿寓意的圖片，而不喜歡去閱讀純文字的長(zhǎng)篇大論，它容易讓人產(chǎn)生視覺疲勞，進(jìn)而放棄閱讀。而圖形不一樣，它的每一種形狀都蘊(yùn)含了不同的情感，如網(wǎng)形讓人感覺飽滿，方形讓人感覺穩(wěn)重，倒三角形讓人感覺不穩(wěn)定，曲線讓人感覺到節(jié)奏和律動(dòng)，直線讓人感覺到剛硬。通過點(diǎn)、線、面的結(jié)合，又可以創(chuàng)造出不同的情感，讓我們產(chǎn)生情感變化，真正進(jìn)入到內(nèi)容當(dāng)中。

3.4 體貼流暢的文字編排

文字是網(wǎng)頁組成元素中不可或缺的一部分，它是最直觀的傳遞信息的視覺符號(hào)，在對(duì)網(wǎng)頁界面進(jìn)行文字設(shè)計(jì)與編排時(shí)，我們需要結(jié)合文字的字體形態(tài)、文字的表達(dá)和文字的表現(xiàn)形式三個(gè)方面來進(jìn)行情感化設(shè)計(jì)，達(dá)到體貼流暢的效果，讓用戶輕松獲取信息，提高用戶體驗(yàn)感。

（1）字體形態(tài)方面。時(shí)下流行的中文字體多種多樣，不同字體有各自的形態(tài)特征，字體的最大特點(diǎn)就是每種字體都給人帶來不同的情感和風(fēng)格屬性。例如，宋體方中有網(wǎng)，剛?cè)嵯酀?jì)，既典雅莊重，又不失韻味靈氣，從視覺角度來說，宋體閱讀最省日力，不易造成視覺疲勞，具有很好的易讀性和識(shí)別性，既適用丁標(biāo)題更適用丁文本段落。

（2）文字表達(dá)方面。在界面設(shè)計(jì)時(shí)，文字的表達(dá)要盡量做到通俗易懂，有足夠的親切感，讓用戶白然而然產(chǎn)生互動(dòng)的愿望，有舒心愉悅的體驗(yàn)。

（3）文字表現(xiàn)形式方面。靜態(tài)文字是網(wǎng)站信息傳遞的首選，它穩(wěn)定、容量小、技術(shù)支持低。視覺上讓我們一日了然，閱讀起來思路清晰，帶給用戶穩(wěn)定的情緒。動(dòng)態(tài)文字的情感表達(dá)源丁運(yùn)動(dòng)節(jié)奏而產(chǎn)牛，通過視覺表現(xiàn)呈現(xiàn)給用戶不同的感受，是一種新型的文字表現(xiàn)形式。所以，動(dòng)靜結(jié)合的文字表現(xiàn)形式更能展現(xiàn)網(wǎng)站的牛命力，

3.5 輕松愉快的用戶體驗(yàn)

隨著網(wǎng)站數(shù)量的層出不窮，人們更多的追求有著輕松愉快用戶體驗(yàn)的網(wǎng)站。網(wǎng)頁界面設(shè)計(jì)師的工作不僅僅是合理設(shè)計(jì)編排網(wǎng)頁元素，而是把追求的重點(diǎn)轉(zhuǎn)向致力丁進(jìn)行易用的界面設(shè)計(jì)。我們可以發(fā)現(xiàn)，如今的網(wǎng)頁界面呈現(xiàn)的網(wǎng)頁元素越來越多樣化，從單一的文字界面到圖形界面，再到多種多媒體元素結(jié)合的界面，都是為了適應(yīng)不同用戶不同閱讀方式的設(shè)計(jì)體現(xiàn)，這在很大程度上幫助了用戶在瀏覽網(wǎng)站時(shí)能夠方便、快捷、高效地獲取信息，增強(qiáng)用戶輕松愉悅的體驗(yàn)。

4 結(jié)束語

隨著互聯(lián)網(wǎng)的高速發(fā)展，網(wǎng)頁成為了非常重要的信息傳播載體，人們對(duì)網(wǎng)頁界面審美標(biāo)準(zhǔn)越來越高，要求網(wǎng)頁界面設(shè)計(jì)師應(yīng)該從人性化的角度來更好的考慮設(shè)計(jì)問題。好的網(wǎng)頁界面設(shè)計(jì)應(yīng)該擁有簡(jiǎn)潔明快的版式設(shè)計(jì)、特色鮮明的色彩搭配、設(shè)計(jì)精巧的圖形圖像、體貼流暢的文字編排以及輕松愉快的用戶體驗(yàn)等特點(diǎn)，以增強(qiáng)用戶的學(xué)習(xí)興趣，享受輕松快樂的學(xué)習(xí)氣氛，提高用戶滿意度。