入門(mén) - 設(shè)計(jì)和開(kāi)發(fā)審計(jì)

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

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

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

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

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

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

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

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

從最小的元素開(kāi)始，我們?yōu)閺?qiáng)大的設(shè)計(jì)系統(tǒng)奠定了必要的基礎(chǔ)。在我們意識(shí)到這一點(diǎn)之前，設(shè)計(jì)系統(tǒng)將通過(guò)排列成長(zhǎng)為數(shù)百種不同的組件。

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

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

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

可訪問(wèn)：所有用戶(hù)都可以訪問(wèn)最常見(jiàn)的組件和模式。

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

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

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

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

文檔 - 要徹底

文檔是開(kāi)發(fā)過(guò)程中的關(guān)鍵步驟，因?yàn)樗梢宰鳛橐环N媒介，使公司內(nèi)的其他設(shè)計(jì)人員和開(kāi)發(fā)人員能夠使用設(shè)計(jì)系統(tǒng)。組件完成后，我們會(huì)提供任何其他設(shè)計(jì)說(shuō)明，說(shuō)明每個(gè)組件的用途，預(yù)期行為和最佳實(shí)踐。此外，還補(bǔ)充了其他開(kāi)發(fā)文檔，例如組件代碼段。