設計系統

品牌色卡在對比檢查,不必二選一,拆色階兼顧識別與可讀

品牌色送進對比檢測工具,數字常常遠低於 WCAG 規定的 4.5:1,逼團隊在保留識別度與讓使用者看得清楚之間選一邊。其實不是顏色選錯,而是高飽和度色相天生卡在對比門檻中段。真正的解法不是換色也不是硬撐,而是把品牌色系統化拆成一組色階,讓文字、按鈕、邊框各自落在過得了關的那一級。

Figma 是什麼?一次掌握介面、功能與最新動態

Figma 是什麼?一款免安裝、跑在瀏覽器裡的雲端 UI/UX 設計與原型工具,能讓整個團隊同時在同一份檔案裡即時協作、留言討論。這篇文章從介面四大區塊、Frame、元件、Auto Layout 到 Prototype,一次幫你整理成完整的功能地圖。

design token 是什麼?讓 AI 設計系統認得品牌

AI 生成的畫面顏色老是跟品牌對不上,關鍵不在 prompt 不夠細,而是缺了 design token 這份機器讀得懂的規則。本篇帶你搞懂它是什麼、要涵蓋哪些視覺規則、怎麼分成原始值與語意層等三層、怎麼餵給 AI 工具再驗證,讓 AI 設計系統真的守住你的品牌。