應用界面中的情感化設計分析

俞硯秋

摘要：隨著互聯(lián)網的普及以及計算機技術的不斷發(fā)展，網絡成為人們生活中必不可少的一樣東西，同時伴隨著網絡發(fā)展而產生的關于網頁界面的情感化設計也逐漸成為人物關注的內容。本文通過結合情感化的定義以及案例分析，總結出了網頁應用界面情感化設計中的一些主要的關注點。

關鍵詞：情感化設計；網頁應用界面；界面設計；情感隨著科技的發(fā)展，互聯(lián)網逐漸成了我們日常生活中不可或缺的一部分，大量的信息通過互聯(lián)網傳播著，如何使信息更加明確化，集中化，有條理化，傳播的更加快捷方便，儼然成為人們關注的主題。這一種新的傳播媒介的產生，不僅顛覆了傳統(tǒng)媒介的傳播速度慢，介質復雜等缺點，將時效性、迅捷性、廉價性、傳播廣泛性等多重優(yōu)勢集為一體，成為人們日常生活的新寵。在以前，網頁應用界面的設計大多是由程序員或者其他技術人員來完成，往往設計出的網頁在功能方面很強大，但是大多千篇一律，毫無美感。而如今，這種模式逐漸在改變，分工也逐漸細化，無論從網站的結構規(guī)劃還是視覺方面都有了較大的進步。但是，隨著網絡技術的迅速發(fā)展，人們對網頁界面的審美標準也逐漸提高，不僅僅滿足于網頁界面的功能性和便捷性，而將更多的注意力集中在了網頁的趣味性以及人性化設計性等方面，網頁界面設計是否吸引人，是否能給人帶來愉悅感儼然成了當代人們評判一個網站好壞的標準。

1網頁應用界面的概念

“網頁應用全稱是網頁應用程序（簡稱 Web app），是一種使用網頁瀏覽器在互聯(lián)網或企業(yè)內部網上操作的應用軟件。是一種以網頁語言（例如HTML、JavaScript、Java等編程語言）撰寫的應用程序，需要通過瀏覽器來運行。網頁應用程序之所以被人們喜愛的原因之一，是因為可以直接在各種電腦平臺上運行，不需要事先安裝或定期升級等程序。常見的網頁應用程序有Web mail、網絡商店、網絡拍賣、wiki、網絡論壇、博客、網絡游戲等許多應用。

2網頁應用界面中情感化設計的分析

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

3網頁應用界面中形式要素的情感化設計

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

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

3.2打動人心的色彩

網頁應用界面中色彩要素的設計主要包含網頁的主色調、文字的顏色、圖片的色調等。

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

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

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

3.4方便易用的功能

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

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

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

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

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

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

[2] 李四達.交互設計概論[M].清華大學出版社，2009.

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

[4] 王圣安.認知心理學[M」.上海：上海人民出版社，2000.