大厂出品！10个值得学习的动效案例设计（二）

Hi~大家好，我是姝斐，今天继续跟大家分享好设计！

在这个注意力稀缺的时代，动效在产品的运用可谓是遍地开花，

而且形式也越来越多样，创意不断，只为博得用户一笑，

因为动态的东西确实更容易获得人们的关注，下面我们就来分析这些动效的奥妙之处和可学习的点。

一、打破形式的创意动效

设计解析

优点：形式新颖，用这种野外孤岛上配合各种不同的立体插画，形态多样，视觉也丰富。

二、金刚区图标全面动态展示

设计解析

优点：金刚区的图标基本实现了全面动态，引导性比较强，让用户每个都想点进去看看，适合运用于有强引导功能的入口。

三、光效运动在产品中的应用

设计解析

1. 优点1：光效运动在支付宝中强调补贴的优惠，有驱使用户下单的作用。
2. 优点2：光效运动在美图秀秀中增加了产品的质感，打破了页面的沉闷。

四、扩散霓虹光效动画在产品在的应用

设计解析

优点：扩散光晕色彩跟蓝色弹窗接近，扩散光效更像是对弹框画面的补充，让弹窗画面更丰富，空间感更强。

五、生活场景产品化的动效设计

设计解析

优点：美图秀秀一寸照的制作，在等待的过程中将生活中打印机打印照片的场景搬到了线上，这种亲切感和真实感剧增。

六、游戏感十足的动画设计

设计解析

优点：人性与生俱来就爱游戏，这种游戏化的界面动画设计，无形中增加了人们对产品的好感度。

七、表情包融入产品的动画设计

设计解析

优点：界面中将动物设计成了一个图标入口，并且还融入了动态表情的设计，这种鲜活感和创意运用的恰当好处。

八、带有功能属性的动画设计

设计解析

1. 优点1：这里动效更多的是对功能的形象表达，让人清晰的知道美颜前后的一个差别。
2. 优点2：简单的线性图标动效缓解了人们等待的焦虑感。

九、动态 IP 形象在产品中的运用

设计解析

1. 优点1：蜜雪冰城的动态IP形象位于饮品劵处，具有强烈引导用户下单购买的作用。
2. 优点2：汽车之家的动态IP位于首页左上角，且不断向人挥手，增加了界面的友好度。

十、超有仪式感的祝福动画

设计解析

1. 优点1：设计特别新颖，吸引人眼球，让人有分享欲。
2. 优点2：画面设计精致、温馨，通过画面都能感受到满满的爱。

总结

动效的应用确实很广，每个细小的功能，都可以有它的用武之地，无论从情感表达，还是功能阐述，它都是非常高效的利器，希望我的解读和分享对大家有帮助。