去年,Facebook免費發布了一款用於設計交互式用戶界面的工具--Origami,Facebook在自家Facebook Paper、Instagram以及Messenger多款應用中使用了這款工具。
出於某些原因,該工具僅適用於OS X 平台,設計師和開發者並不能在iOS上使用Origami原型。不過現在Origami Live可以讓開發者和設計師在iOS上自由創作了。
Origami Live
Origami Live是款新的app,使用非常簡單。從App Store中下載Origami Live,將iOS設備和Mac連接,這樣就能在iPhone或者iPad上與你的原型進行交互了,並進行實時編輯。你也可以嘗試新的創意,比如使用多點觸摸和設備傳感器等等,並輕松地調整,無需編寫任何代碼。
Origami 2.0
同時,Facebook還更新了Origami for OS X,Origami 2.0版本支持代碼導出、手勢支持、集成Sketch以及Presentation模式。
代碼導出
代碼導出功能主要針對產品和原型設計不匹配的問題。
點擊按鈕即可以代碼形式輸出原型,適用於iOS、Android以及Web應用,並包含Origami文件中創建的動畫的代碼片段。工程師將文件中的部分代碼復制粘貼到自己的代碼中,即可快速得到相同的動畫。
Presentation Mode
在Origami 2.0中,開發者和設計師可以全屏展示原型設計。另外,你可以展示多點觸摸或者手機旋轉時的交互設計,對方可以在設備上使用原型,並且屏幕可以實時鏡像到TV上,以便於房間裡的其他人看到。
集成Sketch
Origami 2.0集成了Sketch,便於原型和最新視覺效果的即可同步。如果你是位Photoshop用戶,Origami 2.0還支持和Photoshop文件的實時鏈接。
更多
學習Origami更加容易。Facebook在新網站(http://facebook.github.io/origami/)上發布了教程視頻,教你一步步構建Origami原型--從簡單到復雜,並提供了文檔和演示示例。
Origami下載地址:http://facebook.github.io/origami/