AI活用100本ノック

#063

Cursorで配色検証!

ブランドのトンマナに沿ったカラーコードをAIでパターン出し!

#Cursor#配色#UIデザイン
Cursorで配色検証!
実践プロセス(AIによる自動生成)

1.ブランド情報の提供

使用するメインの色やブランドのトーン&マナーをCursorのAIに指定しました。

プロンプト例
当社のブランドカラーはメイン#0066CC、サブ#FF6600です。この配色を基に、Webサイトで使用するカラーパレット(背景、テキスト、アクセント、ボタンなど)を提案してください

2.パターンの量産

AIに対し、カラーコードの組み合わせを複数のパターンで自動生成させました。

3.比較検証

生成された多くの配色案を視覚的に比較し、最適なものを迅速に選定しました。

4.意思決定の加速

手動での試作時間を大幅に削り、デザインの方向性決定に注力しました。