网页交互界面设计的信息可视化和情感化

徐慧

摘要：交互设计是了解目标用户对产品的期望，分析用户对产品的使用行為，通过一种有效的方式使用户和产品之间产生愉悦的沟通，这样的交互行为会使用户对产品产生信任和依赖，文章主要研究的是如何通过网页界面的可视化和情感化表现，让信息以一种有趣、人性化和情感化的方式展现出来，避免了网页界面中交互设计建设在传播当中的隔阂与晦涩，使网页信息的传播更加容易接受和表达清楚。

关键词：交互设计；网页界面；行为；可视化；情感化

如今互联网已经成为现代人们获取信息与交流的平台，也是企业宣传产品形象的重要途径。大量的信息通过互联网传播着，如何使信息更加明确化，集中化，有条理化，传播的更加快捷方便，俨然成为人们关注的主题。而网页设计已摆脱了传统的平面设计理念。“界面”常被设计师认为是交互设计的主要设计对象，而引起了设计界的广泛重视。交互设计的出现，带来了设计界对于什么是设计、如何设计等问题的深入思考。

一、网页交互界面信息可视化表现

（1）界面可视化的模块。位置、外形、方向、色彩、纹理、灰度等级、尺寸、色相、亮度和饱和度，众多的模块组成不同的表现形式。但可视化模块的种类的选取是很重要的，我们针对不同的信息形式与信息源都会选取不同的模块形式以表现信息，使信息的传达更精确，也更完美。

（2）图案符号化。网页信息可视化传输的过程是通过各种不同的图案符号来传达的。图形符号是直观传达表象的方式，他在用户心智模型中主要通过隐喻或者符号化的方式作用于人的心理，比如隐喻方式，用户对网页界面中的前期心理建设使得用户可以很快的对界面布局特征做相关的定位。而符号化的方式则是通过对符号的理解而产生，这样的方式就为设计师提供了契机，设计师可以保持或者稍加修改让用户产生熟悉感。

（3）界面交互潜意识与认知。据有关研究，人类认识世界的方式中有60%是通过眼睛来完成的。不同的符号、图形、色彩等都是通过视觉来完成的，而且不同的群体的认识水平都不一样。在这一方面还需要研究，这样才能更好地将这些符号、图形、色彩结合在一起，使信息的表达更有效。

二、网页交互界面信息情感化

由于用户的文化背景、审美能力、生活习惯等的不同，所以对网页界面的设计要求也不尽相同，所以设定网站的目标人群，从了解用户的文化背景、心理需求着手，以便设计出的网页界面能够真正融入到用户的生活和使用环境中。

《情感化设计》一书中唐纳德·A·诺曼教授的论述，将情感化设计划分为本能层次、行为层次、反思层次三个层次。本能层次是用户对外界刺激通过自身的第一直觉做出判断得出的反应，来自于人的本能水平。行为层次重点在于：在互联网时代众多纷繁复杂的操作程序中，如何运用简单有趣的设计构思和语言为用户设计出最方便易用的合理的结构布局和清晰明了的操作导向，使用户在操作过程中得到情感上的体验。反思层次是意识、思考、情感和认知的最高水平。反思层次是用户在接触事物后由内心产生的更深层次的感知、情感、文化背景、个人见解等种种交织在一起的造成的影响。

三、网页交互界面设计中的情感化设计方式

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

（2）打动人心的色彩。网页界面中色彩要素的设计主要包含网页的主色调、文字的颜色、图片的色调等。用户浏览网页的时候，留下的第一印象就是网页的色彩设计。好的设计能让人眼前一亮，例如豆瓣社区的主色调是薄荷绿，logo上的“douban”是由肉粉、绿色和蓝色构成的，之后只要见到这种色彩搭配就能自然而然地联想到豆瓣这个网站，这些颜色的搭配也很容易让人联想到初夏般小清新的感觉，与豆瓣社区的小清新风格产生了共鸣，这也是网页应用界面中色彩的情感化设计反思层面的成功之处。字体颜色的设计一定要和网页的风格相吻合，而不是相互分离，甚至相互冲突。图片可以声情并茂的向用户传递信息，加入图片的网页内容会变得更加丰富。一般来说，图片的色调应和整个界面的风格相和谐，在图片的选择和编排的同时，应避免太过复杂花哨，产生喧宾夺主的作用。

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

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

（5）和谐统一的交互。如何让网页易用、有效、并且可以让人产生愉悦心情、完成用户的需求和情感表达，是检验网页交互界面设计是否成功的一项重要环节。

综上，网页交互界面设计是一个综合性的设计，在满足基本的功能性的同时也逐渐向情感化设计层面转型。网页的交互功能能够提高用户传播信息的积极性。通过网页信息的可视化布局和情感化设计，网站获得了点击率和口碑，用户获得了更多的资讯和乐趣，这将是双方受益的虚拟大家庭。

（作者单位：内江职业技术学院）