當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

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

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

想想一下這個場景:

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

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

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

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

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

Duang!Duang!Duang!

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

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

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

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

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

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

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

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

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

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

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

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

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

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