徐慧

摘要：交互設(shè)計是了解目標用戶對產(chǎn)品的期望，分析用戶對產(chǎn)品的使用行為，通過一種有效的方式使用戶和產(chǎn)品之間產(chǎn)生愉悅的溝通，這樣的交互行為會使用戶對產(chǎn)品產(chǎn)生信任和依賴，文章主要研究的是如何通過網(wǎng)頁界面的可視化和情感化表現(xiàn)，讓信息以一種有趣、人性化和情感化的方式展現(xiàn)出來，避免了網(wǎng)頁界面中交互設(shè)計建設(shè)在傳播當中的隔閡與晦澀，使網(wǎng)頁信息的傳播更加容易接受和表達清楚。

關(guān)鍵詞：交互設(shè)計；網(wǎng)頁界面；行為；可視化；情感化

如今互聯(lián)網(wǎng)已經(jīng)成為現(xiàn)代人們獲取信息與交流的平臺，也是企業(yè)宣傳產(chǎn)品形象的重要途徑。大量的信息通過互聯(lián)網(wǎng)傳播著，如何使信息更加明確化，集中化，有條理化，傳播的更加快捷方便，儼然成為人們關(guān)注的主題。而網(wǎng)頁設(shè)計已擺脫了傳統(tǒng)的平面設(shè)計理念?！敖缑妗背１辉O(shè)計師認為是交互設(shè)計的主要設(shè)計對象，而引起了設(shè)計界的廣泛重視。交互設(shè)計的出現(xiàn)，帶來了設(shè)計界對于什么是設(shè)計、如何設(shè)計等問題的深入思考。

一、網(wǎng)頁交互界面信息可視化表現(xiàn)

（1）界面可視化的模塊。位置、外形、方向、色彩、紋理、灰度等級、尺寸、色相、亮度和飽和度，眾多的模塊組成不同的表現(xiàn)形式。但可視化模塊的種類的選取是很重要的，我們針對不同的信息形式與信息源都會選取不同的模塊形式以表現(xiàn)信息，使信息的傳達更精確，也更完美。

（2）圖案符號化。網(wǎng)頁信息可視化傳輸?shù)倪^程是通過各種不同的圖案符號來傳達的。圖形符號是直觀傳達表象的方式，他在用戶心智模型中主要通過隱喻或者符號化的方式作用于人的心理，比如隱喻方式，用戶對網(wǎng)頁界面中的前期心理建設(shè)使得用戶可以很快的對界面布局特征做相關(guān)的定位。而符號化的方式則是通過對符號的理解而產(chǎn)生，這樣的方式就為設(shè)計師提供了契機，設(shè)計師可以保持或者稍加修改讓用戶產(chǎn)生熟悉感。

（3）界面交互潛意識與認知。據(jù)有關(guān)研究，人類認識世界的方式中有60%是通過眼睛來完成的。不同的符號、圖形、色彩等都是通過視覺來完成的，而且不同的群體的認識水平都不一樣。在這一方面還需要研究，這樣才能更好地將這些符號、圖形、色彩結(jié)合在一起，使信息的表達更有效。

二、網(wǎng)頁交互界面信息情感化

由于用戶的文化背景、審美能力、生活習慣等的不同，所以對網(wǎng)頁界面的設(shè)計要求也不盡相同，所以設(shè)定網(wǎng)站的目標人群，從了解用戶的文化背景、心理需求著手，以便設(shè)計出的網(wǎng)頁界面能夠真正融入到用戶的生活和使用環(huán)境中。

《情感化設(shè)計》一書中唐納德·A·諾曼教授的論述，將情感化設(shè)計劃分為本能層次、行為層次、反思層次三個層次。本能層次是用戶對外界刺激通過自身的第一直覺做出判斷得出的反應，來自于人的本能水平。行為層次重點在于：在互聯(lián)網(wǎng)時代眾多紛繁復雜的操作程序中，如何運用簡單有趣的設(shè)計構(gòu)思和語言為用戶設(shè)計出最方便易用的合理的結(jié)構(gòu)布局和清晰明了的操作導向，使用戶在操作過程中得到情感上的體驗。反思層次是意識、思考、情感和認知的最高水平。反思層次是用戶在接觸事物后由內(nèi)心產(chǎn)生的更深層次的感知、情感、文化背景、個人見解等種種交織在一起的造成的影響。

三、網(wǎng)頁交互界面設(shè)計中的情感化設(shè)計方式

（1）別出心裁的創(chuàng)意。創(chuàng)意是設(shè)計的靈魂?！霸O(shè)計的基本概念是‘人為了實現(xiàn)意圖的創(chuàng)造性活動，它有兩個基本要素：一是人的目的性，二是活動的創(chuàng)造性。”人們最初設(shè)計出一些東西，往往只是為了方便自己的生活，注重實用性，但是日子一長，人們往往會覺得這些用品變得枯燥乏味，于是開始探尋一條新的設(shè)計之路，將感性的情感和抽象的創(chuàng)意思維融入設(shè)計中去，于是便有了與眾不同的設(shè)計理念。

（2）打動人心的色彩。網(wǎng)頁界面中色彩要素的設(shè)計主要包含網(wǎng)頁的主色調(diào)、文字的顏色、圖片的色調(diào)等。用戶瀏覽網(wǎng)頁的時候，留下的第一印象就是網(wǎng)頁的色彩設(shè)計。好的設(shè)計能讓人眼前一亮，例如豆瓣社區(qū)的主色調(diào)是薄荷綠，logo上的“douban”是由肉粉、綠色和藍色構(gòu)成的，之后只要見到這種色彩搭配就能自然而然地聯(lián)想到豆瓣這個網(wǎng)站，這些顏色的搭配也很容易讓人聯(lián)想到初夏般小清新的感覺，與豆瓣社區(qū)的小清新風格產(chǎn)生了共鳴，這也是網(wǎng)頁應用界面中色彩的情感化設(shè)計反思層面的成功之處。字體顏色的設(shè)計一定要和網(wǎng)頁的風格相吻合，而不是相互分離，甚至相互沖突。圖片可以聲情并茂的向用戶傳遞信息，加入圖片的網(wǎng)頁內(nèi)容會變得更加豐富。一般來說，圖片的色調(diào)應和整個界面的風格相和諧，在圖片的選擇和編排的同時，應避免太過復雜花哨，產(chǎn)生喧賓奪主的作用。

（3）合理統(tǒng)一的布局。網(wǎng)頁界面的布局是指在一個有限的網(wǎng)頁應用界面上，將圖形、文字、色彩等多種元素進行有機地組合、合理的編排，構(gòu)成整個畫面的和諧統(tǒng)一，均衡調(diào)和。以人為本的情感化設(shè)計也正是網(wǎng)頁界面布局中應重視的內(nèi)容，合理的布局，以易操作性為主導思想，使用戶在使用過程中覺得便捷、高效，并能產(chǎn)生情感依賴。

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

（5）和諧統(tǒng)一的交互。如何讓網(wǎng)頁易用、有效、并且可以讓人產(chǎn)生愉悅心情、完成用戶的需求和情感表達，是檢驗網(wǎng)頁交互界面設(shè)計是否成功的一項重要環(huán)節(jié)。

綜上，網(wǎng)頁交互界面設(shè)計是一個綜合性的設(shè)計，在滿足基本的功能性的同時也逐漸向情感化設(shè)計層面轉(zhuǎn)型。網(wǎng)頁的交互功能能夠提高用戶傳播信息的積極性。通過網(wǎng)頁信息的可視化布局和情感化設(shè)計，網(wǎng)站獲得了點擊率和口碑，用戶獲得了更多的資訊和樂趣，這將是雙方受益的虛擬大家庭。

（作者單位：內(nèi)江職業(yè)技術(shù)學院）