們從人們那里得到了很多關(guān)于如何設(shè)置他們的設(shè)計(jì)系統(tǒng)的問(wèn)題。很多人開(kāi)始的地方是看看野外的例子。

他們會(huì)找到設(shè)計(jì)精良的網(wǎng)站建設(shè)，關(guān)于產(chǎn)品原理背后的思考的詳細(xì)說(shuō)明，以及一直指向用于圖標(biāo)的網(wǎng)格系統(tǒng)的說(shuō)明。許多設(shè)計(jì)系統(tǒng)還包括組件的交互示例，它們應(yīng)如何在代碼中使用，以及可用組件的公共回購(gòu)。所有UI工具包或庫(kù)旁邊的所有內(nèi)容都以常規(guī)節(jié)奏更新。

這太嚇人了。

別誤會(huì)我的意思。我喜歡這些詳細(xì)的解釋。我個(gè)人最喜歡的仍然是較舊的Apple人機(jī)界面指南（1995年的例子）。但我親眼目睹了那些試圖創(chuàng)建設(shè)計(jì)系統(tǒng)或只是加強(qiáng)公司文檔的人們會(huì)感到多么沮喪和壓倒性。

如果您目前對(duì)所有精心打造的詳細(xì)設(shè)計(jì)系統(tǒng)感到不知所措，那么本文就適合您。下面，我們將為您所看到的令人印象深刻的示例添加上下文，為您提供一個(gè)框架，幫助您更好地理解設(shè)計(jì)系統(tǒng)，并為您提供有關(guān)如何使用正確的鈴聲和口哨開(kāi)始構(gòu)建自己的設(shè)計(jì)系統(tǒng)的想法您。從設(shè)計(jì)系統(tǒng)的范圍我們';; 展示四個(gè)不同的例子：

小團(tuán)隊(duì)：所有創(chuàng)作者都是消費(fèi)者

中型團(tuán)隊(duì)：并非所有消費(fèi)者都是創(chuàng)作者

大型團(tuán)隊(duì)：獨(dú)立的系統(tǒng)團(tuán)隊(duì)發(fā)展

平臺(tái)：外部消費(fèi)者依賴于您

本文討論了設(shè)計(jì)系統(tǒng)的細(xì)粒度方面，并假設(shè)您已經(jīng)決定構(gòu)建一個(gè)。它還假設(shè)已經(jīng)對(duì)您的團(tuán)隊(duì)如何設(shè)計(jì)和構(gòu)建正在進(jìn)行的產(chǎn)品進(jìn)行了某種組件化。

需要擴(kuò)展共享知識(shí)

無(wú)論有沒(méi)有設(shè)計(jì)系統(tǒng)，我們的最終目標(biāo)都是創(chuàng)造一個(gè)有凝聚力的用戶體驗(yàn)。用戶感受到的經(jīng)驗(yàn)，可以直觀地重用現(xiàn)有知識(shí)，在軟件中導(dǎo)航，實(shí)現(xiàn)他們有效完成的任務(wù)。

當(dāng)你開(kāi)始在一小群人中建立一些東西時(shí)，共同的理解就會(huì)發(fā)展。每個(gè)人都在同一條船上，一起做出決定。每個(gè)人都有相同的目標(biāo)。其中大部分都是通過(guò)直接或公開(kāi)的溝通和共享討論來(lái)實(shí)現(xiàn)的。

在小型團(tuán)隊(duì)中進(jìn)行設(shè)計(jì)時(shí)，每個(gè)人都確切知道可用的組件或樣式，在哪里找到它們以及如何使用它們。當(dāng)您工作時(shí)，您將討論并完善您的原則，指南以及可能出現(xiàn)的任何其他內(nèi)容。這是一個(gè)快樂(lè)的地方。

但是一旦團(tuán)隊(duì)成長(zhǎng)，維持小團(tuán)隊(duì)的共同理解變得越來(lái)越難。當(dāng)然，我們可以舉行更多會(huì)議并發(fā)送更多電子郵件，但最終，我們需要一種可靠的方式來(lái)擴(kuò)大共同理解以及我們的增長(zhǎng)。

設(shè)計(jì)系統(tǒng)（或它的清晰度）是一種異步傳播這種共享理解的工具。

了解創(chuàng)作者和消費(fèi)者

現(xiàn)在我們?cè)谕豁?yè)上講述為什么我們要將我們的知識(shí)外化。但是從一開(kāi)始的核心問(wèn)題仍然存在：如何？

我們應(yīng)該創(chuàng)建一個(gè)優(yōu)秀的網(wǎng)站并描述系統(tǒng)背后的原因嗎？我們是否應(yīng)該將我們的生產(chǎn)組件發(fā)布為開(kāi)源GitHub版本，并確保它們與我們的設(shè)計(jì)人員正在使用的組件完全同步？

這些是很棒的解決方案 但是如果你是一個(gè)資源有限的小團(tuán)隊(duì)，這些也需要做很多工作并且不容易實(shí)現(xiàn)。

要確定哪些示例與您最密切相關(guān)，您必須首先了解與系統(tǒng)交互的人員的兩個(gè)關(guān)鍵角色：創(chuàng)建者和消費(fèi)者。

創(chuàng)作者

這是發(fā)明新模式或記錄現(xiàn)有模式供他人使用的人或人。在較大的組織中，“發(fā)明”和文檔部分可能是分開(kāi)的，在較小的團(tuán)隊(duì)中，這可能是同一組人。

消費(fèi)者

這些是使用先前定義的模式的人。他們需要盡可能地了解情況并清楚地了解他們?cè)谀睦镎业剿麄冋趯ふ业臇|西，以及為什么以及如何使用它。

設(shè)計(jì)系統(tǒng)可能狀態(tài)的范圍

了解創(chuàng)建者和消費(fèi)者現(xiàn)在為我們提供了定義設(shè)計(jì)系統(tǒng)可能狀態(tài)范圍所需的一切。現(xiàn)在，我們可以分析為什么某些示例按照它們的方式設(shè)計(jì)，并確定您和您的團(tuán)隊(duì)在此范圍內(nèi)的位置。

現(xiàn)在問(wèn)問(wèn)自己，“你的創(chuàng)造者離你的消費(fèi)者有多遠(yuǎn)？”

在最左邊，我們有一個(gè)團(tuán)隊(duì)。創(chuàng)建者角色和消費(fèi)者角色合并為一個(gè)人。這個(gè)人正在使用的一切都是由同一個(gè)人創(chuàng)造的。

在最右邊，我們將創(chuàng)建者和消費(fèi)者角色完全分開(kāi)。他們沒(méi)有任何直接的溝通方式。

中間有幾個(gè)關(guān)鍵階段。由于這是一個(gè)流體光譜，因此應(yīng)該很容易找到它們之間的位置。所以，讓我們潛入。

1.小團(tuán)隊(duì)：所有創(chuàng)作者都是消費(fèi)者

場(chǎng)景

在這種情況下，一個(gè)小型，高度一致的小組一起工作，并且非常清楚地了解每天發(fā)生的事情，以及產(chǎn)品的表面區(qū)域是什么。這是一次激動(dòng)人心的體驗(yàn)，因?yàn)槊總€(gè)人都能無(wú)縫對(duì)齊并以令人印象深刻的速度生產(chǎn)。

設(shè)計(jì)系統(tǒng)的狀態(tài)

在這個(gè)小階段，團(tuán)隊(duì)成員關(guān)注靈活性和速度是有意義的。許多信息是直接共享的，因此不需要寫下來(lái)。

此外，由于產(chǎn)品可能還很年輕，許多工作可能需要在移動(dòng)中使用新模式，這些可以很容易地與整個(gè)團(tuán)隊(duì)的其他人討論。這限制了重復(fù)工作的可能性。

2.中型團(tuán)隊(duì)：并非所有消費(fèi)者都是創(chuàng)作者

場(chǎng)景

這是Figma目前所處的階段。發(fā)生了兩件讓我們來(lái)到這里的事情：更多的人加入了公司，產(chǎn)品達(dá)到了更多模式被重用的地步。

設(shè)計(jì)系統(tǒng)的狀態(tài)

我們開(kāi)始更徹底地記錄我們的UI組件，并為其他人做出貢獻(xiàn)。它仍然是一項(xiàng)正在進(jìn)行的工作，并且是在一邊完成的。

我們?nèi)匀蝗鄙籴槍?duì)我們的動(dòng)機(jī)，UI組件背后的原則以及如何使用它們的全面文檔。由于我們?nèi)匀缓苄〔⑶沂虑榭偸窃谧兓焖俚腟lack消息或走到辦公桌可以非常容易和有效地澄清任何其他情況。

3.大型團(tuán)隊(duì)：獨(dú)立的系統(tǒng)團(tuán)隊(duì)發(fā)展

場(chǎng)景

在某個(gè)時(shí)刻，有更多的人在不同的領(lǐng)域使用該系統(tǒng)，而不是回饋它。管理系統(tǒng)將變得更加困難。甚至可能是您的產(chǎn)品的特定區(qū)域需要專用的二級(jí)設(shè)計(jì)系統(tǒng)。

設(shè)計(jì)系統(tǒng)的狀態(tài)

我們合作的大多數(shù)團(tuán)隊(duì)都實(shí)施了一個(gè)單獨(dú)的設(shè)計(jì)操作或系統(tǒng)團(tuán)隊(duì)來(lái)處理系統(tǒng)組件的文檔和組織以及基本原理和動(dòng)機(jī)。這是有道理的，因?yàn)樵谶@個(gè)階段與系統(tǒng)的交互變得更加自動(dòng)化和自助服務(wù)。

當(dāng)多個(gè)團(tuán)隊(duì)獨(dú)立訪問(wèn)設(shè)計(jì)系統(tǒng)時(shí)，擁有可以擔(dān)任監(jiān)護(hù)人或監(jiān)護(hù)人的人員非常重要。他們的工作是尋找重用和管理貢獻(xiàn)的案例。

4.平臺(tái)：外部消費(fèi)者依賴于您

場(chǎng)景

此場(chǎng)景比“大型團(tuán)隊(duì)”高一級(jí)，因?yàn)樵O(shè)計(jì)系統(tǒng)是打開(kāi)并與第三方設(shè)計(jì)人員和開(kāi)發(fā)人員使用的意圖共享。

在這個(gè)階段，沒(méi)有從消費(fèi)者到系統(tǒng)創(chuàng)建者的直接溝通渠道。這些第三方團(tuán)隊(duì)依賴并信任所提供組件的穩(wěn)定性和性能。

設(shè)計(jì)系統(tǒng)的狀態(tài)

通常這些是我們?cè)谝巴饪吹胶驼務(wù)摰睦印Ｋ麄冇衅恋木W(wǎng)站和完整的文檔。它們不僅具有版本化的UI位，而且還具有可用于在各種平臺(tái)上開(kāi)發(fā)的生產(chǎn)組件。