當我(wǒ)們發下(xià)網站設計還可以更好時就會系統性的去(qù)看待，有時候網站設計系統的世界有時會讓人不知(zhī)所措。當你進入那個空間的時候，你會有很多東西要吸收！在本文中(zhōng)尼高團隊和大(dà)家一(yī)起深入研究了一(yī)個簡單的組件，并探讨了我(wǒ)們可能遇到的一(yī)些問題、複雜性和能力。

在我(wǒ)們開(kāi)始深入了解組件的細節和結構之前，讓我(wǒ)們從更高的層面開(kāi)始，看看我(wǒ)們在網站設計系統中(zhōng)做了些什麽。無論我(wǒ)們是在設計系統之旅的起點，還是在努力改進我(wǒ)們現有的系統，審計是一(yī)個有用的過程，可以清楚地了解我(wǒ)們的網站或應用程序中(zhōng)實際使用了什麽。在一(yī)個設計系統的開(kāi)始，假設是爲一(yī)個現有的産品，對我(wǒ)們所擁有的設計工(gōng)件的審計有助于獲得對當前狀态的評價。你可以使用在線協作工(gōng)具，或者在辦公室的牆上貼上打印件和便利貼。列出哪些東西存在于何處，并對它們進行分(fēn)組和分(fēn)類，有助于量化“在野外(wài)”使用的東西。

由此我(wǒ)們可以放(fàng)大(dà)一(yī)點，一(yī)次選取一(yī)個組件，并就此提出一(yī)些問題:這個組件的用途是什麽？這是爲了什麽？在早期，這讓我(wǒ)們有了一(yī)系列的問題，尋找給定組件的意圖，明确要解決的問題。畢竟，我(wǒ)們的組件是已解決問題的集合。可能有很多東西要研究，并且可能已經有許多相同或相似組件的變體(tǐ)，那麽我(wǒ)們如何使它們合理化并更深入地了解它們是什麽呢？

這是一(yī)個非常簡單的表單，包含簡單的元素，比如文本、表單輸入、按鈕、鏈接和某種分(fēn)隔線。有許多屬性我(wǒ)們已經可以假設可能是可重用的。這裏有一(yī)些有限的排版，一(yī)些顔色和一(yī)些交互元素。

這個表單的用例非常清楚:它使您能夠登錄到您的帳戶。這是唯一(yī)這樣的組件嗎(ma)？我(wǒ)做了一(yī)個非常快速的審計，發現了一(yī)些其他的，比如我(wǒ)們的帳戶創建和忘記密碼表單。他們的目的是什麽？由于我(wǒ)們還沒有任何其他組件，我(wǒ)将調用這個形式，但我(wǒ)知(zhī)道在将來，随着審計帶來其他類型的表格，這種情況可能會改變。

我(wǒ)喜歡把主題看作一(yī)種品牌的應用—描述用于某個目的或特定結果的實現的屬性組。我(wǒ)們已經看到的所有屬性都可以跨主題以不同的方式描述，還有其他我(wǒ)們還沒有确定的屬性(比如輸入的邊框寬度)。在這種情況下(xià)，我(wǒ)們有一(yī)個單一(yī)的品牌和一(yī)個單一(yī)的主題，但我(wǒ)們可以通過在我(wǒ)們擁有的這些價值和它們當前的用例之間建立一(yī)些關系來爲未來的變化提供選擇。這才是真正有趣的地方！

雖然規定的格式正在從W3C社區組人們有很多不同的方式來構建它們。内森(sēn)·柯蒂斯很好地研究了這些策略，你應該看看。出于我(wǒ)們正在進行的旅程的目的，我(wǒ)将探索一(yī)些概念，例如核心、語義和組件級标記。