俞硯秋

摘要：隨著互聯(lián)網(wǎng)的普及以及計(jì)算機(jī)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)成為人們生活中必不可少的一樣?xùn)|西，同時(shí)伴隨著網(wǎng)絡(luò)發(fā)展而產(chǎn)生的關(guān)于網(wǎng)頁(yè)界面的情感化設(shè)計(jì)也逐漸成為人物關(guān)注的內(nèi)容。本文通過(guò)結(jié)合情感化的定義以及案例分析，總結(jié)出了網(wǎng)頁(yè)應(yīng)用界面情感化設(shè)計(jì)中的一些主要的關(guān)注點(diǎn)。

關(guān)鍵詞：情感化設(shè)計(jì)；網(wǎng)頁(yè)應(yīng)用界面；界面設(shè)計(jì)；情感隨著科技的發(fā)展，互聯(lián)網(wǎng)逐漸成了我們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠?，大量的信息通過(guò)互聯(lián)網(wǎng)傳播著，如何使信息更加明確化，集中化，有條理化，傳播的更加快捷方便，儼然成為人們關(guān)注的主題。這一種新的傳播媒介的產(chǎn)生，不僅顛覆了傳統(tǒng)媒介的傳播速度慢，介質(zhì)復(fù)雜等缺點(diǎn)，將時(shí)效性、迅捷性、廉價(jià)性、傳播廣泛性等多重優(yōu)勢(shì)集為一體，成為人們?nèi)粘Ｉ畹男聦櫋Ｔ谝郧?，網(wǎng)頁(yè)應(yīng)用界面的設(shè)計(jì)大多是由程序員或者其他技術(shù)人員來(lái)完成，往往設(shè)計(jì)出的網(wǎng)頁(yè)在功能方面很強(qiáng)大，但是大多千篇一律，毫無(wú)美感。而如今，這種模式逐漸在改變，分工也逐漸細(xì)化，無(wú)論從網(wǎng)站的結(jié)構(gòu)規(guī)劃還是視覺(jué)方面都有了較大的進(jìn)步。但是，隨著網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，人們對(duì)網(wǎng)頁(yè)界面的審美標(biāo)準(zhǔn)也逐漸提高，不僅僅滿足于網(wǎng)頁(yè)界面的功能性和便捷性，而將更多的注意力集中在了網(wǎng)頁(yè)的趣味性以及人性化設(shè)計(jì)性等方面，網(wǎng)頁(yè)界面設(shè)計(jì)是否吸引人，是否能給人帶來(lái)愉悅感儼然成了當(dāng)代人們?cè)u(píng)判一個(gè)網(wǎng)站好壞的標(biāo)準(zhǔn)。

1網(wǎng)頁(yè)應(yīng)用界面的概念

“網(wǎng)頁(yè)應(yīng)用全稱是網(wǎng)頁(yè)應(yīng)用程序（簡(jiǎn)稱 Web app），是一種使用網(wǎng)頁(yè)瀏覽器在互聯(lián)網(wǎng)或企業(yè)內(nèi)部網(wǎng)上操作的應(yīng)用軟件。是一種以網(wǎng)頁(yè)語(yǔ)言（例如HTML、JavaScript、Java等編程語(yǔ)言）撰寫的應(yīng)用程序，需要通過(guò)瀏覽器來(lái)運(yùn)行。網(wǎng)頁(yè)應(yīng)用程序之所以被人們喜愛(ài)的原因之一，是因?yàn)榭梢灾苯釉诟鞣N電腦平臺(tái)上運(yùn)行，不需要事先安裝或定期升級(jí)等程序。常見(jiàn)的網(wǎng)頁(yè)應(yīng)用程序有Web mail、網(wǎng)絡(luò)商店、網(wǎng)絡(luò)拍賣、wiki、網(wǎng)絡(luò)論壇、博客、網(wǎng)絡(luò)游戲等許多應(yīng)用。

2網(wǎng)頁(yè)應(yīng)用界面中情感化設(shè)計(jì)的分析

本文根據(jù)《情感化設(shè)計(jì)》一書中唐納德·A·諾曼教授的論述，將情感化設(shè)計(jì)劃分為本能層次、行為層次、反思層次三個(gè)層次。本能層次也就是先天的部分，是用戶對(duì)外界刺激通過(guò)自身的第一直覺(jué)做出判斷得出的反應(yīng)，來(lái)自于人的本能水平。因此，我們?cè)谧鼍W(wǎng)頁(yè)應(yīng)用界面的本能層次的情感化設(shè)計(jì)時(shí)，就應(yīng)當(dāng)將這些物理特征的感覺(jué)考慮在內(nèi)了。行為層次重點(diǎn)在于：在互聯(lián)網(wǎng)時(shí)代眾多紛繁復(fù)雜的操作程序中，如何運(yùn)用簡(jiǎn)單有趣的設(shè)計(jì)構(gòu)思和語(yǔ)言為用戶設(shè)計(jì)出最方便易用的合理的結(jié)構(gòu)布局和清晰明了的操作導(dǎo)向，使用戶在操作過(guò)程中得到情感上的體驗(yàn)。反思層次是意識(shí)、思考、情感和認(rèn)知的最高水平。反思層次是用戶在接觸事物后由內(nèi)心產(chǎn)生的更深層次的感知、情感、文化背景、個(gè)人見(jiàn)解等種種交織在一起的造成的影響，也就是古話中的“觸景生情”。反思層次的設(shè)計(jì)有助于建立起用戶和產(chǎn)品之前的長(zhǎng)期聯(lián)系，它可以幫助用戶建立自我標(biāo)識(shí)等。

3網(wǎng)頁(yè)應(yīng)用界面中形式要素的情感化設(shè)計(jì)

3.1別出心裁的創(chuàng)意

創(chuàng)意是設(shè)計(jì)的靈魂?！霸O(shè)計(jì)的基本概念是‘人為了實(shí)現(xiàn)意圖的創(chuàng)造性活動(dòng)，它有兩個(gè)基本要素：一是人的目的性，二是活動(dòng)的創(chuàng)造性?！比藗冏畛踉O(shè)計(jì)出一些東西，往往只是為了方便自己的生活，注重實(shí)用性，但是日子一長(zhǎng)，人們往往會(huì)覺(jué)得這些用品變得枯燥乏味，于是開始探尋一條新的設(shè)計(jì)之路，將感性的情感和抽象的創(chuàng)意思維融入設(shè)計(jì)中去，于是便有了與眾不同的設(shè)計(jì)理念，將設(shè)計(jì)變成了一件有意義是事情。

3.2打動(dòng)人心的色彩

網(wǎng)頁(yè)應(yīng)用界面中色彩要素的設(shè)計(jì)主要包含網(wǎng)頁(yè)的主色調(diào)、文字的顏色、圖片的色調(diào)等。

（1）通常當(dāng)用戶瀏覽網(wǎng)頁(yè)的時(shí)候，留下的第一印象就是網(wǎng)頁(yè)的色彩設(shè)計(jì)。比如在背景色調(diào)的選擇上，不應(yīng)選擇對(duì)比很強(qiáng)烈的顏色搭配，特別是對(duì)比度很強(qiáng)的顏色，這些顏色會(huì)使整個(gè)界面的顏色太過(guò)于豐富，而造成文字和主要內(nèi)容的識(shí)別困難，容易產(chǎn)生不舒服的感覺(jué)。好的設(shè)計(jì)能讓人眼前一亮，例如豆瓣社區(qū)的主色調(diào)是薄荷綠，logo上的“douban”是由肉粉、綠色和藍(lán)色構(gòu)成的，之后只要見(jiàn)到這種色彩搭配就能自然而然地聯(lián)想到豆瓣這個(gè)網(wǎng)站，這些顏色的搭配也很容易讓人聯(lián)想到初夏般小清新的感覺(jué)，與豆瓣社區(qū)的小清新風(fēng)格產(chǎn)生了共鳴，這也是網(wǎng)頁(yè)應(yīng)用界面中色彩的情感化設(shè)計(jì)反思層面的成功之處。（2）文字作為信息傳達(dá)的主要手段，也是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的主體，字體顏色的設(shè)計(jì)一定要和網(wǎng)頁(yè)的風(fēng)格相吻合，而不是相互分離，甚至相互沖突。例如，政府機(jī)關(guān)等部門的網(wǎng)站上的字體顏色多為黑色，讓人產(chǎn)生嚴(yán)肅、莊重的感覺(jué)；而一些休閑游戲應(yīng)用界面的字體顏色則選擇活潑，鮮艷的顏色，讓用戶一打開網(wǎng)頁(yè)就有種回到童年般的感覺(jué)，如這款大魚吃小魚的休閑游戲的介紹，就運(yùn)用了卡通的字體和活潑的顏色，非常的可愛(ài)。（3）圖片可以聲情并茂的向用戶傳遞信息，加入圖片的網(wǎng)頁(yè)內(nèi)容會(huì)變得更加豐富。一般來(lái)說(shuō)，圖片的色調(diào)應(yīng)和整個(gè)界面的風(fēng)格相和諧，在圖片的選擇和編排的同時(shí)，應(yīng)避免太過(guò)復(fù)雜花哨，產(chǎn)生喧賓奪主的作用。

3.3合理統(tǒng)一的布局

一個(gè)網(wǎng)頁(yè)界面布局的成功與否在于它的元素編排是否能夠有利于信息傳達(dá)以及是否能讓用戶產(chǎn)生視覺(jué)記憶。網(wǎng)頁(yè)應(yīng)用界面的布局是指在一個(gè)有限的網(wǎng)頁(yè)應(yīng)用界面上，將圖形、文字、色彩等多種元素進(jìn)行有機(jī)地組合、合理的編排，構(gòu)成整個(gè)畫面的和諧統(tǒng)一，均衡調(diào)和。以人為本的情感化設(shè)計(jì)也正是網(wǎng)頁(yè)應(yīng)用界面布局中應(yīng)重視的內(nèi)容，合理的布局，以易操作性為主導(dǎo)思想，使用戶在使用過(guò)程中覺(jué)得便捷、高效，并能產(chǎn)生情感依賴，是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)成功的標(biāo)志。

3.4方便易用的功能

設(shè)計(jì)的最初目的是使生產(chǎn)生活工具變得簡(jiǎn)便易用，所以在網(wǎng)頁(yè)應(yīng)用界面的設(shè)計(jì)中，設(shè)計(jì)師應(yīng)以易操作性為設(shè)計(jì)的前提，方便易用的功能能幫助用戶更快地接受這個(gè)應(yīng)用，更好地進(jìn)行操作。

3.5和諧統(tǒng)一的交互

交互設(shè)計(jì)是一種如何讓產(chǎn)品易用、有效、并且可以讓人產(chǎn)生愉悅心情的技術(shù)，是檢驗(yàn)網(wǎng)頁(yè)應(yīng)用界面設(shè)計(jì)是否成功的一項(xiàng)重要環(huán)節(jié)。一個(gè)好的應(yīng)用，是可以進(jìn)行交互，活生生的動(dòng)起來(lái)，完成用戶的需求和情感表達(dá)的。網(wǎng)頁(yè)應(yīng)用界面中的人機(jī)交互是需要設(shè)計(jì)師靈活運(yùn)用各種設(shè)計(jì)方法，讓人機(jī)信息交互順利地進(jìn)行，讓設(shè)計(jì)的產(chǎn)品更加打動(dòng)人心。

功能是理性，帶有邏輯性思維的認(rèn)知，而情感是感性的，用戶對(duì)于一個(gè)界面的第一印象往往決定了他們對(duì)其的喜愛(ài)程度，情緒可以左右人們的思維，我們應(yīng)該學(xué)會(huì)換位思考，將自己想象成用戶，真正地將人性化的理念帶入到設(shè)計(jì)中去，跳出服務(wù)與被服務(wù)的思維局限，讓用戶和設(shè)計(jì)產(chǎn)品進(jìn)行朋友般的情感互動(dòng)，產(chǎn)生對(duì)產(chǎn)品的情感依賴，才能設(shè)計(jì)出更好的產(chǎn)品。

今后的設(shè)計(jì)潮流必將會(huì)向情感化設(shè)計(jì)層面發(fā)展，當(dāng)人們的物質(zhì)欲望得到滿足的同時(shí)，往往會(huì)追求更高層次的享受，那便是情感的層次。越來(lái)越多的設(shè)計(jì)在滿足基本的功能性的同時(shí)也逐漸向情感化設(shè)計(jì)層面轉(zhuǎn)型，相信在不久的將來(lái)，我們的互聯(lián)網(wǎng)世界將會(huì)變成一個(gè)充滿人情味的，真正方便用戶的虛擬大家庭，人們將更加依賴情感化設(shè)計(jì)，并能運(yùn)用它投入進(jìn)積極、高效的工作中去。參考文獻(xiàn)：

[1] 諾曼（美）.情感化設(shè)計(jì)[M].付秋芳，程進(jìn)三，譯.電子工業(yè)出版社，2005.

[2] 李四達(dá).交互設(shè)計(jì)概論[M].清華大學(xué)出版社，2009.

[3] 任立生.設(shè)計(jì)心理學(xué)[M].化學(xué)工業(yè)出版社，2006.

[4] 王圣安.認(rèn)知心理學(xué)[M」.上海：上海人民出版社，2000.