學習 UI/體驗設計，多看設計規范是必不可少的好方法。對于初學者來說，可以了解很好看又實用的設計稿，比那些中看不中用的飛機稿強多了。對于團隊中的主力設計師來說，看設計規范不但可以反思自己的方案，還能學習怎么整理一套設計規范。

一般提到設計規范，大家說得最多的就是谷歌 Material Design、蘋果的人機界面指南、螞蟻集團 Ant.Design。其實除此之外，國際上還有很多優秀的設計規范，值得大家參考借鑒。每個產品和項目的情況都不相同，生搬硬套任何一種規范往往都不太現實。建議大家可以多了解幾家設計規范，有選擇地參考學習。

目錄：

• 谷歌 Material Design
• 蘋果人機界面指南 Apple Human Interface Guidelines
• 微軟 Fluent 設計系統
• Atlassian 設計系統
• Shopify 設計系統
• IBM Carbon 設計系統
• Mailchimp 設計系統
• Salesforce Lightning 設計系統
• Helpscout 設計系統
• 美國政府網站設計系統

谷歌 Material Design

網站鏈接：https://material.io/

谷歌在互聯網行業的地位不言而喻，業界大咖都排隊去應聘，不單技術世界頂尖，設計水平也相當高。

不過，他們作為一家主要靠技術起家的公司，設計系統更注重邏輯性和系統性，學習和運用起來比較容易理解。

然而由于這套設計系統不是以視覺為重點，所以更多地是參考交互而非視覺。

設計目標：

• 創造一套視覺語言，將經典的設計原則與技術創新、科學探索相結合。
• 開發一套統一的用戶體驗系統，能夠跨越平臺、設備及輸入方式。
• 拓展其視覺語言，為品牌創新與表達提供基礎框架。

蘋果人機界面指南

網站鏈接：https://developer.apple.com/design/

用戶體驗被視為蘋果產品的優勢，所以他們的設計規范也有很多值得學習的地方。蘋果的設計規范包含了多種設備，包括 macOS、iOS、watchOS、vOS。

這套設計規范不像是 Material Design 那樣把各個規則和圖示表達得清清楚楚，而是更像是面向開發者的產品設計建議。

設計理念：

• 匠心高于一切：對于細節的極致追求
• 共情：了解用戶需求并在意客戶感受
• 聚焦：去除所有非必要的機會點
• 負責：人們對于一個公司或產品的觀點，全部歸咎于其傳遞的信息
• 友好：不論是小白用戶還是高級用戶，都能感受到高科技產品的平易近人
• 利用過去隱喻未來：簡潔的設計應該讓用戶易于使用

微軟 Fluent 設計系統

網站鏈接：https://www.microsoft.com/design/fluent/

微軟這個長盛不衰的 IT 界老大哥，雖然早些年沒那么重視體驗設計，但這些年也搞出了自己的設計原則的。

而且這個設計原則不但包含 Web 和 Windows 平臺，甚至將 macOS、iOS 和 Android 都分別囊括在內。

微軟的軟件產品全球覆蓋率極廣，為了滿足大量人群，他們將「包容性設計 Inclusive Design」原則作為最重要的設計理念之一：

• 識別排他性
• 解決一個，并拓展至更多
• 從多樣性學習

Atlassian 設計系統

網站鏈接：https://atlassian.design/

Atlassian 不像上面幾個公司開發自己的平臺，而是為敏捷團隊提供協作工具（如 Jira 和 Trallo）。雖然國內沒有那么出名，但在全球被成千上萬的團隊所使用。

所以他們的設計規范就是為了提高產品設計和開發效率而創造的，很接地氣且容易使用。

設計理念：

• 在每次交互中建立信任
• 連接以求更好的協作
• 匹配與熟悉
• 端到端推動任務
• 引導用戶獲取更大價值

Shopify 設計系統

網站鏈接：https://polaris.shopify.com/

Shopify 是來自加拿大的一站式 SaaS 模式的電商服務平臺。在以獨立電商網站為主流的國際市場，將啟動、運營和拓展業務等流程都集合起來，全球賦能超過百萬客戶。

這套設計系統可以說是為了自己的業務而開發的，實用性很強，不但提供了代碼供復制，而且還有 Web、Android 和 iOS 平臺的可交互實例。

設計理念：

• 體貼：對任何使用我們工具或產品的人表示關心
• 賦能：我們希望人們使用時能感覺隨心所欲無所不能
• 工藝：應該讓人感覺到我們的產品是由一流的匠人精心雕琢而成
• 效率：應該讓人快速、準確而不費力地達成目標
• 信賴：我們為了維持用戶的信任值而不懈努力
• 熟悉：不論是第幾次，都希望人們使用產品時能夠感到舒適

IBM Carbon 設計系統

網站鏈接：https://www.carbondesignsystem.com/

IBM 曾經與微軟和蘋果同在個人電腦賽道競爭，而后轉為服務大型企業，業務涉及商務咨詢、軟件開發服務、IT 托管與管理，從軟件產品到硬件甚至融資等。

因此他們的這套設計規范，也帶有很濃重的大型 B 端產品的色彩。

設計原則：

他們相信智慧、邏輯和科學能夠幫助商業、社會和人類狀況得到提升。如果格局夠大，好的設計不僅僅是滿足客戶要求，更是一種深層次的責任感和關聯性。

Mailchimp 設計系統

網站鏈接：https://ux.mailchimp.com/patterns/

在溝通都靠郵件的國際社會，Mailchimp 以用戶體驗極佳的郵件系統起家，業務已經拓展至綜合營銷平臺，所以他們的設計規范非常注重信息展示。

設計理念：

在助力業務增長的同時，也保持本心。品牌理念也反映出其團隊核心——對匠心的誠摯、對創意表達的熱愛、對品質的執著。

Salesforce Ligtning 設計系統

網站鏈接：https://www.lightningdesignsystem.com/

作為全球市占率第一的 CRM 客戶管理平臺，Salesforce 的系統必須能夠應對各種不同的業務和功能，所以他們在設計規范上也下了不少功夫。

尤其是為了移動時代而更新的 Lightning 輕量化設計體系，與之前相比做了很大的革新。

設計理念：

• 信任
• 成就客戶
• 創新
• 平等

Helpscout 設計系統

網站鏈接：https://style.helpscout.com/

Help Scout 是一站式客戶服務平臺，為網站提供聊天窗、郵件、客戶管理等服務，也類似于 SaaS 系統。

設計原則：

• 品牌價值
• 有幫助的
• 信賴
• 人性化
• 積極向上
• 好奇心

美國政府網站設計系統

網站鏈接：https://designsystem.digital.gov/

說來很神奇，美國政府數字化發展得比較早，現在甚至已經搞出一套自己的設計系統來了。

雖然做得不能說特別出色，但能有一份就說明態度不錯。

他們認為，用戶需求應該為產品決策提供依據。無論受眾是公眾還是政府雇員，決策者必須從一開始就將真實用戶納入設計流程，以幫助構建出能夠真正滿足人們需求的服務和產品。

設計原則：

• 始于用戶
• 獲取信任
• 容易使用
• 不斷推廣
• 傾聽

歡迎關注作者的微信公眾號：「體驗進階」