Airbnb 5 大设计创新工具

  • 时间: 2017-07-17 11:16:45

创造是短暂的,而可以留下的是创造的方法。在创新设计方法上,Airbnb设计副总裁Alex Schleifer在IXDC2017国际体验设计大会上分享了五大领域的创新。  

亚历克斯是设计在Airbnb的副总裁,在那里他将用户体验,设计研究,设计和内容运营团队。年轻的时候,他共同创立Sideshow,其中为各种全球客户设计的数字化产品屡获殊荣。Alex热爱创造美丽,从事数字产品设计去改变我们讲故事和连接的方式。

以下为Alex演讲笔记:

Airbnb设计的初心是,为全球的旅行者提供可以休息的气垫床“AirBed”和一份早餐“Breckfast”,所以它叫做Airbnb。如今,Airbnb在全球有500多万的共享小屋,有200多名设计师为旅行者打造最美好的顾客体验。面对巨大的市场和地理跨度,设计便不是一个人的事,而是整个团队的事。

有创意的产品,首先设计过程就必须是有创意的,所以在设计之初,设计过程就要设计化。如果一开始你不创新你的设计方法,你就无法做出产品的创新。鉴于我们创造的是短暂的,而可以留下的是创造的方法。这理念包括我们如何发展我们的团队,培养我们的设计文化,以及我们创造和分享我们团体的工具。

在创新设计方法上,Airbnb做了五大领域的创新。

1、DLS 国际化设计语言系统

2、Airshots可视化测试系统

3、AirJET 云端文件共享系统

4、React Sketch.app 管理设计系统

5、Lottie 动画引擎

接下来为大家一一介绍这几个创新工具。

DLS 国际化设计语言系统

国际化设计语言系统由专门的设计师、开发人员、体验设计者花了一年多打造而成。跟一般的设计规范不同,它有着统一的名称,有着一对一的设计与开发数据,每一个模块都是代码写出来的,有组件的参数与逻辑。它能自动适配每个屏幕尺寸,包容26种语言的拓展设计状态,就连动画都有统一的模板兼容不同的屏幕。不管是设计人员还是开发人员,只需要通过名称搜索就可以调起相应的模板进行设计,有的模板只需要输入字符就能直接看到各种状态的效果图,非常的高效而且风格统一,简洁好看。

Airshots可视化测试系统

Airshots是什么呢?

简单的来说,就是帮助各国的Airbnb设计开发工作者,能通过这个工具很好的理解上面的国际化设计语言系统,并能快速的测试设计能否符合预期。

AirJET 云端文件共享系统

Airbnb在各地都有很多分部,那么超大文件的传输和共享就会有问题,有时候一个大文件要传相当长的时间才能完成,很影响工作效率。AirJET就很好的解决了这个问题,一个人上传文件,大家都能同步共享快速下载。包括卡片模板、动画样式等等。

React Sketch.app 管理设计系统

管理设计系统 react-sketchapp是为Airbnb的设计系统而设计的, 这是在大型设计系统中管理素材资源的最简单方法。

使用实际组件进行设计 :将代码中的设计实现为React组件并将其渲染到Sketch中。

使用实际数据进行设计 :使用数据进行设计非常重要但具有挑战性; react-sketchapp可以轻松地将实际数据抓取并整合到Sketch文件中。

在Sketch中管理设计系统的资产是复杂,容易出错,很耗时的。虽然是可编写脚本的,但API通常会发生变化。React提供了完美的包装器,以JavaScript开发人员已经熟悉的方式构建可重用的文档。

简单的说,这就是个实时更新的代码数据库,可以实时查询sketch数据、代码,也可以下载图标、设计模块,所有工程师、设计师都可以免费下载。是的,这个是面向大众的,大家都可以免费下载,Airbnb提倡共享文化。

开源工具共享平台链接在此:

https://github.com/airbnb/react-sketchapp

Lottie 动画引擎

通常,我们设计一个动画是非常复杂的,有很多的字节,很大。Lottie是Android和iOS的移动图书馆,可解析Adobe After Effects动画,并以Bodymovin作为json导出,并在手机上本机呈现。设计师创建和运送漂亮的动画,而无需工程师手动重新创建它。

下面这些动画都是在After Effects中创建,并与Bodymovin一起导出,无需额外的工程设计。

Bodymovin是由Hernan Torrisi创建的After Effects插件,导出后效果文件为json,并包含一个JavaScript网络播放器。

这样生成的动画,体积小,质量高,而且极大节省了开发者的工作量。

下载网站在此:

https://github.com/airbnb/lottie-android

https://github.com/airbnb/lottie-ios

Airbnb开辟新的设计方式,推陈出新,极大的提高了设计效率,也让更好的产品体验得以实现。

最后Alex总结道:“我们的理念就是把家分享给大家,同样,在设计中我们也愿意分享”。

Airbnb设计网:

https://airbnb.design

Airbnb技术工具分享网:

https://github.com/airbnb

大会精彩内容:

IXDC首次完整分享来自苹果的设计方法

快讯 | 32场实践工作坊,两场业内顶尖峰会。

回顾 | 七场设计考察,开启设计新视野。

IXDC大咖到访 | 精心安排,只为您远道而来

▼点击阅读原文,查看更多此次大会相关内容!