常见场景

我这边列举了三类产品常见的动效场景。

第一类是功能型。

此类动效通过动态图形向用户传递信息，其中加载/刷新和进度条应该是我们平时接触最多也是最早的动效了，此类动效最开始只是为了告知用户产品的页面状态。

随着市面上产品数量的快速增长以及竞争日益激烈，产品的有趣和差异化显得愈发重要，于是便看到越来越多的产品将自己的品牌因素融入动效当中，设计也越来生

动有趣。

除了加载、刷新和进度外，功能型动效还被广泛的运用在产品的其他各种状态当中，如信息报错、二维码扫描、tab bar等。虽然具体表现不同，但都是通过动态形

帮助用户理解和使用产品。

信息报错

二维码扫描

第二类常见的动效场景是交互型。

顾名思义，该类动效的核心是“交互”，其主要的作用是帮助用户理解界面的层级逻辑关系，让产品的使用更加符合现实生活中的认知习惯，从而降低使用成本，提升

产品体验。

其实交互型动效是用户在产品使用中接触最多的一种动效，因为产品的使用是通过不同产品元素串联而完成的，而负责元素切换过渡的就是交互型动效。

一般可分为「单页面交互动效」和「多页面交互动效」。

「单页面交互动效」：就是在当前页面发生的交互动画，比如tab切换、左滑删除、二级菜单展开、返回顶部等等。

「多页面交互动效」：就是不同页面之间的交互动画，其实就是页面的跳转，根据不同的场景会使用到不同的跳转样式，好的跳转动画能够帮助用户理解前后页面的逻辑关系。

第三类是展示型动效。

此类动效的最大作用就是尽可能的为用户制造视觉上的愉悦，营造活动氛围，让用户觉得有趣生动，使用的场景也十分广泛，常见的如「品牌展示」、「运营

动」、「H5营销」等。

1）品牌展示

将有趣的动态图形与品牌相结合，让原本生硬的产品形象变得有趣生动，拉近用户与产品之间的距离。

2）运营活动

动效设计同样也可以使用在运营设计中，作为业务数据转化的重要入口，动效可以极大的吸引用户的注意力，从而提升业务数据。