周丽丽

　　摘 要：随着移动互联网络的飞速发展和智能终端设备的普及，移动APP（Application）产品已经渗透到人们工作和生活的方方面面，成为人们生活中必不可少的一部分。人们对APP要求越来越高，动画作为APP界面设计中重要的视觉元素，使得APP页面的展示方式更加丰富、产品更具活力、吸引力更足。本论文通过对交互动画在APP界面设计中的应用形式和作用进行归纳、分析、总结，提出APP界面设计中动画的设计原则。

　　关键词：动画；界面设计；移动端；APP

　　中图分类号：TP311.52 文献标识码：A 文章编号：1005-5312（2016）17-0052-01

　　一、动画在APP界面设计中的应用形式

　　近几年来，随着移动智能设备配置的不断提升以及操作系统的优化，使动画在APP界面设计中应用非常普遍，通过归纳总结出以下几种：

　　1.欢迎动画。欢迎动画出现在APP开启时，以公司宣传动画或者动态标志演绎为主。欢迎动画能强调品牌、传递情感。流畅、合理的动画能增加产品的识别性，也可以树立品牌形象，还能给用户到来轻松愉悦的体验。当用户打开APP时，独特的APP动画效果可成为APP的标志，将品牌形象印在用户脑海中。欢迎动画时间不宜过长，长时间的欢迎动画会让用户等待时间过久，从而降低用户对APP的使用兴趣。

　　2.跳转动画。跳转动画常出现在页面之间。为了避免两个页面之间的跳转过于生硬，利用动画填补上了页面跳转的中间过程，让用户更好地理解页面跳转，知道自己身在何方，从而使得体验更加流畅和自然。

　　3.加载动画。APP产品因为网络不流畅等原因，页面不能及时显示，加载动画能减少用户在等待过程中的焦虑感。最初的加载动画为形式单一的沙漏动画，随着技术的提升和审美习惯的变化，加载动画表现形式更加丰富。

　　4.反馈动画。动画作为界面设计的肢体语言，能增强用户的操作感。界面设计中的动画一般都具有一定的交互性，能与用户产生互动。 当用户出现误操作时，用动画反馈替代图形文字的静态提示更加友好、自然。软件的反馈对于体验的提高来讲至关重要。通过对用户交互行为的及时反应，来让用户感到安心，使体验过程更加轻松和愉悦。

　　二、APP界面设计中交互动画的作用

　　动画是APP界面设计中重要的组成部分，APP界面设计中适当加入动画，可以给用户带来舒适、自然流畅的体验，加强界面交互性和操作体验，减少用户的枯燥感，让界面更活泼有趣。

　　1.减少用户不适体验。用户在使用APP时，因为APP软件开发的缺陷或者网络原因，不免会有让用户等待页面加载的时候，造成APP产品用户体验下降。为了弥补这些不可避免的缺点，界面设计中适当加入动画，可以减少用户等待中的枯燥感、焦虑感。

　　2.增強APP界面趣味性。静态的界面设计相对较单调，为了突出界面中重要的信息，我们可以适当的加入小动画，来增加界面的趣味性，吸引用户的注意力。一些细节的动画设计能产品的趣味性加分。

　　3.引导用户。移动端APP因为屏幕显示区域受限，图像以及信息要在有限的空间内展示，APP界面设计中层级关系过于复杂，产品信息过多会让用户迷茫，不知所措。动画可以清晰阐述产品功能间的切换过程的，利用交互动画增强引导性，引导用户进行软件操作，给予用户清晰明确的指示，帮助用户完成某项任务，降低软件操作难度，提升用户体验。

　　三、APP界面设计中交互动画的设计原则

　　1.动画风格统一。移动设备物理形式和界面显示区域较小，APP界面设计中动画设计力求简单清晰、风格统一。风格杂乱，会使界面混乱不堪，让用户眼花缭乱，不知所措。要做到动画风格统一，可以从动画的构成元素风格上进行控制以及把握好动画表现形式。切忌不同风格构成元素在混乱的节奏中以动画形式呈现。

　　2.谨慎增加动画。界面设计中动画效果不是越多越好。增加动画需谨慎，在对APP整体效果进行把控下，并且以用户体验为中心进行设计。太多的动画会让用户眼花缭乱，分散用户注意力。界面设计时，应该学会动静结合。在需要凝聚用户注意力的地方添加动画效果。不要为了使界面更加绚丽，而刻意增添动画。像转场这种界面之间转换的效果，不要太花哨。

　　3.简化界面信息。目前不少APP通过绚丽视觉效果来吸引用户，这类APP界面设计中带有很多复杂的视觉元素，如何处理好每个视觉元素之间的关系，有效传达信息。这就需要进行动画设计。动画能简化界面信息和交互层级，从而降低软件操作难度，让操作更合理，提升用户体验。

　　4.把握动画节奏。单调生硬的动画已经无法满足人们的需求，动画必须具有表现力。APP动画设计需要以用户为中心，让动画符合人的视觉经验，把握动画的节奏，以运动规律为指导进行设计。动画设计多以自然界中物象运动为参照，接近真实的模仿自然界中物体的运动规律，结合物理力学，强调惯性、弹性、曲线运动，将动作进行适度夸张，做出视觉感受顺畅的动画设计。

　　四、结语

　　移动端APP界面设计中，动画设计对界面视觉表现力的提升起着非常重要的作用。在设计过程中对优秀APP动画设计进行分析、学习，然后以用户为中心，运动规律为指导进行设计，设计出符合用户操作习惯和审美的APP动画。