colorize

単調で灰色的、または視覚的な暖かみとパーソナリティに欠けるデザインに、戦略的に色を導入します。

必須の準備

frontend-design スキルを使用してください。このスキルには設計原則、アンチパターン、およびコンテキスト収集プロトコルが含まれています。先に進む前にプロトコルに従ってください。設計コンテキストがまだない場合は、teach-impeccable を必ず実行してください。さらに、既存のブランドカラーを収集してください。

色の機会を評価する

現在の状態を分析し、機会を特定します。

1. 現在の状態を理解する:

   • 色の欠落: 完全なグレースケール？限定的なニュートラルカラー？控えめなアクセントカラーのみ？
   • 見落とされた機会: どこで色が意味、階層、または喜びを加えられるか？
   • コンテキスト: このドメインと対象者にとって何が適切か？
   • ブランド: 使用すべき既存のブランドカラーはあるか？

2. 色が価値を追加する場所を特定する:

   • セマンティックな意味: 成功(緑)、エラー(赤)、警告(黄/オレンジ)、情報(青)
   • 階層: 重要な要素に注目を集める
   • カテゴリー分け: 異なるセクション、タイプ、または状

...