二维交互动画的应用研究

刘春梅 张童谣 于恩华

［摘 要］ 当今，随着产品与技术的快速升级与发展，用户越来越注重它们所带来的体验感。交互技术是连接用户与产品的桥梁，而利用二维动画进行传达体验感，可较快获得可视、可触、可感画面。所以，二维交互动画作为当代技术与艺术融合的产物，可满足用户当下的多元需求，而且根据沉浸传播的特点，未来将进一步发展与完善。通过二维交互动画的发展历程，基于沉浸理论视角提出“二维交互动画应用模式”概念，探讨了二维交互动画在当下传播的常见定位，梳理了二维交互动画的应用优势和局限性，希望未来二维交互动画可应用于智能设备的交互与呈现界面或与动态阅读进一步结合，甚至与3D技术不断融合创造出新的交互画面，最终为产品服务，不断提升用户的满意度。

［关  键  词］ 交互动画；二维动画；应用

1888年埃米尔·雷诺发明光学影戏机，1892年在巴黎播放了第一部动画作品，自此宣布了动画艺术的问世，可以说动画自诞生之日起就带有技术和艺术的双重基因。在以互动为基础的新媒体时代下，动画不可避免地融入了互动技术。

如果说传统动画是动画工作者对观众的单向信息“传输”，那么交互式二维动画则是可以进一步满足用户需求的双向互动式传播虚拟影像。观者与作品的关系由此发生了变化，交互技术赋权于观众，观众的参与决定了二维交互动画呈现的面貌及剧情走向。

二维交互动画注重参与感和尊重个性化需求的创作理念，加之交互性的技术基础，符合当代影视的创作逻辑。因此，研究二维交互动画的应用在当下具有一定的现实意义。本文试图归纳二维动画的应用模式，用以衡量二维交互动画当下传播的常见方式，并进一步展望未来的发展路径，希望为二维交互动画的发展与创作提供一些参考。

一、二维交互动画的发展历程

由于数字技术的发展和信息传播方式的变革，动画的应用领域仍在不断扩展。本文“动画”一词，是指广义的动画，即“泛动画”①。“泛动画”概念认为动画片是一切运用动画技术表现的产品，它更关注动画的应用领域，不仅包括屏幕放映式动画，也包括游戏中的动画影像、数字媒体影像和信息可视化视频等［1］。在“泛动画”领域中，交互技术和动画技术在发展过程中出现交集，由此创造出新的动画形式——交互动画。有学者认为，交互动画是具有互动模式的动画［2］。二维动画则是虚拟形象在二维平面上运动的影像。可见，二维交互动画是将二维动画艺术与交互技术融合，运用交互技术可以给观众带来更有参与感的动画观影体验。它融合了动画法则与一些设计元素，具有多年的发展历史，通过分析二维交互动画的方向和趋势，可以理解观众对其的需求。

在互联网流行初期，有些艺术家利用兴起的Flash参与动画的创作，并创立了“闪客帝国”，于是一些知名的交互动画随之问世。与此同时，Flash技术的繁荣也把交互动画带入游戏中。例如，4399和摩尔庄园等游戏就是Flash二维动画和交互技术结合的產物。可以看出，交互技术发展的初期，动画家就将其应用在自己创建的虚拟世界中，二维交互动画满足了人们放松娱乐和释放游戏天性的需求，因此有着广阔的发展空间和市场。

但随着移动端的兴起，iPhone首先宣布因安全性、运行缓慢等问题不再支持Flash，从此Flash制作的交互动画逐渐衰退直至消失。而HTML5（H5）动画以其能功能强大、跨平台、能耗小等优势全面取代了Flash动画。目前由计算机语言制作的H5二维动画风靡网页和移动端，这种动画具有高互动性，用户的触屏或者鼠标移动点击都会影响它的播放进程。H5动画大量运用于小程序、游戏、App等移动端，是目前网络上最流行的交互动画种类。可见，拥有便捷的交互平台、能够及时反馈且可以随时观看的二维交互动画更加符合用户需求。

当下，除了H5动画，live2D技术也在游戏、虚拟主播等领域的二维交互动画中大量使用。Live2D技术是将二维图像渲染成类似三维图像并生成运动的技术。通常仅需将一张角色原画绑定到三维模型上，便能获得模拟三维运动的二维平面动画。配合传感器与动作捕捉等技术，虚拟角色可以随着交互发生角度及动作的变化。因其创作时间较短、投资低廉且带来较强的异次元沉浸感，被众多游戏与多种媒体广泛应用。可见，二维交互动画相对低成本的造价、高效的制作手段以及高质量的观看效果，在当下备受用户青睐。

从其发展历程可以看出，二维交互动画的交互性、游戏性、反馈及时性、便捷性和低廉性等属性，符合人们的多元需求。

二、二维交互动画应用模式

动画可以通过栩栩如生的虚拟形象和富有沉浸感的故事剧情，将观众的情感引入虚拟世界，用户在与虚拟形象的互动中会进一步增强受众对虚拟世界的联络感，用户在此期间会得到自我实现的满足感和潜入动画世界的沉浸感。因此，本文从沉浸理论视角分析二维动画的当下应用模式，并试述二维交互动画在传播中的定位。

本文根据动画带来的沉浸程度将二维交互动画归为三种应用模式，以此分析二维交互动画在当下传播的常见定位。

（一）无沉浸模式

一些分散、短暂且体积微小的二维交互动画被本文归为无沉浸模式二维交互动画。无沉浸式的二维交互动画几乎不带给人沉浸感，它们通常作为一些零碎的互动出现在网页、小程序等交互界面里，为用户等待刷新和操作界面增加一些趣味。例如常见的加载动画，它们可以有效减轻用户等待时的无聊感，增加其体验感并且给用户行动以明确的反馈。

（二）低／中沉浸模式

一些基于沉浸式设计思维、使用互动技术制作，且用屏幕分隔观众的二维交互动画统称为低/中沉浸模式的二维交互动画。在这种模式下，观众与虚拟世界仍有一定的距离，需要受众主动投入才能获得沉浸感。具体沉浸程度取决于动画内容、受众的喜爱度等多种因素，因此本文将低沉浸模式和中沉浸模式的二维交互动画统一阐述。此模式的交互方式相对复杂，在此引入设计师唐纳德·A.诺曼所提出的“映射”概念。“映射”来自数理理论，表示两组事物要素之间的关系，在设计理论中指利用空间呼应关系来设计控制部分和被控制设备的布局［3］。低／中沉浸模式的二维交互动画中，交互设计师遵从映射法则设计，观众通过理解映射操控屏幕内的虚拟物体做出符合预期结果的动作。因此，观众和动画之间虽有屏幕作为阻隔，但却可通过交互行为将情绪和动作联通到虚拟世界，感受到与虚拟角色和场景互动的乐趣，常见类型有虚拟主播、游戏等。

可见，通过体验二维交互动画，观众可以在屏幕外将自己的情感浸入虚拟世界，感受动画创造的真实。

（三）高沉浸模式

高沉浸模式的二维交互动画常通过四周环绕的全方位显示屏或投影技术播放，给观众营造出如空气一般充盈在周身的氛围感和沉浸感。在此情景下，观众无需刻意投入，就可以不由自主地将身心浸入虚拟影像中。这种带有装置特色的全方位二维交互动画相较基于XR技术的三维虚拟影像有着不同的沉浸体验，二维动画的抽象化和概念性让观众更加接近幻想和艺术的世界。高沉浸模式的二维交互动画带给观众的沉浸感最强，但常需观众前往特定地点互动体验，目前使用场景相对较少。

当下二维交互动画应用场景以无沉浸模式和低/中沉浸模式为主，主要功能是满足人们碎片化时间的娱乐需求。高沉浸模式的二维交互动画目前大多需观众身临其境体验，所以应用范围较小。二维交互动画中的形象或场景通常隔着屏幕与观众互动，受众的能动性被放大，观赏中可获得情感上的共鸣和视觉上的满足，在当下生活中具有应用优势。

三、二维交互动画的应用优势

在当下的应用场景中，二维交互动画相比传统二维动画和三维交互动画有一些应用优势。

（一）响应速度更快

数据显示，“用户在使用客户端时，如果连接响应超过1秒，5% 的用户会选择离开；连接超过5秒，27%的用户会选择离开”［4］。由此可见，动画的交互流畅度和载入速度是受众观赏的前提条件。而目前H5页面暂时难以承载大型三维交互动画的渲染［5］，二维动画相比三维动画更加轻量的体积可以更好地应用于H5网页中，给观众带来趣味的同时不会拖慢页面的加载速度，符合观众的注意力法则。

（二）满足需求更多

马斯洛需求层次理论中最高的自我实现层次包括运用自己的创造力、发挥潜能、解决问题和实现梦想等需求。交互技术赋权受众，受众可以通过自身的介入而改变动画的形态，相比传统动画更能满足受众自我实现的需求。二维交互动画普遍存在于闯关、竞技等多种游戏中，观众在观影和游戏过程中运用自己的智慧破解谜题和达成目标，体会到成就感和参与感。由此可见，交互技术将受众与动画的距离拉近，让其获得通过行为干涉虚拟世界的能力，同时也满足了受众自我实现的需求。

（三）形象更概括

康定斯基在《论艺术的精神》中写道：“形越抽象，它的感染力就越清晰和直接。物质的因素多少会被纯抽象的形取而代之。”［6］可见，相对抽象的二维动画相比具象的三维动画更具概括性和抽象美，可以描述出人类精神的复杂性。一方面，非写实的二维抽象场景也可以给观众带来幻境般的享受和迷幻的体验。另一方面，二维交互动画可以表现更具想象力的运动，造型在运动中可以极限地拉伸、压缩，带来强烈的视觉冲击和超越3D动画的运动奇趣。因此，相比三维动画，二维动画可以表现更多几何平面图像、奇幻的镜头体验、瑰丽的色彩和扭曲的视觉幻象，这些都可以更让观众体会到奇幻的美感。

（四）观看时间更便捷

当代人拥有快节奏的生活方式和多项并行的信息处理习惯。目前HTML5网页处理大型三维交互动画加载慢、延迟高，高度沉浸式的VR载体3D交互动画又需受众拥有一段相对完整且专注的时间，观众难以在体验VR影像的同时处理其他信息，不适合利用碎片时间进行体验。因此在当下，三维交互动画因加载慢、需要高度沉浸等因素降低了传播效率，而二维交互动画因轻量、低沉浸等特点，人们随时随地都可观赏有其元素的影像，如玩游戏、看直播、浏览商业广告等，且可以多项任务同时进行。

可见在当下，二维交互动画应用相比三维交互动画和传统动画有諸多优势。

四、二维交互动画的未来

在未来沉浸传播时代，场景化传播和空间交互成为信息传播的重要形式，人的全感官将回归和强化。不再有媒介内和媒介外的概念［7］，也不再有屏幕作为障碍，虚拟和现实生活融为一体成为未来传播图景。既然如此，在屏幕消失、高度沉浸和传播升维的未来，低沉浸度并依赖屏幕展现的二维交互动画会如何发展呢？

（一）优化视觉设计

在万物皆媒的时代，二维交互动画可能应用于智能设备的交互或呈现界面，其概括和简洁的风格可以快速指引用户正确使用设备，且可增加使用时的趣味和美化设备外观。例如，当前智能手表屏幕可以根据穿搭更换图案和配色。在此基础上，部分二维交互动画可能更加偏向图形设计和MG动画方向，力求给人以耳目一新的视觉创意。

（二）丰富阅读体验

二维交互动画可与阅读、投影技术和可穿戴设备等更深一步结合。人类在纯二维平面阅读文字的习惯也许会随着科技更换媒介，但不会消失。二维交互动画可以配合文字向动态阅读方向发展，当下部分微信公众号例如“GQ实验室”在交互式动态阅读方向做出了一些探索，公众号中以可交互的漫画展现观点，这种形式增强了阅读趣味性，更易于理解。未来，无论是基于全息投影技术，还是可穿戴设备等进行阅读，二维交互动画与阅读相结合的表现形式都是可持续的。

（三）创新交互画面

二维动画促进三维交互动画与其相互借鉴、融合。当下，大量影片通过调整3D建模材质，使其接近二维动画的质感，这么做不仅可以增加三维动画的视觉趣味，也可改善传统二维手绘动画制作成本高、周期长等问题。例如，动画电影《克劳斯：圣诞节的秘密》《蜘蛛侠：平行宇宙》等，均是采用CellShading①技术创作。由于怀旧的心理特点，人们可能会保持观赏二维风格动画的习惯。在未来，二维交互动画可能在制作过程中与三维交互动画相互融合、借鉴，进一步发展出独特的视觉风格。

在沉浸传播时代，二维交互动画可以和投影技术、阅读、可穿戴设备等相结合，向动态阅读方向发展；或形成一种风格，制作过程中融入三维技术；也可用于智能设备的交互和呈现界面，降低使用难度、增加趣味并美化设备。它作为未来传播中真实世界和完全虚拟世界的缓冲地代，为人们带来便利和乐趣。

五、结束语

动画是跟随技术和传媒形态前进的艺术，二维动画未来可能转变其表现形式，在动态阅读、设备外观和动画风格等方面都具较好的发展潜力。二维交互动画符合受众喜爱动态的观看心理，交互模式也带来独特的参与感和游戏感，在未来将涉及生活更多领域，为我们呈现更加丰富多元的动画世界。

参考文献：

［1］李玉波.媒体革命背景下的“泛动画”研究［J］.无锡：江南大学，2008.

［2］蒋璐，蔡东娜.心流理论下交互动画设计与创新研究［J］.包装与设计，2022（2）：116-117.

［3］［美］唐纳德·A·诺曼.设计心理学：日常的设计［M］.小柯，译.北京：中信出版社，2015.

［4］［5］易家玉.HTML5动画“用户体验”的审美特性［J］.当代动画，2018（1）：104-107.

［6］［俄］ 康定斯基.论艺术的精神［M］.查立，译.北京：中国社会科学出版社，1987.

［7］李沁.沉浸媒介：重新定义媒介概念的内涵和外延［J］.国际新闻界，2017（8）：115-139.

作者简介：

刘春梅，女，硕士研究生导师，中国矿业大学（北京）美术学副教授。

张童谣，女，中国矿业大学（北京）力学与建筑工程学院美术学专业硕士在读。

于恩华，中国矿业大学（北京）力学与建筑工程学院建筑专业本科在读。

作者单位：中国矿业大学

注释：

①泛动画（PAnimation，Pan Animation）概念于2008年5月在参与筹备厦门国际动漫节过程中，由中国动画学会常务副秘书长李中秋先生提出。

注释：

①CellShading也称ToonShading，利用渲染着色器使图像模仿漫画和二维动画风格，给动画风格呈现出纸质纹理。