Airbnb | 創建更具包容性的視覺識別插圖指南

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

Airbnb 的設計語言系統(DLS)為我們的用戶體驗設計(從字體、顏色到插畫和動效設計)提供了一個易懂的、包容的通用做法。

文字語言可以為公司定下基調,但圖像可以使其更加具象。插畫還沒有在科技界中找到它的位置,因為它常常被拋之腦后。無論是用來提煉復雜的信息,還是添加一點奇思妙想,插畫都是構成公司視覺品牌標識的一部分。

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

我的職業目標之一是提高插圖在行業的價值地位。Airbnb 的設計品牌融合了多種學科——體驗設計與動效設計、攝影、寫作、數據可視化和插畫。當我在2017年10月加入Airbnb團隊時,有機會重新設計 Airbnb 插圖風格,這是核心品牌系統中的一個重要組成部分。接下來我介紹是如何展開工作的。

Airbnb | 創建更具包容性的視覺識別插圖指南

笨拙的少年時期

我的第一步:調研。我收集了 Airbnb 過去的所有插圖,和那些目睹或者參與其發展的人交談。我了解到有些單獨的插畫是為一次性演示而設計的,然后同事就沿用下來了。其他的是設計師通過他們的個人風格與品牌調性相合相結合的方式,并將工作交給產品設計團隊和自由插畫師了。

Airbnb 插圖的三個階段

Airbnb 插圖的三個階段

在我的研究中,有一點是非常清晰明確的是:從來沒有人后退一步思考,插畫在 Airbnb 社區的主要的表達。是時候把 Airbnb 的插畫風格從尷尬的少年時期拉出來了。

每一個面孔和種族

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

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

“當一個人物形象的輪廓結合空白色塊再加上有顏色的頭發和衣服的時候,很容易就會認為他們是白種人?!?/p>

Airbnb | 創建更具包容性的視覺識別插圖指南

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

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

代表性是復雜的

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

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

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

1. 包容差異性:準確表達不同的種族、年齡、能力和體型;

2. 保持真實性:表現不全是白人的角色,參考每個人的照片繪制;

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

Airbnb | 創建更具包容性的視覺識別插圖指南

一位房主為住客準備好房間

Airbnb | 創建更具包容性的視覺識別插圖指南

一位房主在看他的日歷

包容差異性

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

Airbnb | 創建更具包容性的視覺識別插圖指南

Airbnb | 創建更具包容性的視覺識別插圖指南

早期探索插圖

Airbnb | 創建更具包容性的視覺識別插圖指南

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

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

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

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

Airbnb | 創建更具包容性的視覺識別插圖指南

早期探索插圖

Airbnb | 創建更具包容性的視覺識別插圖指南

房主和住客交流

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

保持真實性

Airbnb | 創建更具包容性的視覺識別插圖指南

參考真實照片的樣本

我們要以尊重和關懷來展現我們全球 Airbnb 社群。通過參考我們的房主和房客、過往的人物、朋友、家人和同事的真實照片,我們能夠以我們在世界上看到的多樣性來代表我們的人物。

Airbnb | 創建更具包容性的視覺識別插圖指南

Airbnb | 創建更具包容性的視覺識別插圖指南

多種多樣的面部細節圖的草稿

用真實的照片來激發靈感可以達到兩件事:

當我們描繪多樣性的時候,它可以確保真實性,因為它不會給藝術家留下概括或刻板印象的空間,并且阻止藝術家畫出他們自己的不同版本。

插畫師開始傾向于畫他們經常看到的那些。我知道我的臉是我一生中見過最多的,我會感到震驚我們產品中的每個角色都是我的某一個版本。

Airbnb | 創建更具包容性的視覺識別插圖指南

Airbnb的社區的注冊協議

Airbnb | 創建更具包容性的視覺識別插圖指南

一家人(插圖)

反映每個人

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

“通過與殘疾人社群的對話,我們正在學習如何以尊重他們觀點的方式創作插圖?!?/p>

Airbnb | 創建更具包容性的視覺識別插圖指南

在日本,房主歡迎遠道而來的客人

在創建我們的插圖庫時,我個人學到了很多東西。例如,在聾人和重聽人群體中,關于人工耳蝸的爭論一直在進行。有些人在插圖中使用它們,而另一些人更喜歡用手語來描述。我們想在我們的產品中同時包含這兩者。

Airbnb | 創建更具包容性的視覺識別插圖指南

一位房主通過 Airbnb 應用與她的客人交流

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

Airbnb | 創建更具包容性的視覺識別插圖指南

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

我對各種各樣的殘疾相關知識了解有限,這對我來說無疑是一個學習的過程。隨著我們繼續與社群本身建立聯系,我們將擴大我們的知識和技能,這樣我們就可以通過更包容的態度來做好工作。

“普通”才是多樣性的

隨著我們新的插圖風格重塑 Airbnb 的形象表達,我們希望打破現狀。我們不想延續我們許多人從小至今的經歷,只認為只有白人才是有價值的。通過打破固定的人類身份,我們自然需要我們的團隊表達我們的外部形象。我們的目標是擴大我們的世界觀,提升我們的真實性,并繼續與我們的全球社群建立信任,我們可以通過建立一個展示Airbnb 的使命感的插畫團隊來實現這一點。

Airbnb | 創建更具包容性的視覺識別插圖指南

一位房主通過 Airbnb 的“開放之家”計劃與她的客人建立聯系

“普通”才是多樣性的。我的目標是推動科技行業的發展,但這不是我或 Airbnb 能夠獨自承擔的責任??萍夹袠I必須考慮由誰組成他們公司的人,以及如何將這些組成呈現給世界。是時候坦誠人類之間的差異性。

 

原文作者:Jennifer HomAirbnb 資深設計經理

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

編譯者:呵呵,三分設特邀翻譯教官

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

本文由 @三分設 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!