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


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

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

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

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

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