Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

0 評論 7676 瀏覽 15 收藏 15 分鐘

Airbnb 的設(shè)計(jì)語言系統(tǒng)(DLS)為我們的用戶體驗(yàn)設(shè)計(jì)(從字體、顏色到插畫和動(dòng)效設(shè)計(jì))提供了一個(gè)易懂的、包容的通用做法。

文字語言可以為公司定下基調(diào),但圖像可以使其更加具象。插畫還沒有在科技界中找到它的位置,因?yàn)樗31粧佒X后。無論是用來提煉復(fù)雜的信息,還是添加一點(diǎn)奇思妙想,插畫都是構(gòu)成公司視覺品牌標(biāo)識(shí)的一部分。

作為在硅谷工作了近十年的插畫師,我看到插畫開始受到科技行業(yè)的興趣。各公司開始認(rèn)識(shí)到它的價(jià)值——圖像傳達(dá)信息的同時(shí)也使得他們的用戶感到愉悅。盡管插畫越來越受歡迎,但它并沒有被普遍認(rèn)為是一門獨(dú)立學(xué)科。公司會(huì)去尋找喜歡繪畫的設(shè)計(jì)師,會(huì)涂鴉的工程師,或者會(huì)基本設(shè)計(jì)自由職業(yè)者。插畫并沒有得到和其他工種同等的時(shí)間和資源。

我的職業(yè)目標(biāo)之一是提高插圖在行業(yè)的價(jià)值地位。Airbnb 的設(shè)計(jì)品牌融合了多種學(xué)科——體驗(yàn)設(shè)計(jì)與動(dòng)效設(shè)計(jì)、攝影、寫作、數(shù)據(jù)可視化和插畫。當(dāng)我在2017年10月加入Airbnb團(tuán)隊(duì)時(shí),有機(jī)會(huì)重新設(shè)計(jì) Airbnb 插圖風(fēng)格,這是核心品牌系統(tǒng)中的一個(gè)重要組成部分。接下來我介紹是如何展開工作的。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

笨拙的少年時(shí)期

我的第一步:調(diào)研。我收集了 Airbnb 過去的所有插圖,和那些目睹或者參與其發(fā)展的人交談。我了解到有些單獨(dú)的插畫是為一次性演示而設(shè)計(jì)的,然后同事就沿用下來了。其他的是設(shè)計(jì)師通過他們的個(gè)人風(fēng)格與品牌調(diào)性相合相結(jié)合的方式,并將工作交給產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)和自由插畫師了。

Airbnb 插圖的三個(gè)階段

Airbnb 插圖的三個(gè)階段

在我的研究中,有一點(diǎn)是非常清晰明確的是:從來沒有人后退一步思考,插畫在 Airbnb 社區(qū)的主要的表達(dá)。是時(shí)候把 Airbnb 的插畫風(fēng)格從尷尬的少年時(shí)期拉出來了。

每一個(gè)面孔和種族

我研究階段中從同事那里收集到的最有洞察力的意見。許多批評都是要求少一些泡沫美學(xué),但我從那些黑人、亞洲人、拉丁裔和中東同事那里得到一個(gè)關(guān)鍵的見解讓我感到非常震驚:“這些插圖形象不能代表我?!彼麄兊南敕ㄗ屛蚁萑氤了迹易鳛橐粋€(gè)亞裔美國女性的經(jīng)歷,我成長的世界里是體現(xiàn)不出自己樣子的。

沉浸在歷史遺留下來的的科技插圖風(fēng)格中——用藍(lán)色或灰色勾勒的卡通人物。缺乏代表性并且不能詮釋 Airbnb 對包容性的承諾。

“當(dāng)一個(gè)人物形象的輪廓結(jié)合空白色塊再加上有顏色的頭發(fā)和衣服的時(shí)候,很容易就會(huì)認(rèn)為他們是白種人?!?/p>

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

房主和住客的不同表現(xiàn)-早期(左)和后期(右)

Airbnb 的房主、住客和員工覆蓋了世界的各個(gè)角落——從成都的祖母、舊金山的企業(yè)家,到伊斯坦布爾的空巢老人以及內(nèi)羅畢的婚禮策劃人。顯然,我的同事和我們所服務(wù)的社區(qū)有機(jī)會(huì)為他們做正確的事情。

代表性是復(fù)雜的

我們的插圖遵循四個(gè)原則 —— 接地氣的、可伸縮的、輕量級的和多樣化的。

我們把插圖中的泡沫般的、童趣的風(fēng)格剝離出來,使其更加接地氣。就和我們的設(shè)計(jì)語言系統(tǒng)的其他部分一樣,它們的風(fēng)格十分簡約的、輕量級的。有意的留白是可以帶來很好的平衡,插圖就不會(huì)脫離它們所處的環(huán)境。同樣重要的是,它們在不同大小的地方、平臺(tái)和設(shè)備上進(jìn)行擴(kuò)展。

接地氣、輕量級和可伸縮是比較簡單的,但是多樣性和代表性就復(fù)雜得多了。以下是我為全球社群設(shè)計(jì)的各種多樣性的插圖:

1. 包容差異性:準(zhǔn)確表達(dá)不同的種族、年齡、能力和體型;

2. 保持真實(shí)性:表現(xiàn)不全是白人的角色,參考每個(gè)人的照片繪制;

3. 表達(dá)每個(gè)人:考慮所有類型的多樣性,包括占世界人口15%的殘疾人群體。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

一位房主為住客準(zhǔn)備好房間

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

一位房主在看他的日歷

包容差異性

以西方為中心,勾勒卡通人物需要改變的地方。年齡、種族、殘疾、宗教、取向和性別的多樣性是我們的基礎(chǔ)。我們需要表現(xiàn)出歸屬所有地方的人,角色設(shè)定就可以創(chuàng)造出更多樣性。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

早期探索插圖

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

Airbnb 新風(fēng)格的第一幅插圖:房東把鑰匙遞給住客

在我的職業(yè)生涯中,我聽到過許多關(guān)于“身體政治”的激烈辯論——正確的膚色、最佳的體型和最合適的性別。這給了我一種很不安全,并把恐懼成為我關(guān)注的焦點(diǎn)。我也經(jīng)歷過用不同的灰色來畫每個(gè)人來避免種族問題。我害怕偏離主流人群審美標(biāo)準(zhǔn)。當(dāng)我審視科技領(lǐng)域插圖的情況和歷史時(shí),我發(fā)現(xiàn)這場爭辯依然很盛行。

“盡管多樣性最終成為了一個(gè)首要問題,在不冒犯任何人的情況下定義人類仍然讓很多人感到有壓力?!?/p>

很多通過順從的方式來解決這個(gè)問題,通過彩虹色的人物圖形隱喻多樣性。人們的體型和年齡通常相同,但被畫成紅色、藍(lán)色、黃色、橙色、紫色和綠色。簡單地說,他們不是真實(shí)的。然而一開始在世界范圍內(nèi)這樣的表現(xiàn)方式可能是好的(實(shí)際上我在最初的 Airbnb 插圖的草稿中就嘗試過這種方法),但我知道這并不適合我們。我們可以比這樣做得更好。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

早期探索插圖

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

房主和住客交流

我們的使命是將不同文化和不同大陸的人們聯(lián)系起來,所以我們的插圖必須表達(dá)出我們的社群是正在聚集在一起的。我們不能根據(jù)被認(rèn)為是“商業(yè)可接受”的東西來概括或指導(dǎo)。相反,我們需要非常真實(shí)。人就是人,因此我們不會(huì)試圖圍繞我們都是不一樣,這一簡單事實(shí)來設(shè)計(jì)。

保持真實(shí)性

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

參考真實(shí)照片的樣本

我們要以尊重和關(guān)懷來展現(xiàn)我們?nèi)?Airbnb 社群。通過參考我們的房主和房客、過往的人物、朋友、家人和同事的真實(shí)照片,我們能夠以我們在世界上看到的多樣性來代表我們的人物。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

多種多樣的面部細(xì)節(jié)圖的草稿

用真實(shí)的照片來激發(fā)靈感可以達(dá)到兩件事:

當(dāng)我們描繪多樣性的時(shí)候,它可以確保真實(shí)性,因?yàn)樗粫?huì)給藝術(shù)家留下概括或刻板印象的空間,并且阻止藝術(shù)家畫出他們自己的不同版本。

插畫師開始傾向于畫他們經(jīng)常看到的那些。我知道我的臉是我一生中見過最多的,我會(huì)感到震驚我們產(chǎn)品中的每個(gè)角色都是我的某一個(gè)版本。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

Airbnb的社區(qū)的注冊協(xié)議

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

一家人(插圖)

反映每個(gè)人

對我們的風(fēng)格至關(guān)重要的是將殘疾群體納入其中,他們的身份與性別、種族、國籍、取向和年齡交織在一起的。邁克爾·奧斯?。∕ichael Austin Sui )是一位專注于無障礙設(shè)計(jì)的包容性設(shè)計(jì)主管,他是我在這方面最親密的合作伙伴。通過與 Airbnb 的殘疾社群小組合作,我們可以討論正在進(jìn)行的工作,并獲得關(guān)于他們生活經(jīng)歷的直接反饋。

“通過與殘疾人社群的對話,我們正在學(xué)習(xí)如何以尊重他們觀點(diǎn)的方式創(chuàng)作插圖?!?/p>

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

在日本,房主歡迎遠(yuǎn)道而來的客人

在創(chuàng)建我們的插圖庫時(shí),我個(gè)人學(xué)到了很多東西。例如,在聾人和重聽人群體中,關(guān)于人工耳蝸的爭論一直在進(jìn)行。有些人在插圖中使用它們,而另一些人更喜歡用手語來描述。我們想在我們的產(chǎn)品中同時(shí)包含這兩者。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

一位房主通過 Airbnb 應(yīng)用與她的客人交流

對視覺障礙的描述是相對直接的,比如假肢。但是無形的殘疾并不那么簡單。我正在向 Airbnb 的一名員工學(xué)習(xí),他認(rèn)為自己患有自閉癥,我們應(yīng)該如何結(jié)合視覺線索,比如特定的手臂手勢或聲音消除設(shè)備,所以插圖反映了更多的神經(jīng)多樣性。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

Airbnb 的房主們通過它來表達(dá)他們對旅游的熱愛

我對各種各樣的殘疾相關(guān)知識(shí)了解有限,這對我來說無疑是一個(gè)學(xué)習(xí)的過程。隨著我們繼續(xù)與社群本身建立聯(lián)系,我們將擴(kuò)大我們的知識(shí)和技能,這樣我們就可以通過更包容的態(tài)度來做好工作。

“普通”才是多樣性的

隨著我們新的插圖風(fēng)格重塑 Airbnb 的形象表達(dá),我們希望打破現(xiàn)狀。我們不想延續(xù)我們許多人從小至今的經(jīng)歷,只認(rèn)為只有白人才是有價(jià)值的。通過打破固定的人類身份,我們自然需要我們的團(tuán)隊(duì)表達(dá)我們的外部形象。我們的目標(biāo)是擴(kuò)大我們的世界觀,提升我們的真實(shí)性,并繼續(xù)與我們的全球社群建立信任,我們可以通過建立一個(gè)展示Airbnb 的使命感的插畫團(tuán)隊(duì)來實(shí)現(xiàn)這一點(diǎn)。

Airbnb | 創(chuàng)建更具包容性的視覺識(shí)別插圖指南

一位房主通過 Airbnb 的“開放之家”計(jì)劃與她的客人建立聯(lián)系

“普通”才是多樣性的。我的目標(biāo)是推動(dòng)科技行業(yè)的發(fā)展,但這不是我或 Airbnb 能夠獨(dú)自承擔(dān)的責(zé)任。科技行業(yè)必須考慮由誰組成他們公司的人,以及如何將這些組成呈現(xiàn)給世界。是時(shí)候坦誠人類之間的差異性。

 

原文作者:Jennifer HomAirbnb 資深設(shè)計(jì)經(jīng)理

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

編譯者:呵呵,三分設(shè)特邀翻譯教官

編輯整理:三分設(shè)譯文小組 (公號(hào)ID:sanfen-design)

本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!