入門 - 設計和開發審計

網站建設開發過程中要開始構建設計系統，我們首先與公司合作以識別系統的用戶。通過與用戶（即產品設計人員和開發人員）交談，我們能夠了解他們希望在日常工作流程中利用設計系統的程度。上海網站建設從這里我們可以評估最適合他們公司的設計系統的類型（是嚴格還是松散？是模塊化還是集成？是集中還是分布式？）。

雖然設計系統的要求可能因公司而異，但其核心是設計系統由三個要素組成：

設計原則：關于如何在整個組織中進行設計的一套共同標準。

風格指南：關于品牌標識的一整套使用指南（即顏色，排版，間距，網格/布局，圖標，插圖，動作等）

組件庫：常用界面元素的術語表，可以擴展到多個產品。

為了詢問公司可能已經擁有的設計系統的哪些元素以及他們需要開發的其他元素，我們對其現有產品進行設計和開發審核。此審計用作跟蹤可能成為設計系統一部分的現有樣式和組件以及了解使用這些元素的上下文的方法。一旦我們對現有的樣式和組件有了很好的把握，我們就可以填補任何空白，并將這些差異優先考慮到設計系統開發計劃中。

我們的方法 - 優先考慮組件

我們的開發計劃首先要優先考慮設計系統的原子級別，例如排版樣式，顏色樣式和間距規則。我們首先完善這些樣式規則，因為它們最終影響設計系統的分子元素，例如基本組件（可以通過排版，顏色和間距樣式的組合制作）。然后我們構建基本組件（即按鈕，下拉列表，輸入字段等），因為這些組件可能是更復雜組件的構建塊，其中可能包含多個基本組件。例如，模態組件可以是卡組件，文本輸入組件和按鈕組組件的組合。

從最小的元素開始，我們為強大的設計系統奠定了必要的基礎。在我們意識到這一點之前，設計系統將通過排列成長為數百種不同的組件。

測試系統 - 制定并打破它

無論何時構建組件，它都要經過廣泛的測試，以確保它遵循公司提出的設計原則并滿足以下標準：

流體：組件可以根據設計人員，開發人員和用戶的需求進行擴展。

可訪問：所有用戶都可以訪問最常見的組件和模式。

一致：使用現有的顏色和樣式的原子基礎。評估是否有必要或可以簡化特定的變化。

功能：該組件易于使用; 因此，盡可能簡化每個組件的解剖結構，以便每個設計決策都是有目的的。

有了這個指導標準，我們就可以確保設計系統滿足設計和開發期望。

經過大量的迭代測試后，每個批準的組件都會被添加到設計系統中并進行拋光，以確保未構建模式的設計人員能夠輕松理解圖層名稱，圖層順序，符號結構和符號層次結構。同時，這些組件也將由開發人員采用并轉換為可重用的前端代碼，該代碼將部署到未來的產品中。

文檔 - 要徹底

文檔是開發過程中的關鍵步驟，因為它可以作為一種媒介，使公司內的其他設計人員和開發人員能夠使用設計系統。組件完成后，我們會提供任何其他設計說明，說明每個組件的用途，預期行為和最佳實踐。此外，還補充了其他開發文檔，例如組件代碼段。