千锋郑州老师讲解UI动效设计应用类型及场景

目前，动效设计已成为UI设计师必备的技能之一，优秀的动效设计能够帮助设计师和用户解决了许多界面功能上的问题，让这用户更容易理解产品，也让设计师更好的表达。接下来千锋郑州老师就给大家简单梳理UI动效的应用类型及应用场景。

常见的UI设计动效类型

1、填充

填充的主要内容就是填充图标颜色，这种效果适用于选中后过渡到面性的图标样式，可以是局部色块的填充，也可是填充整体，切换过程都可以做到自然流畅。若只有线性图标的样式，图标面积偏单薄，不易出效果一般不建议使用。

2、形状变化

形状变化动效一般具有较强的趣味性，它也是需要针对图标形状元素定制化设计的一种。它的自由度较高，供设计师发挥的空间大，能产生许多有趣的效果。比如QQ的消息图标，每次双击都切换不同的表情，给用户留下深刻的印象。

3、缩放

缩放动效是比较适合新手设计师选择的一种动效类型。它是简单稳重、包容性好的一种动效，既有动式又不会太复杂夸张。对于视觉引导和明确反馈完全够用，所以它的应用比较广泛，适合大多数产品，是比较保守不易出错的选择。

4、旋转

旋转动效是我们在操作界面的过程中比较常见的动效类型，它主要是切换过程中图标或其中元素的角度旋转，是针对具体图标做的巧妙设计。很多APP的图标设计中都使用了旋转的效果来模拟实物的晃动感觉，让用户觉得亲切自然。

动效的使用场景

1、系统状态

每个APP为了保证正常的运行，总是需要一定的时间，但是用户看着静止的界面并不会明白这些，所以需要借助动效让用户明白，后台还在运行，在处理数据。通过动效，从视觉上告知用户这些信息应用入门，让用户有掌控感，比如加载指示器、下拉刷新、通知等。

2、导航和过渡

动效最基本的功用是呈现过渡状态，当页面布局发生改变的时候，动效的存在会帮助用户理解这种状态的改变，呈现过渡的过程。设计师使用动效平滑地让用户在不同的内容之间过渡、切换，而动效也解释了UI的变化是怎么发生的。

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!