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

何映虹

（廣東培正學(xué)院）

據(jù)我國(guó)互聯(lián)網(wǎng)信息中心（CNNIC）發(fā)布的2014 年互聯(lián)網(wǎng)報(bào)告顯示，我國(guó)網(wǎng)民規(guī)模已達(dá)6.94 億人，人均周上網(wǎng)時(shí)間為26.10 小時(shí)，超越美國(guó)，成為擁有網(wǎng)民最多的國(guó)家。同時(shí)網(wǎng)民對(duì)瀏覽網(wǎng)頁(yè)界面的要求也越來(lái)越高，對(duì)網(wǎng)頁(yè)的需求不再僅僅是功能和便捷性，審美標(biāo)準(zhǔn)也相應(yīng)地提高，傳統(tǒng)的設(shè)計(jì)模式已經(jīng)逐漸不能滿足廣大網(wǎng)民的需求。人們更多的是將目光轉(zhuǎn)移到網(wǎng)頁(yè)人性化的設(shè)計(jì)，而網(wǎng)頁(yè)界面的情感化設(shè)計(jì)能否為網(wǎng)民帶來(lái)愉悅感、舒服感，逐漸成為網(wǎng)站設(shè)計(jì)水平的標(biāo)準(zhǔn)之一。

一、網(wǎng)頁(yè)應(yīng)用界面概述

網(wǎng)頁(yè)應(yīng)用是指用網(wǎng)頁(yè)語(yǔ)言編寫的程序通過(guò)瀏覽器來(lái)運(yùn)行的軟件，它可以廣泛應(yīng)用于企業(yè)網(wǎng)站或互聯(lián)網(wǎng)。由于網(wǎng)頁(yè)語(yǔ)言程序可以直接應(yīng)用于各個(gè)PC 終端和手機(jī)移動(dòng)終端，不需要像其他應(yīng)用軟件進(jìn)行升級(jí)或運(yùn)行前安裝復(fù)雜的程序，深受用戶的青睞，例如，較常見的有基于計(jì)算機(jī)終端的網(wǎng)絡(luò)論壇、網(wǎng)絡(luò)游戲、網(wǎng)絡(luò)超市等，也有基于手機(jī)移動(dòng)終端的APP、網(wǎng)頁(yè)瀏覽等應(yīng)用。

雖然我國(guó)網(wǎng)絡(luò)化快速發(fā)展，但是，網(wǎng)頁(yè)界面的情感化設(shè)計(jì)起步較晚，最早的網(wǎng)頁(yè)界面概念是由國(guó)外發(fā)達(dá)國(guó)家提出來(lái)的，在國(guó)外已經(jīng)有了相對(duì)成熟的設(shè)計(jì)理論和實(shí)踐經(jīng)驗(yàn)，如歐美、日本等國(guó)家一方面提出了網(wǎng)頁(yè)界面設(shè)計(jì)的理論基礎(chǔ)，如依據(jù)藝術(shù)設(shè)計(jì)理論和社會(huì)心理、人機(jī)交互理論等理論進(jìn)行情感化設(shè)計(jì)；另一方面，還要遵循簡(jiǎn)約化、一致性、統(tǒng)一性、均衡性等原則。目前我國(guó)對(duì)這方面的發(fā)展主要是針對(duì)網(wǎng)站的文字、色彩等視覺方面進(jìn)行了一定程度的設(shè)計(jì)，但總體上缺乏對(duì)情感化設(shè)計(jì)的深入探究。

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

“情感”是人們對(duì)自身周圍的事物以及對(duì)自身的態(tài)度的體驗(yàn)，它是人對(duì)客觀事物的主體反映。根據(jù)唐納德教授在《情感化設(shè)計(jì)》一書中的論述，情感化設(shè)計(jì)分為本能、行為以及反思三個(gè)層次。本能層次是用戶通過(guò)外界的刺激而做出的第一反應(yīng)，具有先天性，因此，在對(duì)網(wǎng)頁(yè)界面進(jìn)行設(shè)計(jì)時(shí)需要充分考慮本能層次的物理特性，將本能層次的特征融入設(shè)計(jì)的界面當(dāng)中。行為層次主要是指利用簡(jiǎn)單有趣的設(shè)計(jì)為用戶提供最方便網(wǎng)頁(yè)瀏覽布局和清晰明確的操作導(dǎo)向，使用戶在運(yùn)用中在情感上得到體驗(yàn)。反思層次是意識(shí)反作用于客觀事物的一種表現(xiàn)形式，是人們最高的情感水平。網(wǎng)絡(luò)用戶通過(guò)瀏覽網(wǎng)頁(yè)界面后產(chǎn)生的更深層次的感知和情感，往往受到不同主體認(rèn)識(shí)的不同而有不同的情感變化。通常反思層次有助于提高用戶的忠誠(chéng)度，建立起用戶與產(chǎn)品的長(zhǎng)期聯(lián)系。情感設(shè)計(jì)的三個(gè)層次相互影響，在本能層次得到滿足后，產(chǎn)生行為層次，然后體驗(yàn)后，產(chǎn)生對(duì)網(wǎng)絡(luò)界面的反思層次，在對(duì)網(wǎng)絡(luò)應(yīng)用界面設(shè)計(jì)中應(yīng)當(dāng)注意三個(gè)層次的相互作用，將情感化設(shè)計(jì)貫穿于三個(gè)層次中，提高用戶的認(rèn)知度，為用戶帶來(lái)情感愉悅和舒服的體驗(yàn)。

三、我國(guó)網(wǎng)頁(yè)應(yīng)用界面設(shè)計(jì)的現(xiàn)狀及存在的問(wèn)題

由于我國(guó)情感化網(wǎng)頁(yè)設(shè)計(jì)起步相對(duì)較晚，缺乏理論依據(jù)，存在著眾多不足，其主要有以下幾個(gè)方面。

1.內(nèi)容方面的問(wèn)題

通常網(wǎng)站網(wǎng)頁(yè)是進(jìn)行信息傳播的承載體，往往包含了眾多的內(nèi)容，但在國(guó)內(nèi)的一些網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí)內(nèi)容相對(duì)混亂，分不清主次。還有一些網(wǎng)站為了向用戶傳達(dá)更多的信息，對(duì)網(wǎng)頁(yè)界面嵌入各種軟件以及各種各樣的內(nèi)容，使用戶感覺雜亂無(wú)章，忽略了頁(yè)面設(shè)計(jì)的整體性和主次感。此外，還有一些網(wǎng)站為了商業(yè)利潤(rùn)，在網(wǎng)頁(yè)界面中填充了大量的廣告，容易讓用戶在使用時(shí)產(chǎn)生抵觸情緒，降低了情感化的體驗(yàn)效果，同時(shí)，網(wǎng)頁(yè)廣告界面往往自動(dòng)彈出，強(qiáng)制用戶“消費(fèi)”，缺乏對(duì)用戶的尊重。

2.網(wǎng)頁(yè)界面板式雷同化嚴(yán)重，缺乏創(chuàng)新

網(wǎng)頁(yè)應(yīng)用界面在設(shè)計(jì)上大多都是遵照一種設(shè)計(jì)樣式，除一些網(wǎng)站在設(shè)計(jì)時(shí)根據(jù)自身的實(shí)際情況，對(duì)界面內(nèi)容進(jìn)行分欄分類，對(duì)色彩字體進(jìn)行搭配，其他大多數(shù)設(shè)計(jì)的版本內(nèi)容布局高度雷同化，缺乏創(chuàng)新，使用戶容易產(chǎn)生視覺疲勞，很難吸引用戶的注意力，降低了情感化的體驗(yàn)。

3.網(wǎng)頁(yè)應(yīng)用界面設(shè)計(jì)普遍缺乏情感

情感化的網(wǎng)頁(yè)設(shè)計(jì)能提高用戶在瀏覽網(wǎng)頁(yè)時(shí)的舒服程度，還能提高用戶的自我標(biāo)識(shí)，但是在實(shí)際的網(wǎng)站網(wǎng)頁(yè)界面設(shè)計(jì)的過(guò)程中，往往只是滿足功能上的需求，追求界面的效果，忽略了在網(wǎng)頁(yè)中添加情感因素，在視覺色彩的應(yīng)用上也相對(duì)混亂，造成用戶情感體驗(yàn)的效果不明顯。

四、網(wǎng)頁(yè)應(yīng)用界面的情感化設(shè)計(jì)

通常進(jìn)行網(wǎng)頁(yè)界面的情感化設(shè)計(jì)需要明確進(jìn)行網(wǎng)絡(luò)界面設(shè)計(jì)的目的，即構(gòu)建一個(gè)使用戶在視覺上產(chǎn)業(yè)愉悅的網(wǎng)站，以提高用戶對(duì)該網(wǎng)站的忠誠(chéng)度。一般來(lái)講，網(wǎng)頁(yè)界面設(shè)計(jì)目的包括實(shí)現(xiàn)網(wǎng)站服務(wù)、良好的視覺效果以及可行性和易用性三方面。因此，網(wǎng)站的網(wǎng)頁(yè)界面的情感化設(shè)計(jì)需要圍繞著上述的三個(gè)目的展開。

1.色彩的設(shè)計(jì)

網(wǎng)頁(yè)的應(yīng)用界面的色調(diào)通常包含了文字的顏色、主板的色彩、所含圖片的色調(diào)等幾個(gè)方面。首先，圖片的設(shè)計(jì)是將抽象化的物體轉(zhuǎn)化為直觀的視覺效果，圖片的色調(diào)可以直接進(jìn)入用戶的視覺體驗(yàn)，進(jìn)而產(chǎn)生本能層次的情感，因此，圖片色調(diào)的選擇要符合主題內(nèi)容，與整個(gè)網(wǎng)頁(yè)的風(fēng)格相匹配。其次，文字色調(diào)的設(shè)計(jì)，文字是傳達(dá)網(wǎng)頁(yè)內(nèi)容的主要方式，是網(wǎng)頁(yè)界面的主體，其字體的顏色需要與整個(gè)網(wǎng)頁(yè)界面的設(shè)計(jì)搭配，使用戶在閱讀時(shí)不產(chǎn)生疲勞感；最后，主色調(diào)的設(shè)計(jì)，主色調(diào)是整個(gè)網(wǎng)頁(yè)界面的背景，在對(duì)主色調(diào)設(shè)計(jì)時(shí)要遵照使用戶舒服的原則，防止色調(diào)太強(qiáng)，而影響文字主體閱讀的困難。

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

對(duì)網(wǎng)頁(yè)界面合理統(tǒng)一的布局是指在網(wǎng)頁(yè)界面有限的空間內(nèi)，對(duì)文字、圖片、色彩等元素進(jìn)行統(tǒng)一的設(shè)計(jì)編排，使整個(gè)界面顯得和諧統(tǒng)一，不至于出現(xiàn)內(nèi)容混亂的局面。因此，在對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)中，既要加入人的情感因素，同時(shí)又要進(jìn)行合理的布局，這樣才能讓用戶在使用過(guò)程中產(chǎn)生情感上的依賴。

3.方便易用的操作功能

通常網(wǎng)頁(yè)界面設(shè)計(jì)要以方便易于操作的功能為前提，使用戶在使用過(guò)程中，能夠用最短的時(shí)間進(jìn)行操作，并接受該功能的應(yīng)用。

4.對(duì)網(wǎng)頁(yè)界面的情感化設(shè)計(jì)的創(chuàng)新

創(chuàng)新是設(shè)計(jì)的動(dòng)力源泉，一方面，只有不斷創(chuàng)新才能滿足人們提出新的需求，另一發(fā)面，創(chuàng)新是人們勞動(dòng)性的創(chuàng)造，將情感和抽象思維相融合，設(shè)計(jì)到網(wǎng)頁(yè)界面的布局中去，提高用戶網(wǎng)頁(yè)界面體驗(yàn)的情感效率。

5.和諧統(tǒng)一的人機(jī)交互

人機(jī)交互是指用戶在瀏覽網(wǎng)頁(yè)界面的過(guò)程中，人們從網(wǎng)頁(yè)的內(nèi)容得到了情感上的滿足。因此，交互作用是讓用戶在應(yīng)用時(shí)產(chǎn)生愉悅心情的設(shè)計(jì)。在網(wǎng)頁(yè)界面人機(jī)交互設(shè)計(jì)中，設(shè)計(jì)師要靈活運(yùn)用設(shè)計(jì)方法，使人機(jī)能夠充分進(jìn)行信息交換，讓設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)界面更能打動(dòng)用戶的心靈。

總之，隨著我國(guó)網(wǎng)絡(luò)科技的進(jìn)一步發(fā)展，情感化是網(wǎng)頁(yè)界面設(shè)計(jì)未來(lái)的發(fā)展趨勢(shì)，人們?cè)诘玫降蛯哟蔚臐M足后，必然會(huì)提出更高層次的需求。因此，目前越來(lái)越多的網(wǎng)頁(yè)界面設(shè)計(jì)開始加入情感因素，使用戶在瀏覽網(wǎng)頁(yè)界面時(shí)得到情感上的滿足，得到視覺上、心情上的愉悅。

蔡敏.情感化設(shè)計(jì)理論在網(wǎng)絡(luò)界面設(shè)計(jì)中的應(yīng)用研究［D］.武漢理工大學(xué)，2010.