论交互动效的情感语义

（江南大学 设计学院 214122）

人类的社会活动处处离不开信息的传递，信息的传递以各种形式的符号为载体。随着时代的发展与技术的进步，符号的形式越来越丰富。最初，人类只能靠肢体或口头语言符号传递信息；有形文字与图画的出现，使得信息的传递打破了空间与时间的限制；如今，信息技术高度发展，在虚拟空间里，符号的形式更加丰富多彩，“沉睡”的文字与图像“活”了起来，实现人与机器互动交流。加上体验经济的来临，使得用户情感体验备受关注，如何从人的感受出发进行设计，如何让交互动效更能满足用户的情感需求，乃当今一重要课题。

一、相关概念

（一）交互动效

交互动效，是在用户与智能设备交互的过程中，用户界面呈现出的动态效果2。人脑灰质对运动的物体保持敏感，人类的注意力本能的更容易被运动的物体吸引。动效利用注意力的特点可以有效地暗示、引导、吸引用户。好的交互动效不仅能够提升产品的有效性，还能增加趣味性，增强用户体验。3

（二）交互动效的情感语义

交互动效是视觉符号的一个分支，从静态图形“进化”而来。根据符号的特性可知，它不仅能传递功能类信息，还能传情达意。犹如人的表情或肢体动作，体现着一定的情绪或性格。借鉴静态形态、颜色等视觉符号情感语义的相关研究，本文将交互动效的情感语义定义为交互动效所蕴含的个性特征和精神内涵4。了解交互动效的情感语义，有助于设计出符合人类认识的交互动效，以触发用户内心与设计目标相似的感觉，进而营造出使用舒适、体验良好、心情愉悦的效果。

二、交互动效的构成要素与情感语义

不同形式的交互动效蕴含着不同的个性，给人不同的感觉。界面中的交互动效千变万化，无法一一枚举，但可从其基本构成要素角度进行研究。在静态图像的基础上加入时间维度，便形成了动态效果，因此动效的表达同时受到图像本身以及时间因素的影响，但本文暂不结合原始图像形态进行分析。主要从交互动效特有的速度、路径与形变三个构成要素分析其感情语义。5

（一）速度

动效是形态与时间结合的产物，除了形态外，时间因素也对动效的性格特征产生巨大影响，它对动效呈现形式的影响首先体现在位置的变化上，由于位移的距离与时间的不同组合，会产生不同的运动速度，主要包括匀速、加速、减速、快慢交替等6。

1.急切的速度

缓慢或急切是相对的，如果不以理性的数据来说明，笔者认为急切的速度是指不易看清物体形状和物体细节的运动速度，如活跃的蚊子飞舞的速度、汽车快速驶过的速度、雨水下落的速度，以及比这些更快的速度。

急切的速度能给人以紧张、富有生机与活力、果断、俏皮的感觉。应用可体现在界面的快速切换动效中，迅速切换给人干净利落的感觉，不浪费时间。又如iOS系统，长按图标，图标小幅度快速抖动的动效给人活泼可爱的感觉。

2.缓慢的速度

缓慢的速度能给人以舒缓、轻柔、平和稳重的感觉。如屏保动效的设计，屏保表示机器进入休息状态，就好像一个人在睡觉，缓慢的起伏的动效能营造一种安静舒缓的氛围。

3.匀速

匀速运动是在单位时间内通过的距离相等的运动方式。匀速运动能给人以平稳、可靠的感觉。如banner的切换，可以用匀速运动动效，既能实现图片的变换，又不失稳重、大气，能让用户感觉心安。

4.加速

加速运动是运动的速度变的越来越快，能给人以力量感、速度感和紧张感。在现实生活中，最经典的例子是自由落体。另外还有人突然起跳、用力出击、锤子钉东西等，这些情况都是因为有一个力量的增长。界面中提示信息的退出，若使用加速动效，不仅能因速度感提升精神，还能让人将注意力尽快集中到接下来的重点内容上。

5.减速

减速运动是速度逐渐变慢的运动，能给人以舒展、抒情，或结束、恢复平静的感觉。有如现实生活中的停车、人跑步逐渐停下来。可使用在体现舒缓感的结束性动效处。

6.快慢交替

速度快慢交替能使动效产生一定的时间节奏感、韵律感。如弹跳的小球，就应该有速度快慢的交替，这会比匀速运动更有生命力些。这也是动效制作软件设置缓入缓出之类效果的原因。

此外，叶子和羽毛的下落、海浪进退的速度也有变化。模拟诸如此类动效，更确切地说，是要遵循现实中的运动规律。交互动效给人带来的感觉源于生活中的经验，符合人类认知习惯的动效，才能有代入感。还有类似起跳、出拳的动效应设计预示性的准备动作，为用户提供一个心理预知等等。违背自然运动规律的交互动效会给人造成认知负担，应该避免唐突生硬的交互动效，以在不知不觉中唤起用户的情感共鸣。

（二）路径

路径是物体运动过程中隐藏在动效背后牵引元素运动所形成的隐性运动轨迹，包括运动的幅度、路线和方向。不同的运动路径也会给人以不同的感觉。

1.幅度

幅度是指图像在界面上的活动范围。运动幅度大，能给人一种舒展的感觉，而幅度小则给人以谨慎的感觉。就像人高兴的时候，动作幅度比较大比较舒展也比较快，而紧张时，动作幅度就会比较小。

2.路线

路线包括直线、曲线。直线运动会给人干脆、严肃、严谨的感觉，而曲线能给人放松、柔软、优美、圆滑，甚至有弹性的感觉。一般的切换动效都是直线运动，使得画面简洁操作高效，曲线运动可以运用在一些特效的表现上，如表示声音波动的动效。

3.方向

方向包括单向、四周、前后、往复以及旋转等。

单向运动给人简约之感，最常用。通常情况，进入和退出的方向为从左到右或从上到下。

往四周扩散给人一种向外的张力感。向四周扩散加上曲线运动能形成波纹效果，形成很强的韵律感。而从四周向内或向一个点运动能营造一种吸收感。如苹果电脑窗口最小化的动效，如同有一股强大的吸力将窗口一把收起来，界面仿佛具有了人性，带着一丝调皮的味道。

前后的方向能够形成一种立体空间感，尤其是配合放大或缩小动效，能让人强烈地感觉到界面的径伸层次，仿佛进入了一个立体空间，震撼的视觉感受扑面而来。

往复运动包括直线的往复运动和曲线的往复运动。往复运动和旋转会给人一种慵懒感，长时间的往复运动或旋转却会让人觉得乏味。

（三）形变

形变是指物体形状的改变，这里不考虑原始形象的变化，而是整体比例上的变动。包括弹性形变和非弹性形变、放大和缩小等。

1.弹性形变与非弹性形变

现实中的形变主要有因被挤压或拉伸而产生的形态的变化，在受力消失后能够恢复原状的为弹性形变，否则为非弹性形变。弹性形变最典型的例子是皮球从空中下落，碰到地面马上弹起。弹性形变的动效会给人一种十分生动活泼、俏皮可爱、有韧性的感觉，可以设计的稍微夸张一点，感受效果会更明显。文字、图像的出现，以及界面切入，是很好的运用场景。

2.放大和缩小

除了弹性与非弹性形变外，还有放大、缩小等。在界面设计中，应用的打开与退出常常用到。开启时主界面仿佛从应用图标中钻出来，关闭时又退回到应用图标中。连续的整体形变让用户直观地感受到其去向，界面也多了几分灵性。而放大缩小的组合运用，又可形成呼吸感，好像是心脏的跳动、胸腔的起伏。快速的放大缩小烘托紧张氛围，缓慢的情况就让人放松且温暖。

实现人与界面互动交流需要借助各种各样的动效，各动效因为构成要素特征的不同而体现出不同的个性，蕴含不同的情感语义。界面也因为一个个这样的动效得以更鲜活、富有感情色彩、更具吸引力。我们在动效设计时，可以基于一个要素进行设计，也可以组合考虑。

三、结语

社会的进步、体验经济的到来使得人们对产品的需求，由基础的功能延伸到感性层面，使用体验直接影响产品的生命力。数字技术的发展使得信息的表现形式更丰富多姿，“沉睡”的视觉符号“苏醒”起来。交互动效能够提升产品的有效性、趣味性，使产品更人性化、智能化。但由于交互动效还处于新兴阶段，针对性的设计方法还比较欠缺。本文从其构成要素的角度出发，分析情感语义，希望能够为交互动效的设计提供一定思路。当然，情感语义还会受到图像本身的影响，最终效果是所有要素的共同结果，这是本文的片面性，也是有待继续研究的内容。

注释：

1.郭会娟，汪海波.基于符号学的产品交互界面设计方法及应用[M].南京：东南大学出版社，2017.

2.童上.移动端交互动效中的感知等待时间研究[D].浙江：浙江大学，2017.

3.李靖.情感语义在产品形态设计中的研究与应用[D].辽宁：东北大学，2008.DOI：10.7666/d.y1843810.

4.杜欣芳.流动之美·提升用户体验的交互动效[DB/OL].http：//dy.163.com/v2/article/detail/DJ312DSQ0516RR9K.html，2018.

5.安娜，刘健.空间与时间——动态图形设计的基础性研究[J].美苑，2016，（3）：101-103.

6.林小入.动画运动规律[M].北京：海洋出版社，2013：18-21，39.