AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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

  • 2014-02-13
  • 本文字数:856 字

    阅读完需:约 3 分钟

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

2014-02-13 05:4310100
用户头像

发布了 89 篇内容, 共 34.6 次阅读, 收获喜欢 4 次。

关注

评论

发布
暂无评论
发现更多内容

flomo 浮墨笔记向飞书收购 “幕布”,不卖永久会员、不融资的“反骨”逻辑

B Impact

通过HTTP/2通道实时获取IoT设备状态和数据——设备管理运维类

阿里云AIoT

Java 物联网

InstructPix2Pix: 动动嘴皮子,超越PS

华为云开发者联盟

人工智能 华为云 华为云开发者联盟 企业号 3 月 PK 榜 文本编辑图像

10Wqps 超高并发 API网关 架构演进之路

Java你猿哥

Java 架构 微服务 SSM框架 api 网关

Dapr实战—RabbitMQ binding

青柚1943

Docker RabbitMQ dapr 发布订阅 Binding

华为云GaussDB以技术创新引领金融行业分布式转型

华为云开发者联盟

数据库 后端 华为云 华为云开发者联盟 企业号 3 月 PK 榜

用图技术搞定附近好友、时空交集等 7 个典型社交网络应用

NebulaGraph

推荐算法 图数据库 社交网络

阿里云IoT物模型-属性,服务,事件通信的topic和payload详解——设备管理运维类

阿里云AIoT

物联网

感谢大家对我的捐赠和鼓励

源字节1号

Trapcode Particular(AE经典粒子插件)绿色破解版

互联网搬砖工作者

现货合约量化机器人开发对冲交易策略

薇電13242772558

量化策略

分布式存储中建立高效回收站的设计思考

焱融科技

文件存储 分布式文件存储 回收站 高性能存储 全闪存储

智维数据加入信创工委会,助力国产化智能运维自主创新

智维数据

信创 国产化 智能运维 网络运维 智维数据

智维数据荣获2022金融科技应用创新奖

智维数据

金融科技 智能运维 金融电子化 智维数据

谷歌Android things物联网硬件接入阿里云IoT物联网套件实战——设备接入类

阿里云AIoT

物联网 传感器 Android开发

聚势启新,赢未来!网银互联通航云计算数据中心三期盛大落地!

科技热闻

阿里云IoT物联网平台基础版和高级版数据进入规则引擎的流转详解——普及类

阿里云AIoT

物联网

Serverless:基于个性化服务画像的弹性伸缩实践

百度Geek说

云原生 成本优化 Servelress 弹性伸缩 企业号 3 月 PK 榜

京东云总裁曹鹏:安全可控的数字基础设施提升产业链韧性

京东科技开发者

数字化 产业数字化 京东云 国产化替代 京东云峰会

AltCLIP:改变语言编码器,扩展语言功能

Zilliz

计算机视觉 openai

何为神经网络卷积层

华为云开发者联盟

人工智能 神经网络 华为云 华为云开发者联盟 企业号 3 月 PK 榜

依靠这份PDF面试资料文档,各种美团,阿里等大厂offer拿到手软

Java你猿哥

Java 后端 ssm 面经 八股文

项目经理问我Tomcat 与 Undertow 怎么抉择?此文教她选

Java你猿哥

Java jdk Spring Boot ssm

国内首发|焱融科技 YRCloudFile 支持 NVIDIA GPUDirect Storage(GDS)

焱融科技

人工智能 分布式存储 分布式文件存储 全闪存储 GPT-4

直播 | StarRocks 实战系列第四期--查询性能优化

StarRocks

数据库

PS磨皮插件DR5白金版:支持ps 2022

互联网搬砖工作者

Facebook 开源移动应用交互设计工具 Origami_Apple_水羽哲_InfoQ精选文章