前端工程师如何在工作中高效制作动效？

Question

经常被忽略的动效，对于用户体验设计是如此重要

动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上启下的重要环节而存在。无论是发送信息，打开设置，选中元素，导航到下一个页面，这些变化发生的时候，动效让这一切不那么突兀，自然地过渡，呈现状态变化，帮助用户更清晰的明白当前的状态，这是绝佳的方式。优设

需求：前端工程师如何高效去还原动效呢？

Answer 1

这个...看了题主的demo，我是很汗颜啊，目前我的每天的"劳动"就是：切图，对接口...循环下去（我怀疑我是个假前端）。但是在项目经历中，还是偶尔会遇到某些动效需求，而大多数情况下（这个以动效的实现难度为准吧），是自己随便写写，遇到复杂的，难搞定的，就上插件。其实在解决问题的过程中，也会有题主这样的疑惑：我的看法，如何提高动效实现，还能有比引入插件或者某个库更快捷的？但是目前没有任何一个库或者插件能够胜任你自己的每一个项目或者需求。所以，我的看法，且目前的做法也是如此：结合自己的项目需求，自己造一个动效库吧

Answer 2

首先产品(项目)有这样的动效 你只能去一步一步实现 看你的demo 如果纯前端去css写的js完善的话 可能没有这么平滑,看的让人舒服这些个效果我看你的demo应该是底层语言实现的

Answer 3

请问，题主demo 是怎样制作的或者用了什么啊，能推荐一个学习的教程吗，目前也只处在对接口写静态页以及少量的极简特效上,万分感谢！！！！！