BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 水羽哲 关注 0 他的粉丝 发布于 2014年2月14日. 估计阅读时间: 3 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT