Component Gallery
用來瀏覽與比較設計系統元件樣式的參考網站。
簡介
Component Gallery 將不同產品與設計系統中的元件集中成可瀏覽的參考資料。
為何收錄
它適合在設計前研究同一種控制項有多少合理做法。重點應放在情境、可讀性與互動,而不是直接複製畫面。
適合的工作
需要建立或維護設計系統的產品設計師、UI 設計師與前端開發者。
可以怎麼用
- 研究按鈕、表單或導覽的既有模式
- 與團隊討論元件命名與狀態
- 為新設計系統整理參考範例
用來瀏覽與比較設計系統元件樣式的參考網站。
Component Gallery 將不同產品與設計系統中的元件集中成可瀏覽的參考資料。
它適合在設計前研究同一種控制項有多少合理做法。重點應放在情境、可讀性與互動,而不是直接複製畫面。
需要建立或維護設計系統的產品設計師、UI 設計師與前端開發者。
Carbon 是 IBM 的介面設計系統。
Fluent 2 是 Microsoft 的介面設計系統。
GOV.UK Design System 提供英國政府服務的元件與模式。