Facebook 开源移动应用交互设计工具 Origami

2013年12月，Facebook 开源了基于 Quartz Composer 的插件Origami，设计师可以通过 Origami 能够快速构建移动应用交互原型，随后交付给工程师实现，值得注意的是 Origami 无需编程背景，新发布的 Paper 从项目设计之初所有的原型设计都是采用 Origami 来实现。

\

Origami 背景

\

现在 App 的原型设计越来越复杂，以前使用 Photoshop 制作静态图的方式不能满足各种交互效果的展示，Paper 的首席设计师 Mike Matas 在加入 Facebook 之初就推荐大家使用 Quartz Composer 来快速构建应用原型，而 Facebook 的设计团队也很快接收并喜欢上了这个工具，在随后的应用，例如Home当中也开始使用 Quartz 构建原型，但是他们随后面临一个问题：

\

\

对于产品设计师来说，Quartz Composer 的学习曲线太高……

\

\

在参与 Paper 项目之后，Facebook 的产品设计师 Brandon Walkin 和 Drew Hamlin 主导了 Origami 的开发，随着 Paper 产品的改进，Origami 所包含的功能也不断在扩充。

\

Origami 特性与安装

\

Origami 目前已经包含了诸如 Switch、Scroll、Bouncy Animation、Classic Animation 等大量控件，并扩展了 Quartz Composer 对于视网膜屏支持、修复了些稳定性 bug 等。通过如下步骤安装 Origami：

\

1. 注册成为苹果开发者\
2. 下载Quartz Composer\
3. 安装Origami\

Origami对于产品设计流程的影响

\

Drew Hamlin 在一次采访中对引入 Origami 之后整个设计流程带来的变化时谈到：

\

\

产品设计中最重要的环节是对于想法和细节的把握，之前只能使用白板或手绘想法，现在 Origami 能够帮助快速实现并验证这些想法。当团队感觉良好以后，我们会传播给公司中更多的人，进而改进产品。……在使用 Origami 之前，我们需要做大量的静态图来展示想要实现的效果，现在我们可以拿一个和最终产品一样使用方式的原型来做展示。

\

\

Origami 的开发团队鼓励开发者发挥想象力来创建更多的交互案例，团队也考虑将 Origami 所设计的原型跑在平板或者移动设备上，目前在其 Facebook 社区中已经有大量的第三封案例可以提供下载学习，也许 Origami 会带来应用设计的革新，引发“交互设计开源”的潮流，让我们拭目以待。