基于情感设计的交互动画运用研究

摘要：随着科学技术和经济社会的不断发展，人们的物质生活需求已经得到基本满足，越来越注重精神需求和情感需求的满足。因此，近年来各类产品的设计理念从以功能设计为中心转向以情感设计为中心。情感设计强调的是产品对用户情感和心理的引导和满足。产品经过情感设计后，不仅可以优化、提高用户的体验和满意度，还可以强化、提升用户对产品的认同感和忠诚度，从而提升产品的市场竞争力。通过情感设计，产品可以传达出特定的品牌价值观和个性，与用户建立起更加紧密的情感联系。近年来，交互动画作为互联网的新兴产物，逐渐成为现代数字产品中不可或缺的一部分，是人机交互的全新体现。在数字产品中加入交互动画，可以优化用户体验、引导用户行为、增强产品的可用性。交互动画经过情感设计之后，将拥有新的内涵与生命，可以提高数字产品的情感价值，还可以使用户在浏览交互动画的过程中与产品产生更深层次的情感共鸣，提升用户对其的喜爱程度，同时增强产品的不可替代性。文章旨在探讨情感设计在交互动画中的运用，介绍情感设计和交互动画的相关概念，并以情感设计的主要内容及交互动画的特点为着眼点，结合具体案例，总结分析情感设计在交互动画中的运用方式，探究新形势下交互动画与情感设计的融合。

关键词：交互动画；情感设计；动画设计

中图分类号：J218.7；TP391.4 文献标识码：A 文章编号：1004-9436（2023）10-0-03

比尔·莫格里奇解释说：“互动设计的实质并非技术，用户在互动中获得的情绪经验更加关键。”他相信经验型的设计能够引起人们的注意。在信息化社会，用户对产品功能的需求远远超过产品外观，更注重产品的实用性。互动设计也不例外，僵化的互动体验不能充分激发使用者的深层情绪。因此，在当前信息化社会，情绪互动成为主流。

1 情感设计

1.1 情感设计的概念

情绪能影响人的行为决断，还能影响人对产品的态度。目前各行各业的产品设计都更加注重用户情感层面的需求。情感设计，即设计者将产品创造出来后使其能够与用户产生情感联系，并且让用户在使用产品时有愉悦的感受。从心理学角度来看，情感设计是将设计者、产品和使用者的情感通过资讯连接起来，并且以满足使用者的情绪需要为基础，让使用者在操作中获得情绪上的满足。与此同时，情感设计结合交互动画，进行更人性化的画面设计和操控设计，能给用户带来全新的功能和体验。

1.2 情感设计研究现状

20世纪50年代中期，欧美的一些国家出现了一种新的认知心理。从认知心理学的角度来看，人类的认知是一个信息处理过程。人类的认识活动是对外部世界的各种资讯进行加工和处理的一个重要过程。在当代心理学中，认识与情绪是关系密切的两大要素，情绪是人类生命活动不可或缺的一环，影响着人类的认识与行动；同时，情感、认知、思维三者之间存在交互作用。

早在20世纪80年代末期，人们就开始了对情感设计的研究。在一些比较发达的国家，对情感设计的称呼各不相同。日、韩等国一般称之为“感性工学”（Kansei Engineering，KE），欧洲也比较认同这种称呼。我国一般称其为“感性意象”或“感性设计”等，大多数专业学术机构和美国研究者都使用“Emotional Design”来形容，为了通俗易懂，现在更多使用“情感设计”一词。但其研究早就不只是专注于工业上的产品设计，而是延伸到了一些全新的设计领域［1］。同时，在功效和人的情感方面，大多数设计者更注重产品的功效，忽略了人（使用者）的情感需求，进而割裂了设计师与使用者的情感联系。实际上，人既能创造东西，是功能的开发者，又能使用东西，是功能的使用者，因此人应该是设计的重点。情感设计的终极目的是做到“以人为本”“用户是上帝”。

1.3 情感设计的重要性

经验经济出现之后，人类的经济与社会由基于电脑的线性逻辑思考模式转变为以概念和感性为基础的新模式。随着时间的推移，右脑逐渐被人们关注，21世纪是一个右脑的时代。右脑注重管理者的感受，要让用户的右大脑获得更好的感受，让用户与产品之间有更好的情感沟通，这些都需要设计师在设计产品时，使产品具备除精美外观之外更完备的功能。

在人机交互方面，以人为本的设计思想日益引起人们的关注，尤其是人机互动以及对动画的重新创造。实现人机交互的深层意义是人机交互的終极目的。美国的Norman博士于2005年把产品的情感设计分为三个层次：本能层面、行为层面和反思层面［2］。这三个层面对产品的设计需求进行了解释。本能层面强调使用者对产品的即时反应，重视其感觉上的愉悦，表现在其感官的各个方面，如视听感官等；行为层面强调使用者在使用产品的过程中，其功能的便捷性、操作的技巧性等，能给使用者带来一定的行为感受；反思层面在前两个层面的基础上，通过联想想象、心理暗示、情感寄托等情绪表达方式，让使用者的身份认同、自我实现以及对产品的忠诚得到充分的反映，从而激发使用者对产品更深层次的情感需求［3］。

2 交互动画

2.1 交互设计

与一般的设计相比，交互设计更注重产品的内涵。从设计者的角度来看，交互设计是一种真正符合使用者需要、从本质上让人心情愉悦的设计。互动性的产品可以是实体产品，也可以是没有实体的软体产品，其核心是交互与经验。交互与经验是以目标使用者为基础，通过观察使用者在交互时发生的互动，了解使用者的行为习惯与心理特征，保证在交互式的沟通中，充分提升使用者的操作能力，使与使用者之间的沟通更有效。换句话说，交互的最高层次在于进行情绪互动。在进行情感设计时，关注的焦点始终是设计能否满足使用者的使用需求，同时关注设计能否满足使用者的情感体验需求，注重人与人之间的情感交流，使产品更贴近人的生活习惯，满足用户的情感诉求。

2.2 交互动画的含义

交互动画既是动画与新媒体的融合，又是沟通与表现方式的融合。随着现代科技的发展和人们情感品质需要的增加，交互动画得到了越来越多的关注。观众在浏览交互动画时，可以对动画进行一系列操作。全新的交互体验使观众在浏览的同时，能够感受到交互动画的动态形成效果及与动画内容真实的情感互动。艺术的呈现离不开媒介的承载，而交互动画的媒介就是计算机。在这种新媒介环境下，人们通过时间、空间和表现方式进行交互，并通过不同的方式实现不同的视觉语言表现。交互动画是一种具有互动性、创新性的全新的动画形式，采用了抽象与夸大的艺术技巧，是将动态的表现结构与新媒介相结合而形成的一种综合性的声像技术。通过这种方式，观众可以在动态的表现结构中体验到更生动的视听艺术，也能积极地控制画面的动态呈现，在自主操控的同时，进行情感沟通，得到更深层次的交互体验。交互动画与传统动画在画面设计、图像展示、动态效果上没有太大的区别，但计算机新媒介的技术加持使其具有独特的互动性，这一点使交互动画与传统动画相比更胜一筹。

3 交互动画的情感需求

3.1 观众的情感因素

在交互动画设计中，设计者的首要目标是让观众更好地与动画互动，而观众则希望通过交互环节获得情感上的满足。因此，在设计合理互动的同时，动画设计者要加强对观众情感诉求的关怀，分析观众情感需求的深层逻辑，寻找能够使观众心情愉悦的互动方法，可以做到以下几点：方便的操作、明确的可视方向、人性化的照顾、了解观众真实的心理诉求、突出个人的独特性。

3.2 情感设计如何与交互动画融合

当前，观众对动画的要求由普通的观看内容、欣赏画面逐步发展到更高的情感需求。因此，把情感设计的理念与交互动画设计相融合，探讨多元的设计方案就变得非常必要。

首先，基于观众的多方面需求，构建一种新的动画模式。通过对交互动画的不同理解，可以使用文字、图像、构图、操作等不同的方式进行界定，从而形成不同的设计理念。其次，对新动画的设计进行初步评价。最后，经过严格的筛选分析，得到最终的设计作品。不能只从交互动画的目标出发，还要从情感和互动的视角寻找观众真正需要的情感设计；利用延伸推理方法来决定交互动画的设计目的，并在此基础上查找与产品定位有关的词语。把情感设计变成本能、行为和反思三合一，可以改善相关方的情绪感受。

总之，在进行目标设计时，应当遵循人性化的原则，以更好地与人类进行情感交流，可以将传感技术、交互设计原理、情感设计方法等有机结合，以此为设计理念的基石，同时要促进剧情发展。以故事为主线，将设计的基本原则和具体的运用情景表现得栩栩如生。

此外，还要进行互动和情绪表现，用简单概括的语言说明动画的目的；通过一个特殊的过程实现交互和情绪表现。同时，要进行实践演示，借助电脑技术，使动画的显示更加完美。从一定意义上说，这是使用者的心理需要与心灵诉求的最直观反映。

4 基于情感设计的交互动画运用

4.1 交互动画场景布局情感化设计

在互动动画中，画面的排版是十分关键的一环。人的视觉阅读规则一般是从左到右、从中央向外，在版面布局中，不仅要注意视觉规则的作用，还要注意视觉的变化，并在交互设计上利用适当的版型实现视觉的运动，在某种意义上“锁住”使用者的眼睛，传递更多的图像。简单地讲，交互动画的版式一般有满版、中轴、倾斜型；运用重心式、自由式等多种字体形式，不同观众的情绪感受各有差异。

近几年，全版和中轴的运用占主导地位，以主体为中心，既能充分表现交互动画想传达的情绪，又能提升整体的观赏性；干净整洁、富有趣味的图案，与大量冗长的文字相比，更能让人获得情绪上的愉悦［4］。留白是影响版面布局的关键因素，适当的留白不但能使动画画面获得更大的空间，传达出语言、符号所不能传达的情绪，而且能使整个互动的界面富有节奏感和层次感，从而更易于使观众在视觉上获得情绪上的满足。

丰富的信息并不一定要把所有的画面都填满，可以综合考虑画面的色彩、图像的形状、文字的大小等，利用适当的空隙留白来实现画面的均衡，从而凸显主体的内涵；还能使观众的视觉感受更加充实，并精确传递信息。例如Designmodo网站交互动画（如图1所示），采用了大片的留白来强调交互动画的主题，同时运用了鼠标交互设计，观众拖动鼠标时，画面中的人眼会跟着移动，仿佛真的有一个人在注视观众的行动。

4.2 交互动画色彩运用情感化设计

颜色和人类的个性是相同的，不同颜色具有不同的情感取向，能影响观众的情感联想。美国视觉艺术专家布鲁墨说：“颜色可以激发我们不同的感情，它可以传达我们的思想，甚至可以改变我们的身体。”颜色能在最短的时间内引起观众的注意，起到快速、直接表达的作用。

在交互动画设计中，良好的颜色搭配对使用者的情绪交流具有很大的帮助。大自然是五颜六色的，各种颜色经过视觉神经进入大脑后，经过一系列的思考与联想，情绪的变化非常复杂。在动画中，各种颜色能传递出不同的情绪、动态等，经过设计加工，都能很好地体现在屏幕上，给观众带来良好的情感体验。在交互动画设计中，要注意颜色的选用是否符合观众心中的主题，同时，要有自己的特色，只有这样才能使作品既可以突出自己的特点，又可以在网络上提高识别度和增强归属感。还要注意主色、次色和辅助色搭配的黄金比例，即6∶3∶1，并利用类色排列、补色搭配等方式来激活画面，增强整体的动态感和层次感。

举例来说，图2中美国的社会化网络站点MySpace在首页的交互动画中使用了大片浓烈的暗紫色，这样能使观众在浏览界面时有一种神秘的感觉。这种感觉能使他们完全进入“我的空间”的背景，由此获得一种十分稳定的情感体验，仿佛真的置身于“我的空间”。

从圖3可以看出，英国rallyinteractive网页交互动画使用了简约的单个颜色，加上十分简洁干净的界面布局，并用不同的颜色代表不同的功能界面，强调突出不同功能的界面特征，使其具有鲜明、准确的效果。

4.3 交互动画文案情感化设计

在交互动画中，文案作为传达信息的重要载体，如何将其与情感设计有机融合，有必要纳入研究范围。在情感设计中，文案的反馈倾向于用更加灵活巧妙、能够引发情感共鸣的方式与观众沟通，其情感化的设计细节可以使动画变得鲜活有趣，一个恰到好处的融入情感化设计的文案往往可以有效带动观众的情绪，增强动画与观众之间的情感互动，相较于普通文案，更能够引发观众的情感共鸣，优化其情感体验。

例如，在观众浏览交互动画时，如果出现服务器无法正常提供信息或者网络连接失败、画面无法播放的情况，观众就会产生负面情绪。此时，融入情感化设计的404界面，通过诙谐幽默、言简意赅的文案［5］，委婉地提醒观众此时画面出错，同时引导、鼓励观众再次进入或者重新操作。通过这种“交友式”的互动模式，观众与动画能够像人与人一样形成友好相处的模式，不仅可以拉近观众与交互动画的距离，而且可以缓解观众的不良情绪，提高观众对画面出错的接受度，从而解决画面出错带来的连锁问题。

5 结语

当前社会，观众关注的不仅仅是动画的内容与美感，更多是由自身情绪反馈出来的真实情感需求。因此必须转变设计理念，更好地进行交互动画的情感设计。设计师在进行动画的情感设计时，除了要注重外在的形态呈现以外，还要保证观众与作品之间的情感沟通，让观众获得行为和心理上的情感享受。总之，设计师在设计交互动画时，要重视对情感互动的表现，以拉近人与人、人与物的关系。只有通过情感互动，使动画更具有人情味，在更深刻的层次体现出人文关怀，才能推动交互动画的情感设计工作持续革新。

参考文献：

［1］ 张思望，任斌.基于用户情感需求的用户界面设计研究［J］.美术大观，2016（6）：134-135.

［2］ 乔木，刘子建.产品趣味性设计中的设计仿生学［J］.美与时代，2011（2）：89-91.

［3］ 吴一可.健康类移动端界面设计的情感化研究：以“宅学生”体能检测APP为例［D］.大连：辽宁师范大学，2019.

［4］ 杨静.基于用户情感体验的交互动画界面设计［J］.滨州学院学报，2017，33（6）：84-88.

［5］ 张柏慧.交互设计中的情感化元素［D］.长春：吉林大学，2019：10.

作者简介：宦盈盈（2002—），女，江苏丹阳人，本科在读，研究方向：数字媒体艺术设计。