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

來(lái)源:未知 作者:大蔚陳 學(xué)習(xí):3450人次

無(wú)需網(wǎng)絡(luò),就可以在移動(dòng)端上展示,并且移動(dòng)端與 QC 的 Viewer 的交互是同步的。

想想一下這個(gè)場(chǎng)景:

會(huì)議室坐著老板,研發(fā),運(yùn)營(yíng),銷售還有一系相關(guān)人等。

你開始慷慨激昂地演講,談市場(chǎng),說前景,講情懷,簡(jiǎn)直是口吐蓮花到口舌生瘡。

可因長(zhǎng)期畫大餅,兄弟們都已經(jīng)餓的不行,昏昏欲睡,你改變世界的 idea 居然無(wú)人關(guān)心!

「哎,世人笑我太瘋癲,我笑他人看不穿」,你輕閉眼睛笑了笑,然后「咳咳」干咳兩聲「給大家展示下高保真交互原型」。

說時(shí)遲那時(shí)快,Mac 早已連上投影儀,Quartz Composer 也已就緒,在1秒鐘之內(nèi)把 iPhone 6 Plus 數(shù)據(jù)線接上電腦…

Duang!Duang!Duang!

動(dòng)效如絲般順滑,又如墨水滴入水中蕩開,激起會(huì)議室加起來(lái)好幾百歲的人內(nèi)心的漣漪。

這時(shí),老板說話了「扶我起來(lái)試試」,老板在手機(jī)上把玩著,幕布上都仿佛有一雙眼睛散發(fā)著光芒,越發(fā)專注…

「不錯(cuò),就這么做!」老板一錘定音的同時(shí)仍舊把玩著。

「呃,這個(gè),不好實(shí)現(xiàn)吧,還需要調(diào)那么多參數(shù)…」黑框眼睛近視近500°的滑板鞋程序猿臉上有些難色。

「沒關(guān)系,哪能讓你們那么辛苦。我把所有參數(shù)都調(diào)好了,你直接用就可以」,你輕輕點(diǎn)了一下“Code Export–>iOS”,小伙伴們頓時(shí)都驚呆了!

「Facebook 的動(dòng)畫引擎 POP 是開源的,這里的動(dòng)效都可以實(shí)現(xiàn)」你又順勢(shì)補(bǔ)了一句。這時(shí)大家開始無(wú)情地贊美你,你的才華仿佛橫溢到滿地流淌…

Origami Live 充分利用了全屏,即使你在接電話時(shí)打開,也可以看到正常效果,而不是頂部有個(gè)通話條。

正經(jīng)點(diǎn)地說,也有缺點(diǎn)。

不比用 Xcode 的 Auto Layout 可以適配各款機(jī)型,Origami 還是需要選擇一個(gè)機(jī)型,然后用此機(jī)型打開 Origami Live 進(jìn)行演示。否則你就會(huì)看到錯(cuò)亂的布局。iPhone6 的機(jī)型,在 iPhone5 上打開 Origami Live 是會(huì)顯示不完整的,如下圖:

另外對(duì)設(shè)計(jì)師與工程師之間的合作,從已有的功能上來(lái)看,設(shè)計(jì)師可以把展現(xiàn)層調(diào)試好,然后交予工程師進(jìn)行開發(fā),這也可以讓工程師更專注于程序邏輯的實(shí)現(xiàn)。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!