Airbnb是這樣打造一致性的「設計語言」!設計背後的四原則、三要素

2017/02/15
陳伊凡
Airbnb是這樣打造一致性的「設計語言」!設計背後的四原則、三要素
圖片來源=Airbnb design
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
三位創辦人中有兩位是設計背景出身,Airbnb 向來以良好的設計體驗自豪。他們的設計團隊由十幾個不同性質的小組組成,執行了「設計語言系統」的計畫,將協作的成果發揮到淋漓盡致。

本文編譯自〈 Building a Visual Language 〉

三位創辦人中有兩位是設計背景出身,Airbnb 向來以良好的設計體驗自豪。身在軟體公司,設計團隊通常被要求提供「一次性的解決方案」,不過,隨著團隊愈來愈龐大,版本更迭愈來愈頻繁,倘若解決方案缺乏穩固的基礎,很容易累積大量的技術與設計債。

如同所有語言,如果沒有建立一致的概念,與所有人共享,視覺語言也很容易產生誤解。 Airbnb 首席體驗設計師 Karri Saarinen 在部落格中解釋,設計非常側重「系統」,以及設法以可規模化、可重複性的方式打造產品。只是,儘管數位產品是最能發揮系統優勢的肥沃土壤,設計系統化卻不太受到重視。

一套統一的設計系統,應當可以打造更優異的產品,讓使用者獲得連貫、且容易理解的體驗,同時也讓不同設計師在共同的語言中工作,以達成更高的效率。Airbnb 的成長速度驚人,如今他們的設計團隊由十幾個不同性質的小組組成,因此需要形塑一套系統性的方法,將協作的成果發揮到淋漓盡致。

Karri Saarinen 指出幾點設計需要系統化的原因:第一,軟體設計相對實體產品設計,雖然限制較少、設計自由度高,卻也容易造成使用體驗不連貫的問題,另外,小團隊成長的過程中加入愈來愈多設計師,不同的設計師帶來不同的解決方案與風格,體驗也容易走偏。其次,數位產品通常是跨平台的,讓設計細節同步化也是一門功夫,最後,不同於其他實體產品,軟體是綿延不斷的,即使新版本已上線,或者甚至品牌風格大改,舊有的設計與程式仍可能散落在網路各處,需要經常性的維護與升級。

因此,Airbnb 執行了「設計語言系統」的計畫,他們設定了幾個原則:

  1. 統一(unified):每個物件都應該天衣無縫地嵌入整體,不該出現突兀的功能或任何格格不入的異常。
  2. 全球通用(universal):Airbnb 是個跨國服務,因此必須設計一套全球使用者都能理解的視覺語言。
  3. 聚焦(iconic):設計與功能同樣重要,必須採取大膽且清楚的行動達成這兩個目的。
  4. 對話式(conversational):動態(motion)徹底融入我們的設計之中,讓我們與使用者的溝通暢通無阻。

建立「設計語言」的三大要素

1 組織基本風格指南,打地基

正式打造「設計系統」前,Airbnb 先組織了「基本風格指南」,稱之為「foundation(地基、基礎)」。 這個指南針對字型、色彩、圖標、間距與資訊架構下了簡單而鬆散的定義,確立所有參與的設計師有著一致的步調與方向,但又保留能夠獨自探索創意設計解決方案的空間 。隨著具體的樣式(pattern)浮現,必要時他們也在過程中逐步修正,並且開始定義標準化元件(standardized components)。

2 設計元件應該是不斷進化的生態系統

一般而言,許多風格指南都把元件(components)當作像是靜態的「原子」(atom)物件,可以構成不同的「分子」(molecule),但因設計太過自由,五花八門的組合反而可能造成不連貫的體驗。因此他們轉換思考,把元件變成「生物體(living organism)」,功用、個性各自不同,並分別由一組 property 定義,可與其他元件並存,也能夠自我演化。 一套統一的設計語言,不該只是死板的規則與涇渭分明的原子,而是一整套不斷進化的系統。

3 建造一座設計資料庫

在創造這些元件的同時,他們將之編入一個稱為「library」的主資料夾,歸納出導航、背景滾動(marquee)、內容、圖片、特殊等四種類別。才一兩個禮拜,就在進行設計迭代時感受到生產力大躍進,短短幾小時便生出適配 50 種螢幕的原型。比如,平板螢幕大部分的設計與手機類同,可以直接採用 iOS 與 Android 的設計元件,在這套系統中,元件可以改變外觀與定位,像是響應式網頁一般。

一筆相當值得的投資

在設計「設計語言」時,同樣也會卡關,也一直有改進空間。不過整體而言,Karri Saarinen 表示,投資「設計語言」勢在必行,他們從此幾乎能夠在同一時間為所有平台打造、釋出功能,而工程師能夠更專注編寫功能性的程式碼,開發也更有效率;此外,設計師與工程師有了共通語言,不再聽不懂對方的話。

而且,設計師也能真正投入設計概念與體驗,而非只是在內距(padding)、色彩或字型的選擇中苦苦打轉。設計語言讓所有設計師都對視覺風格有一致的理解,並且精簡了不同裝置的設計流程,設計原型或進行實驗時亦有低成本、高效率,且高度擬真的效果。

本文授權轉載自數位時代,原文請點此

2026 DesignBIZ SUMMIT 趨勢論壇 9/3 登場!聚焦「感知,重新定義商業的尺度」,洞悉 AI 時代下的產業變局

2026/07/07
Shopping Design
2026 DesignBIZ SUMMIT 趨勢論壇 9/3 登場!聚焦「感知,重新定義商業的尺度」,洞悉 AI 時代下的產業變局
© Shopping Design
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
追蹤
以「感知,重新定義商業的尺度」為題,從設計視角出發,探討 AI 應用、品牌轉型、消費體驗新商機。

掌握 AI 時代 3 大關鍵行動策略、5 大核心議題!全日型論壇 9/3 登場

【2026 DesignBIZ SUMMIT 趨勢論壇】以「 感知,重新定義商業的尺度 」為題,聚焦「AI 應用、品牌行銷、文化創新」三大核心,從設計與創意視角,拆解未來商業如何從感官觸動走向價值認同,重塑品牌打動人心的驅力。

AI 抹平技術門檻、平庸美感俯拾皆是,品牌該如何創造溢價能力?深入第一線品牌與設計團隊幕後,從策略、洞察到實踐,重新定義 AI 時代下的商業競爭力。

多人團票熱賣中!早鳥優惠只到 8/17|立即報名 ❯❯ https://lurl.cc/gM6JsK


感知,重新定義商業的尺度 —— DesignBIZ 趨勢論壇

AI 應用 ⁕ 情緒行銷 ⁕ 品牌設計 ⁕ 消費體驗 ⁕ 文化轉型

⟢ 精彩議程/

▫ Rebranding 的系統邏輯:從不二家 PEKO 看指標系統如何整合品牌設計
講者:木住野彰悟/6D-K Co., Ltd 創辦人暨藝術總監
↳ 拆解不二家品牌重塑幕後:從客戶溝通到設計落地
↳ 從識別、空間到消費場景,如何打造一致、共感的品牌體驗?

講者簡介|木住野彰悟為平面設計工作室 6D 創辦人。其專業實踐聚焦於企業與城市的視覺識別,設計範疇橫跨標誌、包裝、指標系統,以及跨領域的設計系統建構。代表作品包含不二家、神奈川縣立圖書館、出雲大社、京都新風館、哆啦A夢登戶車站等眾多跨領域指標性專案。

▫ 技術美學的破局點:從 AI 流程解構看未來設計的跨域整合力
講者:楊漢軒/ NVIDIA 技術美術工程師
↳ 破除 AI 取代焦慮,解構 AI 底層模型到商業應用層級
↳ 設計生產力的新戰場:展望未來設計的工作型態

講者簡介|現任 NVIDIA 技術美術工程師,具備超過十年的技術美術(Technical Artist)資深實務經驗。長期跨域於科技、遊戲、動畫與數位藝術,擅長在技術與視覺美術之間進行深度轉譯。 曾獲桃源國際藝術獎首獎、參與開發多款跨平台遊戲,最近幾年專注在 AI 軟體與AI模型的訓練與研發。

▫ 走進生活的共感行銷:Spotify 如何用數據驅動洞察,釋放文化穿透力
▹ 講者:廖以琛 April Liao /Spotify Advertising 大中華區負責人
↳ 從用戶洞察到場景行銷,如何活用行為數據,精準勾動消費者情緒?
↳ 洞悉情境式廣告的互動體驗,打造沉浸的品牌共鳴

▫ 從材料到文化,品牌如何讓價值被重新看見
▹ 講者:吳庭安 /W 春池計畫 主理人、春池玻璃副總經理
↳ 從材料與製程創新出發,打造傳產的綠色經濟
↳ 如何將永續設計導入品牌,重構市場的價值認同?

講者簡介|吳庭安,「W 春池計劃」主理人,循環經濟與循環設計的實踐家。以「透明(Transparency)」為核心概念,推動工業、設計與文化的共生循環。其設計與策劃涵蓋材料再生、空間建築、品牌敘事與地方文化再造,主張讓設計成為連結人與自然、產業與社會的透明媒介。

▫ 重新定義「設計感知」:AI 如何介入視覺創作與互動藝術
講者:吳哲宇/新媒體藝術家、墨雨互動設計&MonoLab 創辦人
↳ 互動式的體驗設計,如何重構新媒體藝術的商業邊界?
↳ 從 Taiwan.md 出發,打造 AI friendly 的科技人文環境

講者簡介|吳哲宇,新媒體藝術家,墨雨互動設計與 MonoLab 創辦人。十二年以演算法追問程式碼能否擁有生命與情感,相信機制本身就是作品。作品於威尼斯雙年展、Art Basel Miami 與台北 101 展出,駐研足跡從巴黎 104 到 C-LAB × 法國 IRCAM。2026 發起開源知識庫 Taiwan.md,為台灣寫下 AI 讀得懂的靈魂;線上學生逾兩萬人。

▫ 工藝,在演算法之後:材料如何找到新價值
講者:王識源 & 盛郁庭/ROSO 機器人建造實驗室共同創辦人
↳ 人機協作,如何開啟空間與建築設計的新可能?
↳ 從數位製造到藝術設計,探索傳統材料新應用

▫ 傳承轉譯:以體驗設計重構文化的商業價值
▹ 講者:蔡明倫/POUYUENJI 寶元紀總經理
↳ 餐食、旅宿到體驗,傳產如何跨業態,建立文化品牌生態系?
↳ 傳統茶文化的設計轉譯,打造跨世代共感的生活體驗

講者簡介|蔡明倫,寶成國際集團共同創辦人蔡其建之長子,畢業於台大、哈佛設計研究碩士,曾任寶成工業董事及副總經理。為承續父親對藏茶的熱愛與分享初心,2020 年接任 POUYUENJI 寶元紀總經理,陸續開設《溪山行館》、於京都設立品牌原生店《POUYUENJI KYOTO》與《playtea kyoto》,及苗栗三義《POUYUENJI HILLS 寶元紀之丘》、台中《元紀.台灣菜》等據點,將POUYUENJI逐步打造為國際茶生活品牌。

▫ 字體即品牌策略:超越視覺美感的商業字型決策學
▹ 講者:森田隼矢/Monotype 資深字體設計師
↳ 從 LINE 字體設計出發,字型如何形塑品牌識別、市場行銷與營運?
↳ 跨市場的視覺溝通:字體如何在不同觸點兼顧在地化與通用性?


≣ 參與對象

◦ 品牌經營者・創業者 — 追求策略轉型與品牌再定義的實踐路徑
◦ 跨領域領導者 — 開拓經營視角,強化團隊創意思維
◦ 策略/內容企劃人 — 掌握前線設計與消費趨勢應用
◦ 創意設計工作者 — 強化設計與市場連動思考,拓展設計影響力

≣ 活動資訊

時間| 2026 年 9 月 3 日(四) 10:00-17:00(09:00 進場)
地點|福華國際文教會館 卓越堂(臺北市大安區新生南路三段 30 號)

≣ 票券資訊

◦ 8/17 前!早鳥優惠:3600元 / 人 ❯❯ https://lurl.cc/gM6JsK
◦ 3 人以上團報:3200 元 / 人
◦ 6 人以上團報:3100 元 / 人
◦ 10 人以上團報:3000 元 / 人
◦ 一般票:4500 元 / 人
※ 票券包含 Shopping Design 特刊雜誌乙本(9月出刊,價值 350 元)
※ 票券或內容洽詢:sd@shoppingdesign.com.tw、謝先生 02-8773-9808#285、徐小姐 02-8773-9808#270

≣ 報名須知

※ 論壇提供午餐。
※ 本公司採用電子發票,發票將統一於付款完成後的兩週內由「綠界科技 ECPay」寄送電子發票開立通知至您報名時填寫的發票收件人email。若有公司報帳特殊需求(如更改統編、同筆訂單開立多張發票...等),敬請於報名前來信或來電告知,完成報名後恕無法受理,謝謝。
※ 如需申請退款請於論壇開始日前 8 個工作天告知,我們將收取論壇的 10% 費用以及銀行轉帳之手續費,逾期恕不受理。論壇亦提供名額保留,請於活動前來電或來信告知,可為您保留名額一年,一年內若對其他論壇或課程有興趣可轉移至 Shopping Design 所舉辦之該活動。
※ 主辦單位保留活動大綱異動之權利,更新資訊以活動網頁內容為主。

2026 DesignBIZ SUMMIT 趨勢論壇資訊
9/3(四)趨勢論壇 @福華國際文教會館 2 樓卓越堂(臺北市大安區新生南路三段 30 號)

關於「設計新商業年會 DesignBIZ SUMMIT」
2006 年創立起始,Shopping Design 從個人消費需求出發,傳遞買設計、學設計、享受設計的理念;與讀者分享好設計背後的理念和知識,期待更有意識的消費、有態度的理想生活。 而進入日趨自動化、生活化、娛樂化的消費場景裡,我們開始深度看向市場供給端,分享企業品牌如何運用設計展開溝通、貼近需求、引導創新,深入其中設計之所以能為商業賦能的關鍵、交流共創,進而催生了「設計新商業年會」!

2026 DesignBIZ SUMMIT 設計新商業年會|趨勢論壇 — 感知,重新定義商業的尺度
時間|2026/9/3(四)~2026/9/3(四) 地點|台北市大安區新生南路三段30號
追蹤
READ MORE

延伸閱讀

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找有趣、有用、有意義的大小設計事...
Vol.156
Vol.156 找回靈感大作戰

3條散步路線・6本靈感日記・10+私房選店・20+找靈感練習。

© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓