随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的设计师们也开始投身动效设计领域。

合理的动效可以帮助引导、取悦用户，减少等待时间，更能增加产品识别度。让用户更爽的用产品。 

动效设计在当下的火热程度

动效有多重要？那是太重要了。如果现在APP没有动效，你肯定会感觉少了点什么，比如最简单的加载动画得有吧。动效的重要性在于将交互、视觉过渡处理的更加细腻，而且能够承载更多的信息，比如iOS动效、MD动效等。

许多大公司也将动效设计列入了招聘要求当中，可见动效在用户体验中的重要性，设计师应该快速学习动效设计，提升自身的核心竞争力。

如果重新审视10年前的网页和移动端应用的话，你会发现动效和动画在这个时期简直是犯规一般的存在：浏览器和硬件设备吃不消，它们根本无法成为设计最佳实践。

十年前你所能看到的动画和动效，通常是使用Flash实现，或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变，iOS和Android 设备的大规模普及，移动端芯片的性能提升，让设计师在移动端APP上实现多样的动画和动效，成为了可能，而今天，动画和动效已经成为了如今UI和UX设计当中，最重要的组成部分之一。

Dribbble上大量的动效作品

什么是动效设计

动效设计，顾名思义即动态效果的设计，用户界面上所有运动的效果，也可以视其为界面设计（UI design）与动态设计（motion design）的交集。合理的动效可以帮助引导、取悦用户，减少等待时间，更能增加产品识别度。让用户更爽的用产品。

动效设计是如何产生的

首先要讲到motion graphic（动态图形设计），在长时间的历史演变中，MG常见的应用是电影片头片尾，在TVC广告末尾的标志动画，以及电视包装当中常用的Logo演绎，ID呼号，角标等等。

奇葩说片头

而随着行业的不断发展，MG涉及的领域也开始细分，越来越多的从业人员从电影、电视这些传统的领域向其他新媒体迁移，这其中就包括互联网行业。

作为多学科交集的界面动效，其设计者可以交互，也可以是UI，甚至很多时候是前端开发直接完成的。很多比较完整的设计团队，专门招的动效设计师，除了做界面动效外，还会做与产品推广相关的motion graphi。

本质上，动效设计（Motion Design）是因为整个用户体验行业的发展而细分出来的设计门类。

界面动效与动态图形的区别

界面动效（UI motion）区别于motion graphic 最大的差别，就是界面动效需要以用户体验与界面设计为大前提，来进行动效设计。

界面动效在设计师设计完成后，需要开发实现才能与用户见面。而不像MG动画，直接由设计师输出。

MG动画