顏色 token 審核

執行一 token 化角色的一致性檢查 在匯出之前,因此重複的顏色、弱對和過於相似的角色在進入程式碼之前就會出現。

此頁面位於預覽和匯出之間。它是為了發現問題,而不是為了選擇第一個色票候選者。

其他語言 日本語 | English | 繁體中文 | 繁體中文(香港) | Italiano

如何使用

  1. 從一種 已準備好匯出的基色開始,然後選擇用於預覽或匯出的相同目標。
  2. 使用問題清單來發現弱對比對、重複角色以及看起來太接近而無法分開的 token 對。
  3. 如果審核看起來仍然可以接受,請前往下一步 顏色 token 匯出。如果問題清單感覺太抽象,請退後一步 顏色 token 預覽

切換前審核 token 一致性

此頁面在預覽後回答了一個更狹窄的問題:token 集內部是否一致足以匯出,或者是否存在明顯的重複項和弱對,您應該首先修復?

在預覽已經接近可接受之後建置 token 審核。

輕審核樣本
    深色審核樣本

      如何在附近的頁面之間進行選擇

      使用 無障礙色票 而角色分配本身仍在改變。使用 顏色 token 預覽 當您仍然需要瀏覽器端 UI 確認時。當剩下的問題是 token 集內部是否一致足以匯出時,請在預覽後使用此頁面。使用 顏色 token 差異 審核後,下一個問題是下一個 token 集與目前 token 集有何不同。使用 顏色 token 匯出 只有在審核足以接受程式碼交接之後。

      常見問題解答

      該頁面審核什麼?

      它會在匯出之前審核產生的 token 集,並找出 token 弱對比對、精確重複的角色以及過於相似的 token 對。

      我什麼時候應該使用它而不是顏色 token 預覽?

      當您仍需要瀏覽器端 UI 確認時,請使用顏色 token 預覽。當剩下的問題是 token 集內部是否一致足以匯出時,請使用此頁面。

      我什麼時候應該使用它而不是顏色 token 匯出?

      當您需要一個定量一致性閘時,請在匯出前使用此頁面。在審核可接受後使用顏色 token 匯出,下一個工作是複製 CSS 變數或 JSON token。

      這是否會取代完整的設計系統審查?

      不。它只是一個輕量級的一致性檢查,不能取代完整的產品或品牌審查。