江苏龙网

  1. 首页 > 生活 > >

Origami 2.0 和 Framer 各有啥优劣

用过两者，现在更喜欢 Framer。
【Origami 2.0 和 Framer 各有啥优劣】 Origami 基于 Quartz Composer，所以动画和交互完全是 native 水平。Framer 是基于 web 技术，但性能也不差，只是在设备上 preview 经常会出现问题，如果放大参数不是 100%，比如你的 prototype 是 iPhone 6 大小，但是你在 iPhone 6 Plus 上预览，就会出问题。稍微复杂的多层动画会有卡顿。
Origami 2 输出的代码只支持 Facebook Pop（Facebook 自己的一个 string animation 库）的动画，其他交互一律不支持，只能算是个噱头。在 Framer 上，你已经用数值描述了你的动画，再让开发者套入也是很直接的。
在制作 prototype 的流程上，简单的动画 Origami 比较容易（如单一的 tap），如果要做有重复性，需要连续的动画，要花费很大的功夫，你的 patch board 也会眼花撩乱，做完了自己都搞不清楚自己做了什么。Framer 的话可以 loop，可以写 function，如果之前会一点 javascript／coffeescript，可以花更少的精力完成更多的事。

■网友
Origami的连线方式和逻辑组成有些奇怪，底层优化也不足，使用的时候Mac经常滚烫。2.0导出的代码可以直接给工程师使用？Framer是基于coffescript的，可能我学计算机的，使用起来觉得逻辑很清楚，效率也高，毕竟有些重复的事情用结构控制使用代码更方便，可实现的效果跟Origami差不多。兼容sketch和ps的文件导入，熟悉以后按照适合Framer的操作来组织sketch图层在导入Framer的话，非常便捷。移动端真机查看的话，Framer有iOS Frameless和安卓的mirror，也可以导到一个地址同一wifi下就能查看。整体来说，我觉得Framer更易使用，且不仅仅只是移动端，web端也可用但现在国内大都还用Axure做web端。其实学习成本个人觉得并没有那么高。综合比较一下就是Origami像是拼凑起来的一个比较原始的内部使用工具，那些连线和使用的逻辑我觉得也不算是易用，Framer则是基于简单编程语言的封装，另外对于web端的设计支持Origami不如Framer。Framer是商业化的产品，且价格不菲，用户体验和设计上更加优良。真机设备上的查看效果差不多，但是上面有说Origami 2.0导出的代码可以直接使用，如果是这这样那这个可以加分，但是也只是限于苹果设备而已。
■网友
2.0有了代码导出功能后，可以直接给工程师使用，不再像以前只是原型模拟了，从这点出发已经跟framer持平了。更胜一点的是origami完全零代码，这点不像framer学习成本那么高。


    推荐阅读


    上一篇：狮鹫到底是几只脚呢

    下一篇：像一般传统电商企业的运营推广人员，是不会被猎头注意到的吧