Nano Banana でUIデザイン
**Nano Banana 2（nanobanana2）**は、ワイヤーフレームやラフから、短時間で見栄えのよいUI案を作るのに向いています。
このページでは、実務で使える指示の書き方（prompt structure）、ゲームUIと業務UIの切り分け、文字崩れ対策をまとめます。
nanobanana2 が得意なUIタスク
| タスク | ポイント |
|---|---|
| Wireframe → 高忠実度UI | ブランド色とコンポーネント要件を明記 |
| ゲーム/ツールUI | スタイルキーワードとコントラストを強く指定 |
| EC向けヒーローUI | glass/liquid など質感語を具体化 |
| LP（ランディング） | hero + グリッド + 余白設計を固定 |
プロンプト構造（実務向け）
- 入力タイプ：wireframe / screenshot / sketch
- 目標スタイル：dark SaaS / glass / minimal dashboard
- UI構成要素：nav、hero、cards、table、buttons
- 文字要件：言語、トーン、可読性（例：日本語テキストを明瞭に）
- 固定条件：情報設計は維持し、見た目のみ改善
ゲームUI と業務UIの違い
ゲームUIは 世界観・質感・演出 が主役、業務UIは 情報密度・整列・可読性 が主役です。
1つのプロンプトに両方を混ぜると破綻しやすいので、目的別に分けて生成します。
文字崩れを減らすコツ
フォントのトーン、階層（H1/H2/body）、行間を明示します。文字だけ弱い場合は、
「レイアウトは固定のまま、文字レイヤーのみ再レンダリング」と指示すると改善しやすいです。
Nano Banana Pro との使い分け
探索段階は nanobanana2、シリーズで厳密な統一が必要になったら Nano Banana Pro へ切り替えるのが効率的です。