デザイン案創出
BizAgentでデザインラフやアイデアを素早く生成する方法を解説します。
できること
- デザインラフ・モックアップの生成
- 複数パターンを一括生成して比較
- 参考サイトからインスピレーションを得る
- カラーバリエーションの展開
基本的な使い方
1. 要件を伝える
コーポレートサイトのトップページのデザイン案を作って
信頼感のある青系でお願い
2. 複数パターン生成
4パターン作って
- シンプル系
- インパクト系
- 信頼感重視
- 親しみやすい系
4分割で一度に比較できます。
3. ブラッシュアップ
2番目のパターンをベースに、もう少しモダンにして
実践例
商談前の提案資料
○○株式会社のWebサイトを見て、リニューアル提案用のデザイン案を3パターン作って
商談前に複数のデザイン案を用意できます。
ABテスト用バリエーション
このLPのCTAボタン周りを5パターン作って
ABテスト用に違いを出して
競合分析からのデザイン
競合3社のサイトを分析して、差別化できるデザイン案を提案して
バナー広告
Instagram広告用のバナーを4パターン作って
サイズは1080x1080
アプリUI
タスク管理アプリのホーム画面のUIを3パターン作って
カラーバリエーション
同じデザインで色違いを3パターン作って
- コーポレートカラー（青）
- 暖色系（オレンジ）
- モノトーン
参考を活用する
URLから
このURL（https://example.com）を参考にデザイン案を作って
画像から
この画像を参考にして、同じテイストで別のデザインを作って
スタイル指定
Apple風のミニマルなデザインで作って
使用するスキル
| 用途 | スキル |
|---|---|
| 静止画デザイン | NanoBanana |
| 動きのあるデザイン | Remotion |
Tips
4分割テクニック
画面を4分割して4パターン生成して
1回の生成で複数案を比較できてコスト効率◎
型化して量産
今回のデザインを型として保存して
会社名と色を変えるだけで量産できるようにして
クオリティ向上
かっこよくする方法をネットで調べて提案して
トラブルシューティング
| 症状 | 対処法 |
|---|---|
| イメージと違う | 参考画像やURLを具体的に提示 |
| 文字が読みにくい | 「コントラストを上げて」「文字を大きく」 |
| 細部が雑 | 部分を指定して「ここを詳細に作り直して」 |