发布时间: 2015-06-01 11:39
思考?!
*有哪些动效设计工具?
*MIUI 的动效设计是如何实现?
-------------------------------------------------
AE - 高级动效设计工具
Framer.js -交互原型设计框架
Framer Studio (Mac 桌面软件) Framer.js 开源(基于JavaScript)
JS 类库:View视图、animation动画、event事件绑定 等
Pixate
webflow - 网页应用
Marvel - 网页应用
Macaw - 桌面端
Invision - 网页应用
Flinto - 网页应用
Quartz Composer - 苹果创建的开发者工具
Origami - Facebook设计团队开发的 QC Patch库 (POP动画引擎)
Avocado - 类QC
Form - 由RelativeWave开发的交互设计工具
---------------------------------------------------
动效设计工具引发的思考
动效设计工具层出不穷,大大降低了学习门槛。这可以让大量非动画专业的人能轻而易举地设计出Animation来。
但,不了解Disney《动画12法则》,做出的动画效果不尽人意。
动效设计方法:时间轴(AE/Adobe Edge Animate/Google WebDesigner/Hype)、信号流仿真(QC)、编码(FramerJS)
缓动函数(贝塞尔曲线)
缓动函数速查表 - easing.net