邵亚楠 （无锡商业职业技术学院 214153）

移动终端APP的交互动画设计与运用

邵亚楠 （无锡商业职业技术学院 214153）

随着科学技术的不断进步，信息的传播方式越来越多，传统的动画传播方式已无法满足互联网时代的发展，动画产业的未来需要与互联网技术相结合，通过移动终端APP实现新型的传播技术。文章从移动终端APP的角度来分析交互动画在新媒体中的应用和发展，以及交互动画的设计原则与运用技巧。

移动终端；交互动画；设计运用

一、交互动画的概述

（一）交互动画的意义

交互动画是指动画在播放时支持事件响应和交互功能。从普通角度来讲，在动画播放的同时，动画能够服从某种指令的就叫交互动画。观看者的操作就包括其中，例如简单的点击操作。这种交互性给观看者的观看感受造成极大的转变，把观看者从原来的被动姿态转变成现在的主动姿态，就是因为交互性在推动观看者加入和发出指令的进程中发挥了巨大的作用。

由于移动终端产品的不断升级，我们如今正处于一个可以充分体验高速科技的进程之中。科技的更新也就使得移动终端APP的界面交互动画设计紧跟科技的脚步，满足人们的需求。在移动终端的系统升级快速的基础之上，移动终端APP中运用交互动画的设计已经非常普遍。

（二）交互动画的作用

交互性、开放性和沉浸性是交互动画的三大特性。将优秀的交互动画融入移动终端APP界面设计中，给人一种春风拂面之感，远比运用传统动画或者纯文字的APP界面，更能拉近与使用者的距离，甚至交互动画的存在还可以代表运用它的APP应用。

（三）交互动画与传统动画的不同

简单来说，交互动画就是传统动画加上现代科技融合而成。将动画观看者的感受作为重点，是交互动画结合现代科技进一步创作时的基础。观看者的感受可以更为直观的表现出交互动画中的不足与优势，结合科学技术的交互动画，就可以使人和信息的传递进行得更加顺畅，拉近观看者与运用了该交互动画的移动终端APP之间的距离。交互动画更看重的是观看者的感受，而传统动画则是更倾向于画面的设计，缺少了观看者与动画的直接互动。

二、移动终端APP与交互动画的共同发展

科技在不断的发展，越来越多的新技术如雨后春笋般涌现。而在其中，移动媒体技术的革新给予了动画产业一个更为广阔的平台。

（一）交互动画的视觉体验

通俗意义上，视觉包括了两个范围，其一是不以认为而转变的生理方面的独特反应，其二是不确定原因形成的，如个人兴趣，特性等。视觉可以令我们产生一系列的心理上、生理上、行动上、情绪上的反应，而设计是一门掺杂视觉经验的科学。

在功能方面上讲，交互动画的视觉设计加入了观看者的“参与能力”的观点。而“交互”一词，则是明显地点出了观看者和媒体载体之间的联系。交互的程度愈高，观看者和媒体载体的联系也就愈近，观看者的“参与能力”也就愈高。

（二）交互动画运用在移动终端APP中的发展趋势

1.流畅的转场动效。运用于动画各帧之间的转场效果更为平滑，实现了无缝拼接，使得观看者可以享受逼真舒适的视觉效果，提高了观看者的个人体验。

2.重塑信息的构体。尽可能的在最大程度上去体现APP设计的效率，重塑以前的弱化视觉效果，融入扁平化的设计概念，缩短了信息的递进时间，可以有效解决观看者的根本问题，即观看者的操作问题。

3.运用任务窗口模式。通过小窗口的方式，用网络状的关系来操作大屏幕，与此同时，还可以将多个任务一起运行，在根本上实现了手指操作不足的问题，解放了手指的同时还极大限度展现了大屏手机的功能，最后可以获得不一样的动画交互感受。

4.进行跨平台布局。就我国的现今情况来说，市场对于移动终端APP的需求量还是十分巨大的，各种跨平台布局的移动设施，使得移动网络的市场愈加清晰，这时候，在保证市场运行无碍的基础上，可以使不同的智能手机用户获得有效的沟通，并且适应企业场景的发展。

5.利用广角大视野背景。广角图片本身就具有开阔的特点，而将大视野的照片运用进交互动画的设计之中，使得画面整体更具有层次感和丰富性。

三、交互动画在移动终端APP中的设计

艺术性原本是指文学作品通过形象反映生活、表现思想感情所达到的准确、鲜明和生动的程度以及形式、结构及表现技巧的完美的程度。目前交互动画在移动终端APP中的设计也要遵循艺术性的原则。

（一）熟悉交互动画的节奏和幅度

如果要设计一个观感舒适顺畅的交互动画，其中有两点是最为关键的，即时间和节奏。这是无论什么形式的交互动画都需要注重的问题，而且人的观感经验即视觉经验也十分重要。

（二）阐述清晰，精确引导

移动终端的APP界面空间被移动设备的屏幕尺寸所限制，很多信息和图片都无法按原本的尺寸进行放置，这时候就需要设计者好好地进行规划。通常来说，信息可以根据它的关键程度分为不一样的级别，需要反复地通过进入与返回的操作，而交互动画，可以很明确地实现观看者使用过程清晰化的目的。同时还通过交互动画加强了引导的力度，做到精确引导，使得软件的操作难度得到了降低，并且使观看者得到了良好的视觉体验。

（三）慎重增加动画，选用有价值的信息

事物都具有两面性，交互动画也不例外。在移动终端APP的交互动画设计中，设计者需要更注重信息和图片的选择。交互动画通常作为移动设备APP中的界面动画，将会在第一时间给予观看者该APP最直面的代表信息，所以交互动画的图片和信息的使用，需要非常谨慎，它们将代表这个APP最核心的思想。

（四）简化界面信息和交互层级

软件的操作难度得到了降低，观看者得到了良好的视觉体验，这其中很大一部分，要归功于动态简化界面信息和交互层级。从现在的APP发展来看，移动终端的APP与WAP站的视觉效果十分不错，但是同时又会伴随着许多的复杂感官元素。于是如何处理好这些感官元素之间的问题，成了首要关键。将界面信息和交互层级简化，可以使得观看者在操作后更直观的看出元素的关系变化，同时也使得交互动画的观看更加顺畅、舒适。

（五）使用同系列的动画

交互动画的产生与设计者的想法有密切的联系，而设计者作为独立的个体具有独特性，但是为了使得交互动画的画面感更为和谐，需要使用同系列的动画。而且设计者也应该在对交互动画起稿的时候，与内置动画形成一致。就像安卓系统中的安卓应用的动画，设计者就应该做出符合安卓应用内置的动画，这不仅是为了防止触碰到系统的标杆，而且也是为了尊重观看者的习惯。

四、交互动画在移动终端APP中的运用

站在大比例的角度来说，由于交互动画的陌生性和新鲜性，移动终端APP的交互动画设计常常被强调其技术性质。然而在实际的设计过程中，使用多种设计工具，进行综合设计，编辑各种多媒体元素（文本、表格、图形和声音），并在其中增加交互行为的合理性、自然性等，这些环节都需要艺术创作。因此，对于移动终端APP交互动画的设计者来说，技术是实现的基础，而艺术的把握和追求才是更高的要求。艺术设计的效果将促进和调动消费者参与的积极性，进而实现移动终端APP信息的快速传播。

（一）交互动画设计的运用现状

移动终端APP的交互动画设计被企业广泛应用于高新技术产品领域，如电话对企业的发展起着重要的作用。它主要是遵照客户第一的原则，从始至终奉行客户第一的经营核心，为用户提供不同的体验并且总是在创新产品。引导和改善企业竞争的方向，满足不同用户需求的不同特点。还可以促进交互动画产业的发展，使其成为我国一颗正在冉冉升起的明星。

（二）交互动画的运用

提高用户的操作直观性。由于移动设备硬件无休无止的发展，移动终端APP的不断更新，给用户的选择将更加丰富多样，用户在使用移动终端APP的时候，同样寻求简单流畅的操作，因为这样可以拉近用户与移动终端APP的关系。

增加用户兴趣，降低学习成本。通过交互动画灵巧地让观看者具有舒适的心理感受和操作体验，使观看者更容易理解移动终端APP的功能，有时也能解释详细的功能，由此看来，简单的交互动画更具吸引力和表现力。

强化品牌一致性。交互动画常常被作为一个桥梁，为观看者输送该APP的核心思想和文化信息，极其简单地将观看者，即用户与移动终端APP联系在一起。越来越多的热门APP都可以窥见交互动画的兴盛，其优质的动画内容以及科技手段的加入使得观看者即用户的感受更加直观，也就使得该APP的印象更为深刻。总之，运用适当的动态效果，可以增加产品的认知度，有助于打造品牌个性，能为用户带来愉快的体验。

五、结语

信息化的发展速度远远超出了人们的想象，交互动画逐渐成为移动终端APP在界面转换中的设计趋势和发展方向。对于当代应用软件设计人员，应继续加强交互动画设计研究，开发新的趣味交互动画设计，并付诸实际应用。为此，设计师应适应不同类型移动终端APP的交互动画设计，并加强掌握交互动画设计技巧。此外，交互动画设计还应全面考虑智能手机的性能、交互动画在移动终端APP领域的实际表现以及增强观看者的体验。

[1]胡媛媛.新媒体时代艺术的审美性研究[D].东南大学，2015.

[2]常鑫.以用户体验为中心的APP交互界面动画设计研究[J].艺术科技，2015.

[3]常海.交互设计中的控制感研究[D].江南大学，2010.

[4]谷时雨.多媒体艺术[M].文化艺术出版社，2005.

[5]莫军华.标志设计的艺术性[J].南京艺术学院学报（美术与设计），2005.

邵亚楠（1985- ），女，汉族，江苏无锡市人，江南大学硕士，无锡商业职业技术学院数字媒体学院，助教，研究方向：数字媒体应用技术。