Android图标飞入动效 app图标动效怎么做

在UI设计中，动效可以有更好的变现力，也更便于接受。但就目前而言，UI动效对于很多人来说还相对陌生，那如何才能构建隔离的UI动效让产品能为用户带来更好的体验呢？下面，就分享三个方法帮助你构建合理的UI动效。

1、哪里开始

动效主要是通过UI元素之间关系过渡来帮助用户浏览App。当然还可以通过使用图标、勋章以及插画动效来为App增色，但是建立产品可用性应该优先于增加动效表现力。在展示你的动效设计技巧之前，让我们先从设计一个基本的动效开始，即产品导航之间的过渡。

2、过渡模式

在设计导航之间进行动效过渡时，简单性和一致性是最关键的点。为了达到这个目的，我们将以下2种动画模式中进行选择：

①基于容器的过渡。

如果动画涉及像按钮，卡片或列表这样的内容，则使用基于容器的动画设计，容器通常有很明显的边界。

②没有容器的过渡。

有些作品将使用没有容器的过渡来构建动效设计，例如点击底部导航中的图标，将用户带到新的页面。

3、最佳方案

①把事情变的更简单一些

鉴于其动画频率高低与产品可用性密切相关，导航过渡通常应该优先于功能展示。引人注目的动画通常最适用于小图标，勋章，加载或空状态等元素。

②选择合适的时间及缓动类型

导航过渡应该使用合适的时间，快速过渡优先考虑功能，但是速度也不要太快，防止动画路径迷失。根据动画占用的屏幕比例来选择动画持续时间。由于导航过渡通常占据屏幕的大部分，因此300ms是一个比较有经验的动画时长。相比之下，像开关按钮这种小组件动画持续时间很短，大概在100ms左右。如果过渡感觉太快或太慢，请以25ms的增量调整其持续时间，直到它达到合适的动画节奏。

一旦你能够为产品构建合理的UI动效，那么将会给用户带来更好的体验，从而产生效益。