如何使用
- 從已經足夠適合可訪問的角色顏色的基色開始。
- 選擇與移交目標相符的命名預設:產品 UI、文件/內容或行銷/CTA。
- 首先查看語義權杖圖,如果命名層看起來足夠清晰可以匯出,則複製 CSS 或 JSON 區塊。
從角色顏色轉換為語意名稱
此頁面填補了“角色顏色看起來可以接受”和“工程切換需要命名語義權杖”之間的空白。
輕語意權杖
黑暗語義權杖
CSS 變數
JSON
如何在附近的頁面之間進行選擇
使用 無障礙色票 當角色色彩還在動的時候。使用 顏色權杖預覽 當下一個工作是最後一個 UI 簽核。使用 顏色權杖審核 當集合仍然需要清理時。使用 顏色權杖差異 當您需要比較前後。在完成這些步驟之後,當剩下的問題是如何將角色命名為語義權杖時,請使用此頁面 組件顏色權杖 或決賽 顏色權杖匯出 切換。
常見問題解答
這個頁面會產生什麼?
它將一種經批准的基色轉換為產品 UI、內容/文件或行銷/CTA 預設的語意權杖圖,然後輸出 CSS 變數和 JSON。
我什麼時候應該使用它而不是無障礙色票?
當角色顏色仍在移動時,請使用可存取的色票。在這些角色顏色看起來已經可信並且下一個工作是將它們命名為語義權杖後使用此頁面。
我什麼時候應該使用它而不是顏色權杖匯出?
當您想要最終的角色權杖切換時,請使用顏色權杖匯出。當仍需要澄清語義命名和映射時,請先使用此頁面。
這會取代設計系統審查嗎?
不。它是用於命名和移交的輕量級映射輔助工具,不能取代更廣泛的產品或品牌審查。