工具介绍,最近大热的Origami 2.0介绍及教程
无需网络,就可以在移动端上展示,并且移动端与 QC 的 Viewer 的交互是同步的。
想想一下这个场景:
会议室坐着老板,研发,运营,销售还有一系相关人等。
你开始慷慨激昂地演讲,谈市场,说前景,讲情怀,简直是口吐莲花到口舌生疮。
可因长期画大饼,兄弟们都已经饿的不行,昏昏欲睡,你改变世界的 idea 居然无人关心!
「哎,世人笑我太疯癫,我笑他人看不穿」,你轻闭眼睛笑了笑,然后「咳咳」干咳两声「给大家展示下高保真交互原型」。
说时迟那时快,Mac 早已连上投影仪,Quartz Composer 也已就绪,在1秒钟之内把 iPhone 6 Plus 数据线接上电脑…
Duang!Duang!Duang!
动效如丝般顺滑,又如墨水滴入水中荡开,激起会议室加起来好几百岁的人内心的涟漪。
这时,老板说话了「扶我起来试试」,老板在手机上把玩着,幕布上都仿佛有一双眼睛散发着光芒,越发专注…
「不错,就这么做!」老板一锤定音的同时仍旧把玩着。
「呃,这个,不好实现吧,还需要调那么多参数…」黑框眼睛近视近500°的滑板鞋程序猿脸上有些难色。
「没关系,哪能让你们那么辛苦。我把所有参数都调好了,你直接用就可以」,你轻轻点了一下“Code Export–>iOS”,小伙伴们顿时都惊呆了!
「Facebook 的动画引擎 POP 是开源的,这里的动效都可以实现」你又顺势补了一句。这时大家开始无情地赞美你,你的才华仿佛横溢到满地流淌…
Origami Live 充分利用了全屏,即使你在接电话时打开,也可以看到正常效果,而不是顶部有个通话条。
正经点地说,也有缺点。
不比用 Xcode 的 Auto Layout 可以适配各款机型,Origami 还是需要选择一个机型,然后用此机型打开 Origami Live 进行演示。否则你就会看到错乱的布局。iPhone6 的机型,在 iPhone5 上打开 Origami Live 是会显示不完整的,如下图:
另外对设计师与工程师之间的合作,从已有的功能上来看,设计师可以把展现层调试好,然后交予工程师进行开发,这也可以让工程师更专注于程序逻辑的实现。
精彩评论