1.3.36

【自译】我们在这儿呈现你的面孔(Airbnb Design 文章)

苏州/UI设计师/6年前/655浏览
【自译】我们在这儿呈现你的面孔(Airbnb Design 文章)

分享 Airbnb 的设计师如何分从文化、种族的多样性等因素中找到新的插画风格指南,以及思考了插画在科技公司中应有的价值是什么。

英文水平有限如有理解错误欢迎在评论中指出


Your Face Here

Creating illustration guidelines for a more inclusive visual identity

为一个更具包容性的视觉识别系统创造插画指南


Airbnb的设计语言系统为我们的用户体验创造了一个通俗易懂、更具包容性的设计实践,从字体、颜色到插画到动画设计。


语言文字可以为公司订下基调,但是图画让它更加具像化。插画还没有完全找到它在科技领域的位置,因为它经常不被认可并且经常不被认真对待。但不管是否要简化复杂的信息或者是添加一些异想天开的想法,插画都是企业视觉品牌形象的组成部分。


作为一个在硅谷工作了数十年的插画师,我看到插画开始引发科技公司的兴趣。科技公司开始理解它的价值——图像在传达信息的同时也会让他们的用户感觉愉悦。但是尽管插画开始日益普及,它还没有看作是一个独立的学科。公司会去寻找喜欢绘画的设计师、能涂鸦的工程师,或者会基本设计的自由职业者,插画还没有得到和其他工作岗位同等的时间和资源。


我其中一个职业目标就是提高插画在科技行业的质量(地位)。Airbnb 的设计品牌是多种学科的融合——体验设计与动效设计、摄影、写作、数据可视化和插画的融合。我于 2017 年 10 月加入 Airbnb 的团队,有机会重新设计Airbnb的插图风格,它是我们核心品牌形象的一个重要组成部分。接下来就会说我的工作旅程如何展开的。



The Awkward Teen 

笨拙的青少年时期


我的第一步是调研。我收集了 Airbnb 之前所有的插画,并且与那些亲眼目睹或是参与其发展的人交流。我知道有一些插图是为了一些独立的、一次性的展示创造的,后来员工就沿用了它。其他设计师结合他们的个人风格,结合我们的品牌标志,再把工作交给产品设计团队和自由插画师。


 Three stages of illustration at Airbnb 

[Airbnb 插画的三个阶段]


在我的研究中,有一点变得很清楚:没有人曾停下脚步(回看),并把插画当作是 Airbnb 社群的主要反映。是时候把 Airbnb 的插画风格从尴尬的青少年阶段拉出来了。



Every Face and Race

每一个面孔和种族


在我调研中,最给我带来启发的是从我同事那里收集到的意见。很多批评要求少一点泡沫审美,有一些黑人、亚洲、拉丁美洲和中东的同事的洞察启发了我:「这些插画形象不代表我。」他们的想法在也与我产生了共鸣——那反映了我作为一个亚裔美国女子的经历,我成长的世界里看不到我自己的影子。


你身处的科技插图世界都是历史遗留的风格——用灰色或者蓝色勾画的卡通人物。这种不具代表性的插画不能反映 Airbnb 对包容性的认同。



“When a person appears as an outlined white space while their hair and clothing have color, it’s easy to assume they’re caucasian.”

当一个人出现的方式是空白色块加上有颜色的头发和衣服,你很容易就会认定他是白种人。


  Before (left) and after (right) representations of hosts and guests 

[早期(左)和后期(右)有关房主和房客的不同呈现]


Airbnb 的主人、客人和员工代表世界上每个角落的人——从成都的一位祖母到旧金山的一名企业家,乃至伊斯坦布尔的一位空巢老人或内罗毕(非洲肯尼亚首都和最大城市)的一名婚礼策划师。很明显,我的同事和我们服务的社区有机会去为他们做正确的事情。



Representation is Complex

代表性是复杂的


我们的插画由四个原则引导:它们是接地的、可缩放的、轻量化的、多样性的。我们通过去掉那种泡沫般的、童趣的风格让插画更加接地。像我们设计语言其他部分说的那样,它们的风格是十分简约和轻量化的。刻意留出的空白带来了很好的平衡,所以插画不会脱离它们所在的背景。同样重要的是它们有很多不同的尺寸,可以跨越使用环境、平台和设备。


变得接地、轻量化和可缩放是比较简单的,但是多样性和代表性就比较复杂。以下是我为了全球社群创造多样性的插画所做的:


1. Embrace differences.Accurately represent different races, ages, abilities, and body types.

1.包容差异性。精确地代表不同种族、年龄、能力和体型。


2. Keep it real. Cast characters who aren’t all white men, and reference photos for every person drawn.

2.保持真实。画出不全是白人的角色,参考每个人的照片绘画。


3. Reflect everyone.Consider all types of diversity, including the disability community who makes up 15% of the world’s population.

3.反映每个人。考虑所有类型的多样性,包含占世界人口 15% 的残疾人群体。


A host prepares her home for guests

[一位房主在为她的房客准备房间]


A host reviews his calendar

[一位房主在查看他的日历]



Embrace Differences

包容差异性

以西方为中心、勾线的卡通人物需要改变了。年龄、种族、残障、宗教、取向、性别的多样性是组成我们的基础。我们需要反映出归属所有地方的人,我的角色就有机会去创造身份的多样性。

Early illustration explorations

[早期的插画探索]

The first illustration in Airbnb’s new style: a host hands keys to a guest

[Airbnb 全新风格的第一幅插画:房主交钥匙给房客]


在我的整个职业生涯中,我听到过很多围绕「身体政治」展开的激烈讨论——正确的皮肤颜色,最佳体型和最适合的性别。这让我内心深感不安,并让恐惧成为我关注的焦点。我也经历过将所有人都画成不同的灰色来避免种族问题。我害怕与主流的人类审美标准有所偏离。我看了科技领域的插画的情况和历史,我发现这类的讨论依然盛行。



“Though diversity is finally a headline issue, many still feel the pressure of having to define humans without offending anyone.”

尽管多样性最终还是一个首要的问题,定义人类而不得罪任何人还是让很多人感到有压力。


很多地方用顺从的方式来解决这个问题,通过彩虹颜色的人物来表现多样性。人们通常情况下拥有同样的体型和年龄,但是被画成红色、蓝色、黄色、橙色、紫色和绿色。简单来说,他们都不是真实存在的人。然而一旦在世界范围内这样的方式被接受,就会造成在代表性上的投机取巧(实际上,我在最初的 Airbnb 草稿阶段也用了这种方式),我知道这对我们来说是不好的。我们可以比这样做的更好。

Early illustration explorations

[早期插画探索]

A host and guest communicate

[主客沟通]



我们的使命是将跨越文化和国家的人们连接起来,所以我们的插画需要反映我们聚集起来的群体。被认为是「市场最能接受」的那些,不能概括或指导我们。取而代之的,我们需要完全地诚实。人类就是人类,所以我们不会尝试用简单的方式来设计,我们所有人都是不同的。



Keep It Real

保持真实

A sample of reference photos

[参考照片案例]


我们想要以尊重和关怀的形式来展现我们全世界的Airbnb群体。通过参考我们房间主人、客人、过往的人物、朋友、家庭和同事的照片,我们能够在我们的产品里以我们在世界中看到的多样性,代表我们的人物。

A selection of diverse facial detail drawings

[一系列不同面部细节的草稿]


用真实的照片来启发灵感达到了两件事情,她加强了我们在描绘多样性时的真实性,因为它没有给艺术家概括或守旧的机会,并且这让艺术家不能没完没了地只画他们自己的不同版本。插画开始倾向去画他们最常看到的那些。我知道我的脸才是我一生中见得最多的,但是我也很怕如果我们产品的每个角色都是某个版本的我。


Airbnb’s community promise

[Airbnb 的注册协议]


A family, illustrated

[一家人的插画]


Reflect Everyone

反映每一个人


关于我们风格的一些难点是关于那些身患残疾的群体,他们的身份特征与性别、种族、国籍、宗教和年龄有重合。米歇尔,一位可访问性设计负责人,精通传达性,她是帮助我把这件事情做对的最亲密的伙伴。通过与 Airbnb 残疾人资源小组的同事合作,我们能够就正在进行的工作与他们讨论,且能得到他们生活经验的直接反馈。


“Through conversations with the disability community, we’re learning how to create illustrations in a way that respects their perspective.”

通过与残疾人群体的交流,我们正在学习如何用一种尊重他们视角的方式来创作插画。

A host welcomes his guests in Japan

[一位房主在日本欢迎他的房客]


我个人在创建我们插画库的时候学到了很多东西。比如说,有一个关于聋人与听障人群助听器的讨论。一部分人想要把助听器画在插画里,而另一些人想要展现手语。我们想要将这两者都表现在我们的产品里。


A host communicates with her guests through the Airbnb app

[一位房主通过 Airbnb APP 与她的房客交流]


对于人们可以直接可见的残疾的描绘就直接得多,像是有一个假肢。但是表现能直接可见的残疾就不是那么直观了。我正在向一个有自闭症的 Airbnb 员工咨询如何在其中增加视觉线索,像是具体的手臂的形象或者是声音抵消装置(消音装置),这样插画就能反映更多种神经多样性。

Airbnb hosts connect over their love of travel

[Airbnb 的房主传达她对旅行的热爱]


我对于很多的残疾都只有有限的了解,所以这对我来说的确是一个学习的过程。我们将会持续与那些群体的人交流,我们会扩展我们的知识面和专业技能,那样我们才能在变得更有包容性的时候不会出错。



“Normal” is Diverse

「普通」才是多样性


我们新的插画风格重塑了一部分 Airbnb 的身份形象,我们也希望可以打破现状。我们中的很多人成长的环境甚至是现在经历的环境依旧认为,只有成为白人才是有价值的,但是我们不想一直描绘这样的世界。通过推翻默认的人类身份形象,我们自然需要我们的团队反映我们的外在形象。我们的目的是拓宽我们的世界观,提升我们的真实性,持续建立我们在全世界群体中的信任感,我们可以通个建立一个宣扬 Airbnb 归属使命感的插画团队来完成这些事。

A host connects with her guests through Airbnb’s Open Homes initiative

[一位房主通过 Airbnb 开放家庭邀请与她的房客联系]


「普通」才是多样性。我的目标是去除科技界在代表性方面的阻碍,但这不是仅仅是我和 Airbnb 独有的责任。科技群体必须正视那些组成他们公司的人,正视那些人是如何代表了世界。是时候对坦诚面对人类之间的差异性了。


译者:珈蓝十四夜

作者: Jennifer Hom 

原文:https://airbnb.design/your-face-here/


版权由原作者所有,转载请注明~~~

8
阅读原文
|
Report
|
19
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Be the first to comment
Log in