Airbnb 是这样打造一致性的“设计语言”

网友 来源: 网友投稿 2016-6-6 14:59 我要评论()

三位创办人中有两位是设计背景出身,Airbnb 向来以良好的设计体验自豪。身在软体公司,设计团队通常被要求提供“一次性的解决方案”,不过,随着团队愈来愈庞大,版本更迭愈来愈频繁,倘若解决方案缺乏稳固的基础, ...

三位创办人中有两位是设计背景出身,Airbnb 向来以良好的设计体验自豪。身在软体公司,设计团队通常被要求提供“一次性的解决方案”,不过,随着团队愈来愈庞大,版本更迭愈来愈频繁,倘若解决方案缺乏稳固的基础,很容易累积大量的技术与设计债。

如同所有语言,如果没有建立一致的概念,与所有人共享,视觉语言也很容易产生误解。Airbnb 首席体验设计师 Karri Saarinen 在部落格中解释,设计非常侧重“系统”,以及设法以可规模化、可重复性的方式打造产品。只是,尽管数位产品是最能发挥系统优势的肥沃土壤,设计系统化却不太受到重视。

一套统一的设计系统,应当可以打造更优异的产品,让使用者获得连贯、且容易理解的体验,同时也让不同设计师在共同的语言中工作,以达成更高的效率。Airbnb 的成长速度惊人,如今他们的设计团队由十几个不同性质的小组组成,因此需要形塑一套系统性的方法,将协作的成果发挥到淋漓尽致。

Karri Saarinen 指出几点设计需要系统化的原因:第一,软体设计相对实体产品设计,虽然限制较少、设计自由度高,却也容易造成使用体验不连贯的问题,另外,小团队成长的过程中加入愈来愈多设计师,不同的设计师带来不同的解决方案与风格,体验也容易走偏。其次,数位产品通常是跨平台的,让设计细节同步化也是一门功夫,最后,不同于其他实体产品,软体是绵延不断的,即使新版本已上线,或者甚至品牌风格大改,旧有的设计与程式仍可能散落在网路各处,需要经常性的维护与升级。

因此,Airbnb 执行了“设计语言系统”的计划,他们设定了几个原则:

1)统一(unified):每个物件都应该天衣无缝地嵌入整体,不该出现突兀的功能或任何格格不入的异常。

2)全球通用(universal):Airbnb 是个跨国服务,因此必须设计一套全球使用者都能理解的视觉语言。

3)聚焦(iconic):设计与功能同样重要,必须采取大胆且清楚的行动达成这两个目的。

4)对话式(conversational):动态(motion)彻底融入我们的设计之中,让我们与使用者的沟通畅通无阻。

 

图片来源

 

正式打造“设计系统”前,Airbnb 先组织了“基本风格指南”,称之为“foundation(地基、基础)”。这个指南针对字型、色彩、图标、间距与资讯架构下了简单而松散的定义,确立所有参与的设计师有着一致的步调与方向,但又保留能够独自探索创意设计解决方案的空间。随着具体的样式(pattern)浮现,必要时他们也在过程中逐步修正,并且开始定义标准化元件(standardized components)。

 

图片来源

 

一般而言,许多风格指南都把元件(components)当作像是静态的“原子”(atom)物件,可以构成不同的“分子”(molecule),但因设计太过自由,五花八门的组合反而可能造成不连贯的体验。因此他们转换思考,把元件变成“生物体(living organism)”,功用、个性各自不同,并分别由一组 property 定义,可与其他元件并存,也能够自我演化。一套统一的设计语言,不该只是死板的规则与泾渭分明的原子,而是一整套不断进化的系统。

 

图片来源

 

在创造这些元件的同时,他们将之编入一个称为“library”的主资料夹,归纳出导航、背景滚动(marquee)、内容、图片、特殊等四种类别。才一两个礼拜,就在进行设计迭代时感受到生产力大跃进,短短几小时便生出适配 50 种萤幕的原型。比如,平板萤幕大部分的设计与手机类同,可以直接采用 iOS 与 Android 的设计元件,在这套系统中,元件可以改变外观与定位,像是响应式网页一般。

 

图片来源

 

在设计“设计语言”时,同样也会卡关,也一直有改进空间。不过整体而言,Karri Saarinen 表示,投资“设计语言”势在必行,他们从此几乎能够在同一时间为所有平台打造、释出功能,而工程师能够更专注编写功能性的程式码,开发也更有效率;此外,设计师与工程师有了共通语言,不再听不懂对方的话。

而且,设计师也能真正投入设计概念与体验,而非只是在内距(padding)、色彩或字型的选择中苦苦打转。设计语言让所有设计师都对视觉风格有一致的理解,并且精简了不同装置的设计流程,设计原型或进行实验时亦有低成本、高效率,且高度拟真的效果。

 

 


1.本站内容来源于网络,不保证真实、完整,不代表本站观点,由此造成的任何后果本站不承担相关法律责任。2.本站的原创文章,请转载时务必注明来源;3.作者投稿可能有修改或补充,如有侵权请联系删除,本站免责。

无限全国流量卡15/张
精彩导读
叶根友字体打包下载