入門 - 設(shè)計和開發(fā)審計

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

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

設(shè)計原則：關(guān)于如何在整個組織中進行設(shè)計的一套共同標(biāo)準(zhǔn)。

風(fēng)格指南：關(guān)于品牌標(biāo)識的一整套使用指南（即顏色，排版，間距，網(wǎng)格/布局，圖標(biāo)，插圖，動作等）

組件庫：常用界面元素的術(shù)語表，可以擴展到多個產(chǎn)品。

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

我們的方法 - 優(yōu)先考慮組件

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

從最小的元素開始，我們?yōu)閺姶蟮脑O(shè)計系統(tǒng)奠定了必要的基礎(chǔ)。在我們意識到這一點之前，設(shè)計系統(tǒng)將通過排列成長為數(shù)百種不同的組件。

測試系統(tǒng) - 制定并打破它

無論何時構(gòu)建組件，它都要經(jīng)過廣泛的測試，以確保它遵循公司提出的設(shè)計原則并滿足以下標(biāo)準(zhǔn)：

流體：組件可以根據(jù)設(shè)計人員，開發(fā)人員和用戶的需求進行擴展。

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

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

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

有了這個指導(dǎo)標(biāo)準(zhǔn)，我們就可以確保設(shè)計系統(tǒng)滿足設(shè)計和開發(fā)期望。

經(jīng)過大量的迭代測試后，每個批準(zhǔn)的組件都會被添加到設(shè)計系統(tǒng)中并進行拋光，以確保未構(gòu)建模式的設(shè)計人員能夠輕松理解圖層名稱，圖層順序，符號結(jié)構(gòu)和符號層次結(jié)構(gòu)。同時，這些組件也將由開發(fā)人員采用并轉(zhuǎn)換為可重用的前端代碼，該代碼將部署到未來的產(chǎn)品中。

文檔 - 要徹底

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