当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

工具介绍,最近大热的Origami 2.0介绍及教程(3)

来源:未知 作者:大蔚陈 学习:3450人次

无需网络,就可以在移动端上展示,并且移动端与 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 是会显示不完整的,如下图:

另外对设计师与工程师之间的合作,从已有的功能上来看,设计师可以把展现层调试好,然后交予工程师进行开发,这也可以让工程师更专注于程序逻辑的实现。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!