工具介紹，最近大熱的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)，說(shuō)前景，講情懷，簡(jiǎn)直是口吐蓮花到口舌生瘡。

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

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

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

Duang！Duang！Duang！

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

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

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

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

「沒(méi)關(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)地說(shuō)，也有缺點(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)。