當我們發下網站設計還可以更好時就會系統性的去看待,有時候網站設計系統的世界有時會讓人不知所措。當你進入那個空間的時候,你會有很多東西要吸收!在本文中尼高團隊和大家一起深入研究了一個簡單的組件,并探討了我們可能遇到的一些問題、復雜性和能力。
在我們開始深入了解組件的細節和結構之前,讓我們從更高的層面開始,看看我們在網站設計系統中做了些什么。無論我們是在設計系統之旅的起點,還是在努力改進我們現有的系統,審計是一個有用的過程,可以清楚地了解我們的網站或應用程序中實際使用了什么。在一個設計系統的開始,假設是為一個現有的產品,對我們所擁有的設計工件的審計有助于獲得對當前狀態的評價。你可以使用在線協作工具,或者在辦公室的墻上貼上打印件和便利貼。列出哪些東西存在于何處,并對它們進行分組和分類,有助于量化“在野外”使用的東西。
由此我們可以放大一點,一次選取一個組件,并就此提出一些問題:這個組件的用途是什么?這是為了什么?在早期,這讓我們有了一系列的問題,尋找給定組件的意圖,明確要解決的問題。畢竟,我們的組件是已解決問題的集合。可能有很多東西要研究,并且可能已經有許多相同或相似組件的變體,那么我們如何使它們合理化并更深入地了解它們是什么呢?
這是一個非常簡單的表單,包含簡單的元素,比如文本、表單輸入、按鈕、鏈接和某種分隔線。有許多屬性我們已經可以假設可能是可重用的。這里有一些有限的排版,一些顏色和一些交互元素。
這個表單的用例非常清楚:它使您能夠登錄到您的帳戶。這是唯一這樣的組件嗎?我做了一個非常快速的審計,發現了一些其他的,比如我們的帳戶創建和忘記密碼表單。他們的目的是什么?由于我們還沒有任何其他組件,我將調用這個形式,但我知道在將來,隨著審計帶來其他類型的表格,這種情況可能會改變。
我喜歡把主題看作一種品牌的應用—描述用于某個目的或特定結果的實現的屬性組。我們已經看到的所有屬性都可以跨主題以不同的方式描述,還有其他我們還沒有確定的屬性(比如輸入的邊框寬度)。在這種情況下,我們有一個單一的品牌和一個單一的主題,但我們可以通過在我們擁有的這些價值和它們當前的用例之間建立一些關系來為未來的變化提供選擇。這才是真正有趣的地方!
雖然規定的格式正在從W3C社區組人們有很多不同的方式來構建它們。內森·柯蒂斯很好地研究了這些策略,你應該看看。出于我們正在進行的旅程的目的,我將探索一些概念,例如核心、語義和組件級標記。
上一篇:網站建設需要做好前端測試
下一篇:如何將網站的價值發揮出來