工具介紹,最近大熱的Origami 2.0介紹及教程(3)
無(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)。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 經(jīng)驗(yàn)分享
- 大蔚陳
- 神器推薦
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 用戶體驗(yàn),如何讓用戶心動(dòng)?