Origami Studio is a free design tool created by Facebook and available for Mac. It allows designers to rapidly build and share interactive interfaces.
Origami Sudio 是Facebook創(chuàng)作的一款免費(fèi)的設(shè)計(jì)工具,支持Mac。設(shè)計(jì)人員可以快速構(gòu)建和分享可交互界面。
There are 4 main panels in Origami Studio:
Origami Studio 有四個(gè)主要窗口:

▲ 官方文檔里的界面圖

▲ 板栗繪制的界面示意圖
Patch Editor 模塊編輯器
Add interaction, animation, and behavior to your prototype using blocks called** Patches**.
向原型添加、編輯交互、動(dòng)畫(huà)和事件的塊稱(chēng)為模塊 。
Layers 圖層窗口
A list of layers in your prototype. Add a new layer with the + button in the toolbar. Select a layer and adjust its properties in the inspector. To add interactions to a layer, hover on it and click the Touch button to select from a list of interactions like Tap, Scroll, or Swipe.
原型中的圖層列表。點(diǎn)擊工具欄的 + 按鈕添加新圖層。
選中一個(gè)圖層,在圖層窗口上的屬性窗口調(diào)節(jié)屬性。
如需給圖層添加交互,懸停在圖層窗口的目標(biāo)圖層上,點(diǎn)擊右上角的Touch按鈕,彈出一個(gè)列表選擇要添加的交互,如Tap 輕點(diǎn)、Scroll 滾動(dòng)、Swipe滑動(dòng)。
Viewer 查看器
View and interact with the prototype.
查看和檢測(cè)交互原型。
Patch Library Cmd Enter 模塊庫(kù)
View a list of all patches and and their descriptions. To open the Patch Library, double click the Patch Editor or use the keyboard shortcut. To add a patch to a prototype, select it and press return.
查看模塊列表和描述。通過(guò)雙擊模塊編輯窗口或快捷鍵打開(kāi),選中要添加模塊按回車(chē)鍵添加或雙擊要添加的模塊添加。