Theme / v2.15.0

UI UX Pro Max

把模糊需求變成可實作、可驗收的介面

Skills

把風格轉成元件規則

將抽象的視覺方向轉成版面、材質、圓角、陰影、動效與禁用效果的具體規則。

把風格轉成元件規則

輸入必須包含產品情境、參考方向、內容密度、支援裝置和不可妥協的無障礙條件。輸出不是一張 moodboard,而是:

  • 版面與容器寬度
  • 色彩角色與文字層級
  • 字體和字重用途
  • 圓角、邊框、陰影的使用規則
  • hover、focus、loading、error 動效
  • 明確不使用的效果

例如,Glassmorphism 只能用於非關鍵容器;不能讓 blur、半透明或低對比文字影響表單和錯誤訊息。

驗收

用一個代表頁面檢查規則是否足夠產生一致結果;若同一元件需要臨時覆寫三次,代表方向仍不夠具體。