主题文章

> 教程

[制作教程] MAML 与 【动效设计】的思考

发布时间: 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

亲,你需要登录后才能对该作品进行评论喔!

登录 立即注册