提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
此作品偏技术验证,如有错误多多指教
做Motion一直被困绕在实现问题上:
1.无论是iOS还是Android,AE提供的参数,如果直接实现,不加以优化,效果一般只有5-6成 (iOS稍好)
2.而App内很多动画是交互动画,又并非直接播放的动画,没有交互效果测试,无法获知动画使用感受。
3.FramerJS、Hype、Pixate是我颇为看好的工具,动画保真程度可以接受,学习成本低,界面友好,敏捷设计,但是仅仅是原型,又和开发无关。
这些是我一直苦苦思索的问题。最近做了一堆Origami原型,便是想多探索设计工具,以便更好的还原效果。
如同官方文档所说,Android端使用Rebound动画库(对应Bouncy Animation),iOS端使用POP动画库(对应Pop Animation),即可复现效果。而Pop Animation和Bouncy Animation需要花一些时间进行参数转化(Pop Animation内封装Bouncy Animation+转换器)
一次设计(in Origami),多平台通用(iOS/Android),效果一致(感觉比较适合应用类产品,但是ROM类大工程不知是否适合)
简单流程原型+可交互+高保真动画效果+编码对接 轻松满足
前三张为:Origami Live(左)+Android实现(右)
后三张为:Android实现(左)+ iOS实现(右)
iOS端感谢群友 非主流程序员 指点迷津
Android端感谢同事 俊伟 帮助配置环境和Gradle
P.S好吧,原谅我iOS端实现的时候切图没注意,username歪了。
最后提供Origami源文件下载
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册