交互动画原型制作Origami 中文介绍：新闻聚合阅读应用Facebook Paper的幕后功臣Origami 这其实是一个基于Quartz composer(苹果开发工具包里一款制作动画的软件)的库，方便你在QC里可以直接模拟出Paper的动画。 还集成了直接可以切换手机型号(内置了iPhone和htc两款，你可以找到库的位置自己修改一下加上所需手机)，介绍，对原有动画的一些包装和拓展等等。 但是由于QC的学习成本有点高(基于流程的处理方式，从思路上就和我们通常习惯的ps式分层的思维方式不同)，而且只是针对强交互方式的(弱的基本可以用ps时间线和AE实现)，而且，转成代码的重用性得性价比等原因，除非有能力熟练掌握，否则非要用这个实现有点事倍功半的感觉。 三种原型动画制作方法优缺点比较 前面提到了QC实际上是可以和ps时间线配合制作不同需求的动画原型。 ps时间线 优点是：上手快。无论是时间轴关键帧的概念还是psd的通用性，都可以稍微学习一下就可以直接拿来设计师的psd自己做做效果玩了。缺点是只能生成gif，5秒左右短动画，很难显示与实际交互的操作。 关于具体怎么做，你可以自己搜搜，也可以等我把关于原型制作的大作写完哈。 After effect制作动画视频 优点是：支持矢量，动画可以效果更多更精致，可以生成视频。牛摆设计师都会告诉你用这个，虽然也不能制作交互，但是高级动画都用这个，甚至直接做动画片都没问题了。当年我们就是用这个做视频短片的后期调色渲染的。 QC的特点 前面说过了，可以在Mac上完美模拟交互过程，点击滑动拖放等过程的实时动画。缺点其实也在这句话里，就是mac上模拟，不要说windows了，连ios都很难，而且好像必须对方也得装了QC才可以，而且好像只有开发者账号才能下。。。如果不对请指正。 但是iOS模拟交互的过程也被我找到了，就是在mac和iOS上下载liveview，然后在mac上开启互动模式即可!具体看这里第二个回答 LiveView has an "interactive" mode which basically allows you to interact with the mirrored image on your iPhone |
