元件與 Token 盤點指引

這份指引對應我們實際稽核時會看的節點。您可先自行勾選,再決定是否委託完整一致性稽核。

設計系統元件卡與色票鋪陳

元件庫對齊

  • 主按鈕、次按鈕、文字按鈕是否共用同一套規格
  • 輸入框、選擇器、開關在各頁的高度與圓角是否一致
  • 清單列、卡片、分隔線是否來自同一元件,而非複製貼上
  • 設計檔 library 與程式元件名稱能否對得起來

狀態覆蓋

  • 核心元件是否定義停用、載入、錯誤、空狀態
  • 錯誤與成功回饋是否使用系統級模式,而非頁面自製
  • 深色/淺色或品牌主題切換時,對比是否仍可讀
  • 觸控目標在小螢幕上是否仍符合可點擊尺寸

Token 與硬編碼

  • 顏色、字級、間距是否透過 Token,而非魔術數字
  • 同一語意是否存在多個別名(例如 brandBlue 與 primary)
  • 設計變數與程式常數是否有對照文件
  • 改主色時,是否仍需手動搜尋十六進位色碼

模式與閘門

  • 導覽、對話框、底部表單是否有統一行為說明
  • 新版本是否檢查「本版新增畫面」是否引入漂移元件
  • 阻擋級問題是否有明確定義(對比、主按鈕、導覽分裂)
  • 客服或使用者是否常提到「每頁感覺不一樣」

勾完之後,想請人一起走查?

帶著您已標記的缺口來諮詢,我們會建議適合的服務範圍與時程。

預約設計系統諮詢