应用界面中的情感化设计分析

俞砚秋

摘要：随着互联网的普及以及计算机技术的不断发展，网络成为人们生活中必不可少的一样东西，同时伴随着网络发展而产生的关于网页界面的情感化设计也逐渐成为人物关注的内容。本文通过结合情感化的定义以及案例分析，总结出了网页应用界面情感化设计中的一些主要的关注点。

关键词：情感化设计；网页应用界面；界面设计；情感随着科技的发展，互联网逐渐成了我们日常生活中不可或缺的一部分，大量的信息通过互联网传播着，如何使信息更加明确化，集中化，有条理化，传播的更加快捷方便，俨然成为人们关注的主题。这一种新的传播媒介的产生，不仅颠覆了传统媒介的传播速度慢，介质复杂等缺点，将时效性、迅捷性、廉价性、传播广泛性等多重优势集为一体，成为人们日常生活的新宠。在以前，网页应用界面的设计大多是由程序员或者其他技术人员来完成，往往设计出的网页在功能方面很强大，但是大多千篇一律，毫无美感。而如今，这种模式逐渐在改变，分工也逐渐细化，无论从网站的结构规划还是视觉方面都有了较大的进步。但是，随着网络技术的迅速发展，人们对网页界面的审美标准也逐渐提高，不仅仅满足于网页界面的功能性和便捷性，而将更多的注意力集中在了网页的趣味性以及人性化设计性等方面，网页界面设计是否吸引人，是否能给人带来愉悦感俨然成了当代人们评判一个网站好坏的标准。

1网页应用界面的概念

“网页应用全称是网页应用程序（简称 Web app），是一种使用网页浏览器在互联网或企业内部网上操作的应用软件。是一种以网页语言（例如HTML、JavaScript、Java等编程语言）撰写的应用程序，需要通过浏览器来运行。网页应用程序之所以被人们喜爱的原因之一，是因为可以直接在各种电脑平台上运行，不需要事先安装或定期升级等程序。常见的网页应用程序有Web mail、网络商店、网络拍卖、wiki、网络论坛、博客、网络游戏等许多应用。

2网页应用界面中情感化设计的分析

本文根据《情感化设计》一书中唐纳德·A·诺曼教授的论述，将情感化设计划分为本能层次、行为层次、反思层次三个层次。本能层次也就是先天的部分，是用户对外界刺激通过自身的第一直觉做出判断得出的反应，来自于人的本能水平。因此，我们在做网页应用界面的本能层次的情感化设计时，就应当将这些物理特征的感觉考虑在内了。行为层次重点在于：在互联网时代众多纷繁复杂的操作程序中，如何运用简单有趣的设计构思和语言为用户设计出最方便易用的合理的结构布局和清晰明了的操作导向，使用户在操作过程中得到情感上的体验。反思层次是意识、思考、情感和认知的最高水平。反思层次是用户在接触事物后由内心产生的更深层次的感知、情感、文化背景、个人见解等种种交织在一起的造成的影响，也就是古话中的“触景生情”。反思层次的设计有助于建立起用户和产品之前的长期联系，它可以帮助用户建立自我标识等。

3网页应用界面中形式要素的情感化设计

3.1别出心裁的创意

创意是设计的灵魂。“设计的基本概念是‘人为了实现意图的创造性活动，它有两个基本要素：一是人的目的性，二是活动的创造性。”人们最初设计出一些东西，往往只是为了方便自己的生活，注重实用性，但是日子一长，人们往往会觉得这些用品变得枯燥乏味，于是开始探寻一条新的设计之路，将感性的情感和抽象的创意思维融入设计中去，于是便有了与众不同的设计理念，将设计变成了一件有意义是事情。

3.2打动人心的色彩

网页应用界面中色彩要素的设计主要包含网页的主色调、文字的颜色、图片的色调等。

（1）通常当用户浏览网页的时候，留下的第一印象就是网页的色彩设计。比如在背景色调的选择上，不应选择对比很强烈的颜色搭配，特别是对比度很强的颜色，这些颜色会使整个界面的颜色太过于丰富，而造成文字和主要内容的识别困难，容易产生不舒服的感觉。好的设计能让人眼前一亮，例如豆瓣社区的主色调是薄荷绿，logo上的“douban”是由肉粉、绿色和蓝色构成的，之后只要见到这种色彩搭配就能自然而然地联想到豆瓣这个网站，这些颜色的搭配也很容易让人联想到初夏般小清新的感觉，与豆瓣社区的小清新风格产生了共鸣，这也是网页应用界面中色彩的情感化设计反思层面的成功之处。（2）文字作为信息传达的主要手段，也是一个网页设计的主体，字体颜色的设计一定要和网页的风格相吻合，而不是相互分离，甚至相互冲突。例如，政府机关等部门的网站上的字体颜色多为黑色，让人产生严肃、庄重的感觉；而一些休闲游戏应用界面的字体颜色则选择活泼，鲜艳的颜色，让用户一打开网页就有种回到童年般的感觉，如这款大鱼吃小鱼的休闲游戏的介绍，就运用了卡通的字体和活泼的颜色，非常的可爱。（3）图片可以声情并茂的向用户传递信息，加入图片的网页内容会变得更加丰富。一般来说，图片的色调应和整个界面的风格相和谐，在图片的选择和编排的同时，应避免太过复杂花哨，产生喧宾夺主的作用。

3.3合理统一的布局

一个网页界面布局的成功与否在于它的元素编排是否能够有利于信息传达以及是否能让用户产生视觉记忆。网页应用界面的布局是指在一个有限的网页应用界面上，将图形、文字、色彩等多种元素进行有机地组合、合理的编排，构成整个画面的和谐统一，均衡调和。以人为本的情感化设计也正是网页应用界面布局中应重视的内容，合理的布局，以易操作性为主导思想，使用戶在使用过程中觉得便捷、高效，并能产生情感依赖，是一个网页设计成功的标志。

3.4方便易用的功能

设计的最初目的是使生产生活工具变得简便易用，所以在网页应用界面的设计中，设计师应以易操作性为设计的前提，方便易用的功能能帮助用户更快地接受这个应用，更好地进行操作。

3.5和谐统一的交互

交互设计是一种如何让产品易用、有效、并且可以让人产生愉悦心情的技术，是检验网页应用界面设计是否成功的一项重要环节。一个好的应用，是可以进行交互，活生生的动起来，完成用户的需求和情感表达的。网页应用界面中的人机交互是需要设计师灵活运用各种设计方法，让人机信息交互顺利地进行，让设计的产品更加打动人心。

功能是理性，带有逻辑性思维的认知，而情感是感性的，用户对于一个界面的第一印象往往决定了他们对其的喜爱程度，情绪可以左右人们的思维，我们应该学会换位思考，将自己想象成用户，真正地将人性化的理念带入到设计中去，跳出服务与被服务的思维局限，让用户和设计产品进行朋友般的情感互动，产生对产品的情感依赖，才能设计出更好的产品。

今后的设计潮流必将会向情感化设计层面发展，当人们的物质欲望得到满足的同时，往往会追求更高层次的享受，那便是情感的层次。越来越多的设计在满足基本的功能性的同时也逐渐向情感化设计层面转型，相信在不久的将来，我们的互联网世界将会变成一个充满人情味的，真正方便用户的虚拟大家庭，人们将更加依赖情感化设计，并能运用它投入进积极、高效的工作中去。参考文献：

[1] 诺曼（美）.情感化设计[M].付秋芳，程进三，译.电子工业出版社，2005.

[2] 李四达.交互设计概论[M].清华大学出版社，2009.

[3] 任立生.设计心理学[M].化学工业出版社，2006.

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