基于用户体验的APP界面动画设计探究

于航

【摘 要】伴随着科技进步，手机、平板电脑等移动设备的性能越来越强，人们对虚拟生活的品质要求也在不断提高，同时对移动应用程序的流畅性要求也越来越高。本文从APP界面动画的设计层面出发，采用了理论研究与实践同步结合的创作方法，重点强调在界面动画设计中用户体验至上的设计原则，并给出具体可行的建议，进而更好地服务用户。

【关键词】APP；界面动画；用户体验

中图分类号：J043 文献标志码：A 文章编号：1007-0125（2017）24-0126-02

新兴媒体诞生促使传统动画产业经历了全面改革，以网络、移动终端等为代表的新媒体动画应运而生，动画产业链迅速扩大，社会影响显著增强，在移动终端上，利用和动画特效展现APP内容，有利于促进产品与用户的沟通，促进用户对信息的理解。合理的界面动画设计也能充分调动用户的心理和生理反应，增加产品的沉浸度，让用户在操作产品时注意力更加集中，完成任务的过程更加流畅。

界面动画设计是移动应用程序的重要组成部分，从属于界面设计。经过许多界面设计师的反复研究与推敲，移动应用程序界面设计需要遵循用户心理学特点和他们对美的追求。在用户进行界面操作时，采用动画的形式可以给用户带来生动的感官体验。动画在界面运行时起到调和人机交互、承担界面过渡的作用。

一、APP界面动画设计的心理学特点

界面动画研究可按心理学和美学两个部分划分。在心理学研究中，界面动画又承载了应用程序这一“产品”的形象诉求、理性诉求和情感诉求。

德国著名哲学家E.施普兰格尔把人格分为思想、情感、感觉、意志几个方面，而这些正是心理学中人性的重要组成部分。移动应用程序作為虚拟产品，为了更好地反映用户感受，必须将其价值体现在满足用户对该产品的形象诉求、理性诉求和情感诉求，带给用户内心愉悦的操作体验。设计师应该从“功能控”的思维中抽离出来，将主要精力放在用户对产品的以上三点诉求上，达到功能与人性的统一，让用户觉得“有魅力”的产品更好用。将动画应用于界面设计中，可以极大丰富受众的感官，对受众判断、选择等心理过程具有重要意义。

（一）形象诉求。品牌形象诉求是指以突出表现商品品牌形象为诉求目的的广告形式。“桂林山水甲天下”作为广西著名的品牌形象，已经被全世界旅游爱好者所熟知并认可，移动应用程序《游广西》作为这一形象的移动终端表达，承载了“甲天下”的品牌价值。《游广西》图标以著名景点桂林象鼻山为主体，配以喀斯特地貌的山丘及溪水，便于识别、记忆，引导用户思维联想。

1.记忆性。美国心理学家G.米勒关于短期记忆的实验证明，人类大脑对于无关联、无规律的信息是有容量限制的。《游广西》界面动画基于手机、平板电脑屏幕为呈现终端，其动画形象需要从实际景观中提炼、符号化，将元素分组、精简化，增加元素之间的关联程度，加深用户在体验时的印象。

2.联想性。想象力是人类进步源泉，设计师在进行界面动画设计时应该充分认识到这一规律，赋予设计作品带给用户产生想象的空间。在《游广西》界面动画中，以多种符号化的形象元素加之节奏变化的动态，激发受众思维联想。

《游广西》登录界面

（二）理性诉求。理性诉求定位于受众的理智动机，通过真实、准确、公正地传达企业、产品、服务的客观情况，使受众经过概念、判断、推理等思维过程，理智地作出决定。理性诉求体现在界面动画上就需要其按照设计规则，井然有序地呈现于终端屏幕，这就需要界面动画设计具有一定合理性，从而辅助用户判断和决定。

1.层次性。单一形象由局部过渡到整体，这样的层次递进会引人入胜，趣味性强。当动画形象为复数时，需要递进到下一步操作，可以采用堆叠动画；需要用户在现有选项中选择，采用罗列动画。

2.节奏性。界面动画与传统动画一样具有节奏的轻重缓急，通过改变动画节奏，可以使受众感受到特定的韵律和情感。例如《游广西》中的载入动画就是由静止-运动-静止-消失几部分组成，加上渐变特效，可以产生柔和的节奏感。

《游广西》载入动画

（三）情感诉求。无论设计何种产品，只有将人的情感注入其中，才能被用户所接受。设计作品所富含的魅力，正体现于这些人性当中。而界面动画同样需要体现用户的情感诉求，但由于其极少含有故事情节，因此主要通过各种形象、色彩和程序互动来传递情感。例如，《游广西》中的少数民族吉祥物头像设计，通过广西少数民族的卡通形象，拉近用户与虚拟程序、广西文化间的距离，给人以亲和力。

《游广西》主界面

二、APP界面动画设计的美学特点

当今现代，移动应用程序界面动画设计具有其独特的美学意义，此意义不单纯停留在视觉美的层面，还表现于这些设计带给用户对美的体验与回味。

（一）构成美。界面动画的构成美可以理解为：构建用户操作界面过程中，通过精密计算与设计，分割图形界面，安置动画元素自身及其整体中所有图形成分，获得极高的视觉动态平衡和无数的设计可能性，创造出视觉上高度清晰的设计。

具有美感的界面动画给用户的感觉应是有序的、张弛有度的，巧妙引入界面动画常常能让平淡的界面和枯燥的操作变得更有意思。比如使用非对称动画形象或元素，改变动画图形的形状，增加一些活跃性、趣味性强的元素来改变用户注视习惯等方法。

（二）色彩美。界面动画的色彩美可以理解为：从用户对色彩的直觉和心理效果出发，用科学的分析方法，把复杂的色彩现象还原为基本要素，利用色彩在空间、量与质上的可变幻性，按照一定的规律去组合，再创造出适用于界面动画的美的色彩效果。界面动画的情感倾向跟色彩有着直接关系，要让用户能够感受到色彩之美，设计者应该懂得用户对色彩的心理感受和认知特征，这样才能更好地把握视觉界面的色彩美。

然而，界面动画不同于日常的照片或者平面艺术作品，它承担一定功能作用。因此，界面动画对色彩有特殊的要求，既要具备高度的一致性，又要满足用户的审美。根据色彩的色相、明度和饱和度而变化搭配方式，可以使界面动画丰富而和谐。

三、APP界面动画的人性化设计建议

移动应用程序已经成为现代人生活方式中不可分割的一部分，便捷性和高效性是其主要原因。人们越来越重视移动应用程序中的体验感，人与虚拟界面的交互朝着人性化、友好化的方向飞速发展，“时刻为用户着想”成为界面动画设计的首要考虑因素。所以，在设计APP界面动画时，必须合理考量用户的心理、生理各项需求。

（一）界面动画设计应该是基于用户的心理诉求，而不是现成模板。界面动画的设计是与界面架构密不可分的，设计师在设计界面动画时应该善于换位思考，着重展现用户的心理诉求，而不是一味地给用户灌输或强行引导，应该把后台复杂的程序简单化，用日常互动的方式完成操作。其实，这就要求设计师将原始数据架构跟生活结合，抓准用户的生活操作模式，这样才能做出人性化的界面动画。例如《游广西》中的美食、美景摇出来，隨机化地推荐项目可以给予用户探索未知事物的喜悦。

（二）提供弹出式反馈动画，不打断任务操作。我们在使用APP时会经常遇到这样的问题，在进行某项操作时会被突如其来的选项打断，严重影响操作流畅性。例如，我们在发信息或看电子材料的时候经常会被后台未关闭的程序打扰，从而强制打断我们的思路，转而切换到另一个程序。这就使得原本善意的操作提醒变得不人性化。在《游广西》中，我们引入模态弹出框的方式，就是俗称的气泡弹出动画。这种软性提醒不会打断正在进行的操作，而是浮动于操作层之上的互动提醒，这样用户既能收到提醒消息，又不会因思路被打断而苦恼。

（三）界面动画需要掩护程序响应时间。APP设计的核心理念就是将用户的体验便捷化、高效化，这是也成为界面动画必须考虑的因素。然而，与之相矛盾的是，用户对信息量的需求也同时迅速增长，这就要求移动应用程序需要不断优化和完善，要让用户在获取庞大信息的同时，减少碎片时间，让他们觉得程序原本就应该是这么运行的。这时，界面动画又可以担任掩护角色，简短的载入动画可以减少用户枯燥的等待，提升操作时的流畅程度。所以，设计师需要制定一套方案引导用户完成对软件的学习和熟悉，而不是向用户展现一个枯燥的等待界面。当然，这些也必须是软性的，不能强加给用户额外的操作。

《游广西》内容界面

参考文献：

[1]数码艺术杂志2006合订本[J].计算机光盘软件与应用杂志社，2006.

[2]黑格尔.美学》第三卷上[M].商务印书馆，1979.

[3]黑格尔.美学》第三卷下[M].商务印书馆，1981.

[4]Susan Weinschenk.设计师要懂心理学[M].人民邮电出版社，2013.

[5]腾讯公司用户研究与体验设计部.在你身边，为你设计：腾讯的用户体验设计之道[M].电子工业出版社，2013.

[6]Jon Kolko.交互设计沉思录：顶尖设计专家JON KOLKO的经验与心得 第三卷[M].机械工业出版社，2012.

[7]傅小贞，胡甲超，郑元拢.移动设计[M].电子工业出版社，2013.