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 会带来应用设计的革新，引发“交互设计开源”的潮流，让我们拭目以待。