动画规律在交互动态效果设计中的应用

《动画规律在交互动态效果设计中的应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、动画规律在交互动态效果设计中的应用摘要交互设计作为设计领域中新生方向，集合了当前最赤手可热的前沿科技与时尚风格的融合作品。科学与艺术、技术与设计、工程与构思在交互设计中完美结合在一起，其复杂程度是任何传统设计科目所不能比拟的，甚至每一个细小分支都可以成为一个研究方向。交互设计的动态效果也是APP产品为用户所喜爱的重点之一，友好的交互体验是吸引客户群，并建立产品使用忠实度的有效方案。本文就动画规律在交互设计动态效果中的应用做一些浅要分析，希望起到抛砖引玉的作用，供大家参考。关键词交互设计动态效果动画规则物理规律交互体验中图分类号：

2、J218文献标识码：ADOI：10.16400/j.cnki.kjdks.2015.01.024在我们尚未清醒地认识到世界已然进步到一个前所未有的大数据时代之时，移动智能终端悄然遍布在我们的周遭。大数据开启了一次重大的时代转型。①转瞬间，诸如“云端”、“物联网”、“交互”等词汇越来越频繁地出现在人们的视野中。7放眼当今中国市场，风投最集中的公司类型是互联网电商，草根创业者最钟情的领域是APP开发，设计师转行最亲睐的行业是交互设计。这些风向标全部向大众表明交互设计至少在未来十年是最具活力的行业，越来越多的年轻设计师愿意参与其中，为

3、人类过上更美好的生活贡献力量。1动画节奏规律的应用1.1时间与空间（Timing&Spacing）图1时间与空间是动画法则中最易懂却很难把控的一个规律，在特定的一段时间内运动多长的轨迹，运动轨迹是什么样的状态十分有讲究。如一个小球匀速运动、加速运动、减速运动带给用户的视觉体验是完全不一样的。按照现实生活的物理规律，加速运动给人以开始的心理暗示，减速运动给人以结束的心理暗示，如图1：这是一张匀速运动的小球，一秒钟25帧每一间隔时间段内小球运动的空间距离是一样的，当然在物理学上这种运动轨迹只能出现在理想状态下的实验室中，日常生活中不

4、会出现绝对的匀速运动，这也说明，如果在交互设计中如果简单地使用匀速运动势必会给用户造成不符合常规的陌生感，并由此产生不良的交互体验。我们再看图2，渐出（减速运动）：图27图中2我们可以看出，相同的时间小球移动了相同的距离，而不同的是中间点（第13帧）的位置已经不在正中间，而是靠近终点一边，从运动轨迹上看，小球在做一个减速运动，也就是速度越来越慢，最终停止。这种运动状态符合我们现实生活中“逐渐停止”这样的运动规律。相反的运动规律我们看图3，渐进（加速运动）：图3中，小球速度越来越快，符合我们生活中由慢到快的加速运动，以表示物体从静

5、止到开始运动的状态。图3三张图时间相同，移动距离相同，但由于运动节奏不同，带给人心里上产生的影响不同，所以在做交互动态效果的时候需要把握住不同的动效产生的心理影响差异，才能得到正确的效果，如做滑块效果，就需要考虑以上渐入渐出的时间节奏，以达到最符合用户心理的交互体验。1.2预备动作（Anticipation）与缓冲动作（SettleCushion）7预备动作从用户的现实生活体验来说并不陌生，最熟悉的是体育竞赛裁判发令之前运动员做出的预备动作。在动画的课程中，为了学生快速理解，教师一般会将预备动作解释成与接下来的动作相反方向的动作

6、。用户在这方面的经验也是非常“丰富”的，所以在交互设计中能适当添加一些预备动作会使动态效果更加丰满，趣味性更足，使用户产生亲切感。在页面的切换动画中可以充分应用预备动作的概念，如放大之间先做缩小的动画，配合渐进的时间节奏，就会做出符合现实生活中物力动力的有趣效果。缓冲动作指的是当一个物体对外界的刺激作反应之后会延续这个动作进行。也就是物体受刺激后还原的过程，缓冲也分顺向缓冲和逆向缓冲两种。②缓冲产生的时间差虽然只有不到一秒的时间，但已足够为人脑提供反映的长度，为理解APP页面及层级关系留有余地。很多年龄偏大的用户本身已适应不了智

7、能终端所颠覆的阅读习惯，心理上排斥使用APP产品，如果在初次接触使用时，如果多一些缓冲动作，让他们理解软件的使用流程，会保留住这一部分难得的用户群，大大提升产品的客户端使用量。1.3跟随效果美国芝加哥建筑派的领军人物路易斯・沙利文在1907年总结设计原则时所说的一句名言“形式服从功能（formfollowsfunction）”至今仍被设计师奉为经典，交互设计可以万变，精髓却不离其中。跟随效果在目前的APP交互设计中出现不多，因为APP以功能为主，交互行为主要起到建立良好的用户体验的效果，所以一般的交互动态效果简洁短小，不会为了展

8、示效果而去制作效果，充分发扬了包豪斯密斯・凡・德罗的设计理念：少即是多（Lessismore.）。但在网页和交互游戏的设计中，跟随效果在特定的情况下可以为作品大大提分。7所谓跟随效果，最初在动画中指的是毛发、衣服等物体在角色无意识控制的情况下产生的自然飘动和动作