UI设计加载动效趋势|可以认真学习临摹的素材模板

 

什么是动效

移动APP交互动效:包括那些能够为产品赋予生机的动态的界面元素及视觉效果,这些交互效果通常与特定的响应行为相关,甚至包括那些与交互行为没有直接关联的临时状态。

苹果官方文档的解读是这样的”精细而恰当的动画效果可以传达状态、增强用户对于直接操纵的感知、通过视觉化的方式向用户呈现操作结果”。

 

动效的分类

动效设计,既能在产品的功能层面提供支持,又可以在表现层面发挥影响。

动画依据功能层和表现层可分为非交互类动画和交互类动画。

1. 非交互类动画(表现层)

非交互类动画,是独立于页面任何结构的动画元素,不需要编码;可移植到任何地方进行播放,常见的如gif动画,svg动画等。

2. 交互类动画(功能层)

交互类动画,是指依赖于页面结构,动画的过程与结束会改变页面的结构,需要编码;常见的如轮播动画、首屏动画等。

UI设计加载动效趋势|可以认真学习临摹的素材模板

50多个动画加载器

UI设计加载动效趋势|可以认真学习临摹的素材模板

20种不同的加载动效1

UI设计加载动效趋势|可以认真学习临摹的素材模板

火箭加载SVG动画

UI设计加载动效趋势|可以认真学习临摹的素材模板

20种不同的加载动效

UI设计加载动效趋势|可以认真学习临摹的素材模板

平板预紧器设置GIF