动态图形的交互设计研究

杨乐萱

摘要：動态图形的交互设计不仅能为受众提供愉快的感官体验，而且还能提升设计作品的艺术价值和竞争力。本文首先阐述了动态图形及交互设计的概念，其次阐述了动态图形的交互设计意义，并总结归纳了动态图形的交互设计要素，最后提出了动态图形的交互设计原则。通过本文的研究，以期为动态图形的交互设计提供一定的思路。

关键词：动态图形;交互设计;要素;原则

中图分类号：J524 文献标识码：A

文章编码：1672-7053（2021）04-0080-02

1 相关概念解析

1.1动态图形的概念

动态图形，英文“Motion Graphics”，“Motion”意为运动、移动、动态，“Graphics”意为图形、图案、图画等。广义上来说，动态图形包括字符、表格、LOGO、纹样、插画、影像等图形化元素及其颜色和布局。这种视觉表现形式具有时效变化的属性特征。动态图形是多领域融合的艺术表现形式，它需要平面设计的构成语言、动画设计的影视美学、数字艺术的软件操作技术等跨专业的知识支撑，因而在媒体领域普遍运用，在信息传递中起到非常关键的作用。

1.2交互设计的概念

交互可以直译为交流、互动，是人、物相互之间交集而成的感知与情绪的改变。而交互设计就是针对人、物之间交流互动的设计，从而达到交流和互动更为流畅舒适的目的。交互设计形成的根本原因是人类具有“认知摩擦”的特性，认知摩擦概念由美国交互设计师 Alan Cooper 提出，他定义认知摩擦为：“当人类智力遭遇随问题变化而变化的复杂系统规则时遇到的阻力”，通常是产品设计不合理而产生的问题。因为不必要的技术与功能应用让产品操作繁琐、加重理解负担，使用者难以利用感官判断来掌握使用技巧，从而产生产品使用成本过高的不利影响。产品的根本属性是为使用者提供服务，为了达到便于使用者感知、了解、使用产品的目标，交互设计重点在于改进不足，并最大限度地为使用者在产品的操作过程中提供舒适的情感体验。据此，交互设计的定义是指对产品的操作方式、执行程序和内容框架的设计，从而达到应用的操作便利、理解便利并满足使用者使用过程的心理需求。

2动态图形的交互设计意义

2.1提高图形的表达性

现阶段，在互联网技术提升与新媒体深层应用的时代背景下，动态图形的交互设计向多元综合化趋势发展。从设计原理的层面分析，动态图形的多样化布局会呈现出多种视觉效果，将其动态特征引入交互设计中时，能够提升信息的传达效率，即提高了图形的表达性。

2.2增强受众的体验感

在新的表达领域探索动态图形的交互设计，可以挖掘动态图形更大的体验空间。而从另外个一角度来说，使用者在接受视觉信息时需要满足一定的艺术审美需求，形成视觉和操作交互过程的体验。为此，以具有交互设计特征的动态图形，能够增强受众群体的体验感。

3动态图形的交互设计要素

3.1 图形要素

以动态图形（字符、表格、LOGO、纹样、插画和影像等图形元素）为基础构成交互设计要素。动态图形具有较强的传递信息功能，设计师可以通过合理的图形设计指引人们进行操作，提升交互界面的吸引力和视觉效果，降低人们操作难度。如字符类动态图形可以通过文本或图文这两种主要形式呈现。动态文本可呈现较为细致的内容，而图文是指以字形为基础与图形结合的图形化文字，在保证文字可读性的同时进行设计，以提高交互设计的艺术效果。

3.2色彩要素

色彩是动态图形的表层属性，是可以直接作用于观赏者大脑并产生本能反应的设计元素。色彩最主要的作用是形成视觉效果，设计师通过对色彩设计强调设计主题、传递信息，并给予使用者操作提示，每种色彩都各具情绪表达和象征意义。如蓝色象征成长，代表锲而不舍;紫色象征离别，代表忧郁悲伤;蓝紫色象征友谊，代表温柔关怀;黄色象征演变，代表生活力。

因此，色彩需要依据主题内容进行设计，从而在视觉层面向使用者准确表达信息。

3.3动态要素

动态图形实质是使静止图像通过动态设计成为能够变化的图形，使其更具活力，传递更丰富的信息。动态图形有五种基础动态方式：位移、缩放、旋转、形变、色变。位移是指图形沿指定轨道改变位置，进行简洁而富有活力的动态设计。缩放是指图形按比例收缩或放大，以此强调内容，引起使用者的注意。旋转是指图形围绕某点灵活转动，进而产生灵动的视觉效果。形变是指物体形态在各种力的作用下产生压缩、拉抻、扭转、曲折等或规则或不规则的变形。规则变形具有一定规律属性，动态图形利用规律模仿现实物体的物理特质，更真实地模拟出物体在现实世界中的运动状态。不规则变形则是不遵守物体形变规律，可以自由转换形态，通常情况下设计师对不规则形变的设计有明确的主题内容，通过有趣的变化为使用者加深印象。色变是指图形通过改变颜色提高图形的表达能力，使其更具内涵性。

3.4布局要素

布局是把文本、图形、颜色、动态等组成要素经过合适的设定进行组织运算，将设计内容直接有序地进行表达。只有合理的布局才能确保用户在短时间内快速接收信息并进行操作。

4动态图形的交互设计原则

4.1 符合认知逻辑原则

人对事物的认知基于对客观规律的探究与了解，而设计的过程是虚拟的，人们在交互中通过虚拟体验现实，用现实映像对比激活感官记忆。

如：游戏中一些球类的动态图形正是依据部分现实物理运动规律进行设计的。在游戏《最强弹一弹》中，弹球坠落速度由慢到快，碰撞后弹球运动由快转慢，弹动效果逐渐削弱直至消失。这些动态图形都是依据现实世界物体的惯性运动、弹性运动、曲线运动等物理规律而进行设计的，为玩家营造出了一种真实感。

4.2符合内涵表达原则

動态图形在模仿现实时应符合运动规律以形成视觉认知，并且动态图形的交互设计也应更加符合主题信息的内涵表达。

以《纪念碑谷2》为例，该游戏初始界面是一个不完整的小图标，通过渐次展开画面的动画形式调动起玩家的探究兴趣，以此吸引玩家的注意力从而表达探险游戏的主题。展现全部纪念碑谷场景后，通过设置不同时长的间隔与移动速度使背景中的雪花有节奏地移动，营造唯美的视觉效果，带给玩家舒适的游戏体验。

4.3符合动态时间设计原则

动态图形是基于时间动态而设计的图形，因此，合理的动态时间设计能够为使用者在交互过程中提供流畅而舒适的体验感。反馈型动态图形在使用者实施交互指令时起到迅速反应的作用，应尽量简单快速。若动态图形的交互反馈超出一秒，用户将不再保持完整感知并产生卡顿延迟的交互体验;以加载动态图形为代表的状态提示型动态图形，在处于界面加载状态时应当安抚使用者因等待而产生的焦躁感，因此动态图形时长过于漫长或短暂都是不合适的，太过短暂会让使用者形成无趣的视觉感，过于漫长则会让使用者产生枯燥乏味之感。如：在影视作品中，设计师通过改变动态图形的节奏来为观众提供影视内容的。

4.4符合愉悦有趣的情感体验原则

体验是通过感官形成的情感，不可设计却可触发。动态图形的交互设计通过三个方面满足使用者的情感体验需求：使用合适的视觉元素引导使用者的情绪，满足使用者的本能需求;使用合理的交互系统，为使用者提供舒适的操作体验，满足使用者的行为需求;使用合适的交互动作引导使用者对进行情感沟通，并形成共鸣，满足使用者的反思需求。

4.4.1简约的视觉元素体验

动态图形的交互设计要素包括图形、文本、色彩、动态、布局等，在情感化设计中发挥着重要作用。统一的视觉元素会让使用者产生舒适的情感体验，而杂乱的视觉元素难以让使用户集中注意力，不利于使用者快速了解主题。因此，在动态图形的交互设计中需要利用统一的视觉元素向使用者传达内容，以带给使用者和谐流畅的体验。

4.4.2简单自然的交互行为

动态图形的交互设计需要遵循便捷的应用原则。人们会本能地寻求便利，交互行为语言与内容的简练直观能够激发使用者体验的兴趣。因此，操作设计可以引用使用者日常习惯动作，并遵循使用者在实际生活中的认知和经验。

5结语

本文分析了动态图形在交互设计时应遵循的原则，并从交互的角度优化动态图形的各个设计要素，通过动图形的交互设计提高使用者在操作时的多感官体验。通过本文的研究，以期为动态图形的未来发展提供更多的可能性。