1.1 Introduction 簡介 - Basics 基礎(chǔ)


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)畫和事件的塊稱為模塊 。

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.

查看和檢測交互原型。

Patch Library Cmd Enter 模塊庫

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.

查看模塊列表和描述。通過雙擊模塊編輯窗口或快捷鍵打開,選中要添加模塊按回車鍵添加或雙擊要添加的模塊添加。


Patches 模塊 ??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容