Airbnb 是這樣打造一致性的「設計語言」
Airbnb 是這樣打造一致性的「設計語言」

本文編譯自〈Building a Visual Language

三位創辦人中有兩位是設計背景出身,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)、色彩或字型的選擇中苦苦打轉。設計語言讓所有設計師都對視覺風格有一致的理解,並且精簡了不同裝置的設計流程,設計原型或進行實驗時亦有低成本、高效率,且高度擬真的效果。

關鍵字: #UI/UX設計 #Airbnb
往下滑看下一篇文章
明緯於 COMPUTEX 2026 展示新世代電源解決方案,聚焦高功率雙向電源、超薄型導軌電源與高效機殼型電源
明緯於 COMPUTEX 2026 展示新世代電源解決方案,聚焦高功率雙向電源、超薄型導軌電源與高效機殼型電源

全球標準電源領導品牌——明緯集團(MEAN WELL),將於2026年台北國際電腦展(COMPUTEX 2026)盛大展出最新電源解決方案,從傳統標準電源供應器邁向系統應用與能源管理解決方案。本次展出聚焦三大產品主軸與多產業應用解決方案,現場除了展出包括超薄型導軌電源 XDR 系列、高功率雙向電源 BIC-5K,以及高效小型機殼 NSP 系列等新產品,同時也一併以演示套件展出系統電源、工業自動化、智能燈控、能源管理等解決方案,全面對應儲能系統、智慧製造與綠能應用需求。展攤位於南港展覽館1館K0725a,誠摯邀請各界蒞臨參觀交流。

XDR 系列導軌電源:超薄設計兼具高效穩定,適用嚴苛工業環境

針對工業自動化與智慧製造需求,明緯推出 XDR 系列超薄型導軌電源。產品採用精巧設計,大幅節省空間,同時具備高效率與低功耗特性,支援全球輸入電壓範圍。XDR 系列可於高溫、高海拔等嚴苛環境下穩定運作,並支援彈性功率擴充,是工控系統與設備製造商的理想電源解決方案。

meanwell-1.jpg
XDR 導軌電源,超薄設計,專為嚴苛工業環境打造
圖/ 明緯企業股份有限公司

高功率雙向電源 BIC-5K:支援雙向能源轉換,強化儲能應用

隨著儲能系統快速發展及能源成本快速攀升,市場對高功率與雙向電源的需求日益增加。明緯推出的 BIC-5K 具備 AC ⇄DC 雙向能源轉換能力,可靈活支援充電與放電應用,並可透過多台並聯進行功率擴充,滿足高功率應用場景。

meanwell-2.jpg
BIC-5K 高功率饋網型雙向電源,靈活支援儲能與能量管理應用
圖/ 明緯企業股份有限公司

NSP 系列智慧電源:高效設計,拓展多元應用場域

在機殼型標準工業電源領域,明緯持續深化產品布局,NSP 系列此次進一步延伸至高功率段,推出新機種。相較既有世代產品,新系列在整體效能與設計上全面升級,兼顧效率表現與長時間運作的穩定性。透過更高的通用性與應用彈性,進一步拓展於工業、醫療、通訊及新能源等多元應用場域,並涵蓋多項安規需求。

meanwell-3.jpg
NSP 系列電源,具高效設計,廣泛應用於多元場域
圖/ 明緯企業股份有限公司

明緯表示,隨著能源轉型與產業升級,電源已不再只是單一供電元件,而是串聯整體系統運作的關鍵核心,未來將持續深化在高功率、智慧化與系統整合領域的布局,為客戶提供更完整且具前瞻性的電源解決方案,並透過多元應用展示,呈現電源於各類場域中的整合價值,同時誠摯邀請各界於 COMPUTEX 2026 展期間蒞臨明緯展位,深入了解最新產品與應用展示。


關於明緯集團

明緯(MEAN WELL)成立於1982年,是全球標準電源領導品牌。專注於提供高性價比、高產值效益、高附加價值的電源解決方案,涵蓋工業自動化、醫療設備、通訊、LED 照明等多個領域,廣泛應用於全球各地。2021年起創辦人將聯合國永續發展目標其中9項,融入到集團永續經營發展的藍圖當中。由40餘年耕耘有成的明緯集團做為堅實的基礎,串聯起聯源集團和協緯集團,再以明緯公益基金會做為價值核心,組建成SDG集團,目標為下一代建立更完美的環境盡一份心力。

更多資訊請參考
明緯集團: https://www.meanwell.com.tw/
明緯SDG集團官方網站: https://www.sdg-mps.com/

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
代理式商務連動百兆商機
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓