當(dāng)我們發(fā)下網(wǎng)站設(shè)計還可以更好時就會系統(tǒng)性的去看待，有時候網(wǎng)站設(shè)計系統(tǒng)的世界有時會讓人不知所措。當(dāng)你進(jìn)入那個空間的時候，你會有很多東西要吸收！在本文中尼高團(tuán)隊(duì)和大家一起深入研究了一個簡單的組件，并探討了我們可能遇到的一些問題、復(fù)雜性和能力。


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

由此我們可以放大一點(diǎn)，一次選取一個組件，并就此提出一些問題:這個組件的用途是什么？這是為了什么？在早期，這讓我們有了一系列的問題，尋找給定組件的意圖，明確要解決的問題。畢竟，我們的組件是已解決問題的集合?？赡苡泻芏鄸|西要研究，并且可能已經(jīng)有許多相同或相似組件的變體，那么我們?nèi)绾问顾鼈兒侠砘⒏钊氲亓私馑鼈兪鞘裁茨兀?br />
這是一個非常簡單的表單，包含簡單的元素，比如文本、表單輸入、按鈕、鏈接和某種分隔線。有許多屬性我們已經(jīng)可以假設(shè)可能是可重用的。這里有一些有限的排版，一些顏色和一些交互元素。

這個表單的用例非常清楚:它使您能夠登錄到您的帳戶。這是唯一這樣的組件嗎？我做了一個非?？焖俚膶徲?，發(fā)現(xiàn)了一些其他的，比如我們的帳戶創(chuàng)建和忘記密碼表單。他們的目的是什么？由于我們還沒有任何其他組件，我將調(diào)用這個形式，但我知道在將來，隨著審計帶來其他類型的表格，這種情況可能會改變。

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

雖然規(guī)定的格式正在從W3C社區(qū)組人們有很多不同的方式來構(gòu)建它們。內(nèi)森·柯蒂斯很好地研究了這些策略，你應(yīng)該看看。出于我們正在進(jìn)行的旅程的目的，我將探索一些概念，例如核心、語義和組件級標(biāo)記。