动态效果显然已经成为移动互联网产品的新趋势，如何设计出有趣、有吸引力的动态效果成为设计师的新课题。不同的产品适合不同类型的动态效果。有些产品适合酷炫的动态效果，有些则不适合。切记不要把动态效果设计成华而不实的花哨，而是作为增强用户体验的新方式。移动互联网时代已经到来，应用就像天上的星星，应用不计其数。
一、APP动效的外在美一、APP动态效果的外在美
首先，动态效果需要生动有趣，不仅要有好看的外观，还要有流畅的体验。要做到这一点，就要给动态效果注入活力。有以下几种方法:
1.1模拟惯性
现实中物体的运动是有惯性的。比如公交车突然刹车，乘客会突然向前摔倒。仔细观察以下三种运动效果后，图像会在变化结束时“超出”一点点(放大、缩小、翻转)，然后立即“反弹”。这种处理方式使整个运动效果充满活力和趣味性。
1.2模拟重力
和惯性一样，引力是一种真实的现象。没有向上的支撑，所有物体都会掉下来，比如倒垃圾。一般APP删卡的动态效果是横向滑动直到消失，但后面的动态效果增加了重力效果。也就是卡片水平滑动的时候，也是翻转落下，就像现实中把垃圾倒进垃圾桶一样。不仅使整个动态效果生动有趣，还方便用户理解操作的含义。
1.3均匀变速
一个优秀的动态效果肯定不会匀速运动。匀速运动的物体看起来很僵硬，僵硬，就像机器人一样。为了让一个图像运动得轰轰烈烈，就要“设计”它运动的速度。仔细观察下图所示的动态效果。虽然界面中不同元素的移动速度不同，但它们的移动都遵循一定的原则，其中之一就是匀速变化，所以要记得“快起床”。也就是说，运动中的界面元素的初速度应该为0，应该开始匀速运动，但在运动结束时可以突然停止。
1.4碎片运动
让一个应用程序充满个性的好方法就是给它添加酷炫的动态效果，而让一个动态效果酷炫的常用方法就是碎片运动。简单来说就是把界面里的图像拆成碎片，然后让它们异步移动，利用时间间隔和速度变化产生酷炫效果。就像下面的动态效果一样，图像中不同的元素有节奏的呈现，利用时间差来营造效果。
二、APP动态效果的内在美
真正优秀的动态效果，不仅仅是一个外形美观的花瓶，还具有优化互动、增强体验的功能。下面总结三种动态效果的“内在美”，即引导、简化、强化反馈。
2.1引导
图形界面难以理解和抽象，增强引导是降低软件操作难度、提高用户体验的好方法。
2.1.1动态聚焦
通过动态处理引导用户将注意力集中在界面的关键部位，使体验更加流畅。青蛙能很快抓住移动的物体，人眼也有类似的特征。移动的物体总是会引起潜意识的注意。如下图所示，屏幕顶部的数字并不直接显示一个数值，而是从0迅速增加到该数值，刻意表现出一种动态效果，目的是吸引用户的注意力和注意力。中国的支付宝钱包APP也利用了这样的特效。
2.1.2示意性过渡
过渡效果是在界面的变化中加入平滑过渡，目的是引导用户确切地了解发生了什么，而不会让用户感到不知所措。如下图所示，添加卡片的过程模拟的很形象，让用户很容易理解发生了什么。试想一下，如果页面没有滑动，而是直接生硬地跳下去，岂不是更糟糕？
2.1.3空间过渡
过渡效果是设计师关注的特殊效果，它的作用是引导用户更好的理解页面跳转，知道自己在哪里。下图所示的动态效果是一个漂亮的过渡动态效果。为了避免两个页面之间的跳转过于生硬，采用动态效果填充页面跳转的中间过程，使得体验更加流畅自然。
2.2简化
有时候好的设计就是好的简化。简化界面信息和交互级别，可以降低操作难度，提升用户体验。
2.2.1隐藏二次操作项目
利用动态效果，可以隐藏界面中的一些信息，隐藏的内容经过一些操作后会动态展开，从而达到简化初始界面，使界面简洁大气的目的。
2.2.2按钮激活
激活按钮可以使界面的重要信息动态地出现在同一个按钮上，使用户的眼睛紧紧盯着按钮，减弱了跳页带来的干扰，使体验更加流畅。
2.3增强反馈
软件的反馈对于改善体验非常重要，增强反馈可以起到更好的提示作用，让体验过程更加轻松愉快。抖动是增强反馈的方法之一。用动态反馈代替图形、文字的静态提示更自然，更引人注目。下图所示的动态效果来自苹果的Pages软件。进入编辑状态后，被编辑对象进入持续晃动状态，起到了很好的引导作用。
总结
动态效果显然已经成为移动互联网产品的新趋势，如何设计出有趣、有吸引力的动态效果成为设计师的新课题。不同的产品适合不同类型的动态效果。有些产品适合酷炫的动态效果，有些则不适合。切记不要把动态效果设计成华而不实的花哨，而是作为增强用户体验的新方式。
2021-04-14 10:43:25分类：APP开发
阅读()
