把風格轉成元件規則
輸入必須包含產品情境、參考方向、內容密度、支援裝置和不可妥協的無障礙條件。輸出不是一張 moodboard,而是:
- 版面與容器寬度
- 色彩角色與文字層級
- 字體和字重用途
- 圓角、邊框、陰影的使用規則
- hover、focus、loading、error 動效
- 明確不使用的效果
例如,Glassmorphism 只能用於非關鍵容器;不能讓 blur、半透明或低對比文字影響表單和錯誤訊息。
驗收
用一個代表頁面檢查規則是否足夠產生一致結果;若同一元件需要臨時覆寫三次,代表方向仍不夠具體。