数字媒体背景下的移动端交互性动画设计

徐欣 刘雪松

摘要：随着5G时代的到来，移动端信息的迭代更新速度逐渐加快，为交互性动画设计的发展提供了新的机遇和新的挑战。交互动画在视觉设计和用户体验上有着更好的发展前景。它不但增加了人和物的互动性，更好地优化了用户体验，并极大程度地提高了用户在参与度上的主动性和掌控性。通过对数字媒體中的移动端交互动画设计及在用户体验上的优势进行介绍，提出移动端交互性动画的创新表现形式。

关键词：用户体验 交互动画设计 视觉设计

中图分类号：J218  文献标识码：A  文章编号：1009-5349（2020）03-0126-02

随着智能手机的普及，人与媒介的关系越来越密切，而移动端的交互动画俨然已成为数字媒体时代的新宠儿，并被广泛应用到很多的领域，如：书籍、动漫、摄影、电视、品牌推广等。移动端交互动画设计是一种科技与艺术相结合的表现形式，同时具有艺术美和设计性。移动端的交互动画设计不仅从视觉、听觉、触觉等方面为我们的生活带来极大的改变，而且推动了数字时代新的变革与进步。在设计师的精心设计下，受众身临其境地感受到艺术设计的真实感和人性化，体验到交互性带来的鲜活的生命气息。

一、数字媒体中的移动端动画设计

交互是数字媒体时代的一种必然产物。所谓的交互动画设计是将交互技术与动画艺术相结合，桥接了数字角色造型与互动科技，具有跨平台和多学科协同创新特点。将不可见的语言、思维、创意等通过计算机软件进行数字化处理，把虚拟世界的事物表现到真实的世界中。让受众更加容易理解和体验到艺术设计、交互设计、数字图像处理技术、计算机语言、计算机图形学、信息与通信技术等多方面的知识。

而数字媒体是技术和艺术的完美组合体，是以人为核心的多功能学科的融合体。相对于传统传媒而言，数字媒体更具自由性、多元性、开放性、共享性和互动性，使虚拟世界更加真实。自由性主要是以多种形式和内容进行组合，更显设计者和创意者的心境，如VR+交互设计、vlog+交互内容设计、长图拖拽+动态设计、小游戏的设计定+结果的设计设定，等等。多元性是融合了二维和三维的一些设计元素，运用如Processing、Cinema4D、After Effects、Houdini、Photoshop、Illustrate等软件技术的整合。开放性主要是指移动端动画的便捷性，可随时随地观看，以及信息的实时更新性。共享性是指可以把自己看到的好的动画进行分享和传播。交互性是指人与机器之间进行互动，增加浏览的时长，传播的速度也比传统动画迅速得多。

二、移动端用户体验的核心

提高交互动画用户体验设计是在视觉效果和技术创新中完成的动画设计，同时也要从如何根据目标用户的需求和期望出发，结合用户本身的心理特征和行为方式、特点，使人与信息的交流沟通更加切合、协调、流畅，使得用户对移动端交互动画的互动方式更加好奇，更具有参与感，能有效地让用户与机器进行双向互动。

1.艺术与技术的桥接性

交互动画和其他影视动画的区别在于它的交互性。交互动画在制作上不仅仅是调研、整理资料、策划、设计风格确立、绘画、动效设计，以及交互动画函数的输出与输入等控制性功能技术的设定，在多平台的数字媒体时代下，用户体验对交互动画技术又有了新的定义，也带来了交互动画设计技术的一次又一次创新。

2.以人为核心的便捷性

“以人为核心”的人性化体验的创意思维贯穿移动端交互动画设计整个过程，不论从视觉、听觉、触觉上都有着细致考量和研究。移动端的便捷性已经成为交互动画设计在数字媒体时代最为重要的优势，其便于储存、便于观看、便于互动等优势，让移动端交互动画设计有了更好的发展空间。

3.多维度元素的综合性

交互动画设计从视觉、听觉、触觉等多维度视角进行多元化元素的融合，而我们手中的媒介不再是单一的视频，更是具有人性化交互设计及先进的信息技术相融合的、快节奏的和高效的操作方式等，带给用户更加完美的效果体验。

三、移动端交互动画设计在体验上的优势

1.二维交互动画设计

二维交互动画是X、Y坐标，通过程序运算使视觉元素横向或纵向的位移产生动态效果，再通过人对机器的界面按钮的点击，进行进一步操作。在二维的创意设计中对画面的要求越来越高，不论是手绘还是软件绘制的图形都能更好地结合动效呈现在用户的眼前，可以使用户更加有代入感和亲切感，让用户沉浸在动画的世界中，从而增用户的黏性和传播性。

2.三维交互动画设计

三维交互动画是X、Y、Z坐标和旋转角度值来展现同一个物体不同纬度的画面效果，可以更真实地反映或再现客观物体视觉效果。但三维动画的IP形象建立需要一定的时间，在移动端加载会有不同程度的卡顿。在这个信息大爆炸的世界，延迟时间用户会选择放弃，而不会持续等待，体验差就会减弱用户的黏性。部分设计者会从不同角度出发，从三维模型的位移、动作等方面提升用户的体验感和参与度。

四、移动端交互性动画的创新表现形式

1.视觉形式感

形式感主要体现在如何打动用户的创意点上，将生活中具象事物抽离归纳总结并组合成新的事物，旧的元素进行再创意、再设计变成全新的形式，再次展现在用户的视野里。随着行业的发展，移动端交互性动画的形式变得越来越多，创作的对象可能是一本书、一个杯子、一个动作、一件事，都可能是被挖掘和延展的对象，都可以以一种交互的形式呈现，使用户体验更有真实感。

2.视觉氛围

主要是以人的五感和氛围帮助用户更加深入地理解交互动画，更加清晰地捋顺用户的思维方式和对项目的理解。在每一部动画中氛围的营造可以给用户的视觉、听觉、触觉上带来不一样的环境氛围和艺术元素。一部调性相同的动画的内容，在视觉、听觉上打破固有思维方式，并进行创新融合。

3.参与互动

参与互动和视觉形式感是不同的，它指用户可以通过移动端交互性动画自身带有的內容让用户自己参与内容创作和内容的传播。用户体验到内容本身的真实性，真实的参与性，用户可以通过使用一个产品的过程产生心理联想。这类的创制主要是将小游戏、合影、换脸、虚拟现实等交互技术相结合，所有的情节都是环环相扣，从而赢得更多用户的好感。而体验过的用户把逼真的截图分享到朋友圈并获点赞，增加用户的二次点击率并再次分享，从而增加用户黏性。在整个过程中最为值得关注的就是用户体验感，没有良好的用户体验，那后续所需要的一切连锁反应都是空想、空谈。

综上交互性动画的用户体验可以归纳为三种维度，一是视觉氛围，二是形式感，三是参与互动进行视觉上的分析与探索，从单一的视觉氛围到形式感上的深度解析，再到用户参与互动的创作。

五、结语

良好的用户体验对交互动画设计具有无形的推进作用。和传统动画设计相比，移动端交互动画的视觉设计、体验设计、形式感和参与互动的设计上有着全新的表现形式，且在交互视觉设计的作品形式上有了更加丰富的表现技法，内容更加充实具体，用户的体验效果更好，也更真实。数字媒体技术中的移动端交互动画设计的风格也较之传统动画设计风格更为独特，更具有用户黏性和体检感，更具观赏性和交互性，从而提高了用户的参与度，增强了用户黏性。

因此，创新性交互性动画设计对移动端动画的发展有很大的推动作用，良好的用户体验设计才能使移动端交互动画更加适应时代的发展，推动数字技术的进步，才能更好地增强用户黏性，从而更好地服务于社会和移动端用户。

参考文献：

[1]容旺乔.多媒体互动艺术设计[M].北京：高等教育出版社，2005.

[2]吴波.手机媒体中的动画特性研究[D].齐齐哈尔：齐齐哈尔大学，2012.

[3]Matt Jones，Gary Marsden.移动设备的人机交互设计[M].北京：电子工业出版社，2008.

[4]张蕴璐.艺术与科技的跨界融合：新媒体交互艺术的探究[J].科学与财富，2018.

[5]肖雁心.浅析数字媒体技术发展对动画创作带来的影响[J].美术界，2014（12）.

责任编辑：张蕊