什麼是 Design System
因為研究 Design System，無意中發現了這本「Design Systems」。本來只是期望著看看別人的思路和想法，粗略的看了幾個章節才發現自己錯了。這本似乎並不太火的書可以說是目前市面上對整個 Design System、Language、Guidline 等概念思考得最為深入和全面的。
前段時間會員微信群里大家討論起了這本書，大家似乎對這本書都非常感興趣，但對這 200 多頁的全英文又擔心難以堅持。既然這是一本非常值得讀的設計書，而大家又這麼感興趣，我決定花一段時間的周刊來和大家基於這本書聊 Design System。希望能給大家在閱讀此書上提供一些幫助，也讓自己有機會能夠更深入的去進行學習研究。
一點聲明：本系列周刊並非「Design Systems」的翻譯，而是基於本書結構框架的讀書筆記和經驗總結。依然推薦大家閱讀原書，周刊內容可以作為理解輔助。
書籍購買鏈接點這裡>>
十年前互聯網產品的設計大多沒有 System 的概念，純憑手工一頁頁的去做，整體的效率和一致性都難以保障。直到 Yahoo DPL（Design Pattern Library）的出現，大家才慢慢開始更多的開始關注到這個問題。
業務體量大小同樣會影響到團隊對於 System 投入力度的差異，也許大家沒有接觸到 Design System，但 Design Pattern、Design Component、Design Language、Design Guideline 等等這類詞相信大家一定不會陌生。即使對於這些概念並不太清晰，但或多或少都會在設計的過程中受到一些影響。
如果我們用 Google Trends 搜索一下這些關鍵詞，你會發現「Design System」的關注熱度是最高的。大家都想搞清楚 Design System 是怎麼回事，希望用它來提升自己產品的整體質量、效率。
對於 Design System 不同的團隊依據自己的體量和業務述求都有著自己的定義，這也是為什麼我們會發現各 System 所包含的內容有所差異。在我的理解來看既然叫做 System 它就應該是更為完整、體系化的，所以我會將它定義為解決數字產品生產的整體解決方案，包含設計、內容、工程等多個方面。
Google 對於 Material Design 的定義是「Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.」，正如你所看到它們官網所展示的，這是一個想法複雜的系統工程、一個完整的世界觀。當然 Material Design 因為它的系統特殊性，和我們所需要做的 Design System 還不一樣，我們會在後面詳細說明。
想要了解、創建自己的 Design System，我們還需要先回過頭弄清楚前面提及的那些概念它們之間的關係、差異。Design System 專題的第一期，我們將先從這些概念開始。
依照自己的理解，我將這些概念整理成了以下這張圖。希望先給大家一個概念上的全貌，然後我們再來逐一分解。
Design Principles（設計原則）
所有的 System 的出現都是為了解決一些列的問題，它們可能是一種業務形態（比如在線購物），也可能是一種操作行為形態（比如數據管理）。它們背後有著共通的問題和述求，這也就為 Design System 提出了明確的要求。
所以我們可以將 Principles 理解為一系列的規則，它們是我們設計開發產品的核心思想，構建一套有效的 Design System 的起點。用於解決用戶體驗中的問題，引導業務、開發以及設計向既定（正確）的方向前進。
每一個公司（團隊），由於其業務的特性將可能產出不同的 Principles。以 IBM 的 Carbon Design 為例，他們的 Design Principles 是：
- Be essential （必要的）
- Be inclusive（包容的）
- Be consistent（一致的）
- Be humanistic（人文的）
- Be delightful（愉快的）
這是 IBM 對其雲產品在整體產品體驗上的定義與要求，也是它們想要傳遞給用戶的感受。作為設計的基本原則，它將嵌入到其產品、設計、開發、文案等一系列場景中，成為產品的「靈魂」。
我們可以再來看看多次提及的 Lightning Design System，它服務於 Salesforce 的 SaaS 服務。對於他們的產品，Lightning 也提出了自己的 Design Principles：
- Clarity （清晰的）
- EFFICIENCY（高效的）
- Consistency（一致的）
- Beauty（優美的）
很明顯，作為一款 SaaS 平台類產品，效率和一致性是他們產品核心競爭力之一。為了確保平台及第三方 ISV 能夠為客戶提供高效、高質的服務，他們將「清晰、高效、一致性」作為了產品最核心的 Principles。
對於互聯網產品「清晰」「一致」一類的關鍵詞幾乎都會提到，這也是用戶體驗設計最為根本的目標之一。但隨著市場對行業深度的述求不斷加強，大家對行業特性的述求也越來越明顯，甚至會像前面的兩個案例一樣寫入 Design Principles，成為產品設計的理念基石。
當然，談 Design System 我們無法不談 Material Design 。相比較而言它的 Principles 更加的抽象，除了由於它自有的獨特設計世界觀之外，很重要一點在於它是一套更為底層的「服務」。
相較之下它的「業務」更為廣泛，基於 Material Design 你可以開發一個電商應用，也可以是一個社交、理財產品。因此它的 Principles 也需要更有「深度」。
以上是本期會員周刊的節選內容，接下來我們將繼續分別講解 Design Component & Pattern、Language、Develop Library、Guideline，以及它們之間的差異、與 Design System 如何協作，成為產品進步、發展的超級發動機。
Design System 是 PinDesign 周刊的一個新系列，基於「Design Systems」這本書結構框架的讀書筆記和經驗總結。希望將自己的感受和經驗分享給大家，輔助大家的閱讀。
加入 PinDesign 會員，獲取本期主題「什麼是 Design System」的全文內容及前兩期周刊的贈送。
點擊領取 PinDesign 會員計劃 50 元優惠券
Design System 系列已更新：
5key：什麼是 Design System
5key：Design Systems 02 - 什麼是 Design Principles
5key：Components 與 Patterns 究竟有什麼區別
5key：你該為產品設計怎樣的氣質
5key：Design System 中的 Design Token
5key：Design Pattern 實例 - 用戶通知與中斷
5key：Design Pattern 組合實例 - 列表頁設計思考
點擊下方鏈接，了解 PinDesign 會員計劃詳細信息：
PinDesign 互聯網產品設計周刊
推薦閱讀：
※如何答好面試中的系統設計題？
※統一業務後台架構如何設計？
※系統為什麼一定要設置超級管理員？
TAG:系统设计 | 用户体验设计 | DesignThinking |