1.1 Introduction 简介 - Basics 基础


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创作的一款免费的设计工具,支持Mac。设计人员可以快速构建和分享可交互界面。


There are 4 main panels in Origami Studio:

Origami Studio 有四个主要窗口:

▲ 官方文档里的界面图

▲ 板栗绘制的界面示意图


Patch Editor 模块编辑器

Add interaction, animation, and behavior to your prototype using blocks called** Patches**.

向原型添加、编辑交互、动画和事件的块称为模块

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.

原型中的图层列表。点击工具栏的 + 按钮添加新图层。
选中一个图层,在图层窗口上的属性窗口调节属性。
如需给图层添加交互,悬停在图层窗口的目标图层上,点击右上角的Touch按钮,弹出一个列表选择要添加的交互,如Tap 轻点、Scroll 滚动、Swipe滑动。

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 模块 ▶︎

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容