最近，越來越多的設計師意識到了業務組件庫的必要性，除了使用基礎的開源通用組件庫外，還需要自建更加實用和高效的業務組件庫，以支持高速增長的業務需求。我也經常被大家問到這樣的問題：

1. 如何從 0-1 初步搭建一款 App 產品的 UI 設計規范呢？
2. 如果目前公司已有 VI 設計規范，如何對照 VI 初步搭建一套組件庫呢？
3. B 端產品的組件庫如何進行組件設計規劃和迭代呢？

要想從 0-1 做好組件庫，我為大家總結了五件要做的工作，它們之間有著密不可分的關聯性：

1. 確定設計指導原則：這是整個組件庫建立的底層基礎；
2. 沉淀常用組件資產：這是組件庫的核心內容和價值體現；
3. 制定工作協同 SOP：這是組件庫能夠不斷更新和發展的保障；
4. 確定資產評估標準：這是用于確保組件能夠滿足需求、質量合格；
5. 沉淀組件設計經驗：這是整個組件庫建設工作的記錄和復盤。

PART 1 確定設計指導原則

這里所說的設計指導原則指的是設計價值觀和設計原則，用于為組件設計師提供組件設計的基本規范，指導組件的落地，并為解決具體設計問題指明方向。

以組件的設計價值觀為例，它包含一定的設計哲思，是組件設計的核心精髓。以下給出幾個大廠通用組件庫例子：

這些指導原則通常來源于你對于業務和產品的規劃和價值思考，并以此奠定組件設計的風格和核心基調。如果產品已經有了 VI 設計規范，也可以將 VI 設計的關鍵詞、主要風格和規則等用作參考。

PART 2 沉淀常用組件資產

從基礎組件開始沉淀設計資產，即整理基礎的原子組件、常用的復合組件、通用的頁面布局框架等等。 這部分的工作內容很多，不僅包括如何完成一個組件的設計工作，也包括如何給組件編寫組件的使用規則。

做組件是個大工程，是細致的體力活兒，不可能一蹴而就，因此小步迭代、隨時調整是最省時省力的做法。你可以先從基礎組件開始，一邊做組件，一邊編寫組件的使用規范。

PART 3 制定工作協同 SOP

制定設計與開發在配合完成組件開發過程中的協同流程和規范，包含將組件從設計到開發落地的標準的工作流程和方法，目的在于保證組件系統的維護與迭代能夠順利進行。

你需要思考和確定的問題包括但不限于：

1. 如何定義一個設計元素是否可以或值得被做成組件？
2. 如何對設計好的組件進行評審？
3. 如何進行組件的更新和發布，讓所有的組件使用者都能夠正確使用？等等。

PART 4 確定資產評估標準

制定簡單且有效的組件設計質量衡量標準，即評估和檢驗組件設計的合理性，保證所有組件的質量、風格、使用體驗能夠相對一致。

評估標準并不一定需要在做組件庫的一開始就建立起來。隨著你的組件慢慢增多、樣式越來越豐富多樣時，對于組件的評判和衡量會更有必要。

PART 5 沉淀組件設計經驗

沉淀組件庫搭建工作過程中的方法及經驗，這也是對工作的復盤和總結。我們團隊在做一款業務組件庫的過程中，就沉淀了 100+ 篇相關的經驗總結，讓我在組件設計領域內更加專業。

做一套完整的組件庫，整體工作不僅僅包括組件這類提效的工具，還包括一系列的評判標準、工作方法和經驗總結。

歡迎關注作者微信公眾號：「長弓小子」