UI设计师必备技能是什么？常见动效类型有哪些？

常见的UI设计动效类型

1、填充

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

2、形状变化

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

3、缩放

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

4、旋转

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

动效的使用场景

1、系统状态

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

2、导航和过渡

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

3、视觉反馈

视觉反馈让用户觉得一切都尽在掌握、可以预期，而这种掌握意味着用户能够明白和理解目前的内容和状态。动效可以强化每一个交互的结果并且提升用户交互。

不同的UI动效能够带给用户不同的操作体验，UI设计师在制作动效的过程中，必须充分考虑该动效的主要特点和表现形式。如果你想快速掌握UI动效设计制作，可以选择专业学习一下，让自己快速系统掌握UI设计师必备技能!