# フェーズ6: 上下バナー設計ルール

このフェーズの目的は、形式A（横長+上下バナー型）で使う上下バナーアセットを作ること。
バナーは本編背景の流用ではなく、**専用ビジュアル**として作る。役割が違うため。

形式Bと形式Cでは、このフェーズは飛ばして良い。

⚠️ **バナーは文字入り・広告ビジュアルのため、GPT Image 2 を主軸として使用する**（ChatGPT Plus が必要）。GPT Image 2 はデザイン性・文字精度に優れ、バナー用途に最適。Flow（Nano Banana Pro）は文字崩れが頻発するため、バナー生成には使用しない。GPT Image 2 が使えない場合のフォールバックとして Nano Banana 2 / Gemini Pro を使用する。

---

## 1. 上部バナーと下部バナーの役割分離

| | 上部バナー | 下部バナー |
|---|---|---|
| 役割 | 最初の0.5秒で止める | 行動導線（検索/関連動画） |
| 設計密度 | 高い（広告ビジュアル単体で成立） | 低い（情報1つに絞る） |
| 感情 | 高級感・未来感・頼れる伴走者感 | 信頼感・整理されている感 |
| ファイル | `top_banner_XX.png` | `bottom_banner_XX.png` |
| 比率 | 動画によるが横長広告比率 | 4:3 単体アセット |

---

## 2. 上部バナーの設計ルール

### 視覚設計
- **上半身アップ以上**を基本（引き構図は避ける、顔が小さくなると説明図に見える）
- 人物は胸上から上半身アップ、少なくとも胸上以上
- ブランド記号もアップで入れる、人物との距離感を近く保つ
- 視線や顔の向きに**意味を持たせる**（例: 未来テーマなら少し空を見上げる）
- 上方向の視線は未来性・展望と相性が良い
- 背景は青空系等の抜け感が有効だが、単なる爽やか素材ではなく広告として整える
- 文字と被写体を分断せず、構図の中で一体化

### 文字配置ルール
- 文字は**下に置く**（上側は見切れやすい）
- 上側は青空と人物の視線を活かす
- バナー単体で「一枚の広告ビジュアル」として成立すること
- バナープロンプトの最後に「文言は日本語ベースで出力すること」を明記
- 文字が出ないことがあるため、最終命令で文言の描画を明示

### 推奨参照画像（4枚構成）
- `@image1` = 人物の顔参照
- `@image2` = 人物の全身または衣装参照
- `@image3` = ブランド記号の顔参照
- `@image4` = 人物と記号の距離感参照

---

## 3. テンプレート: 上部バナー

```text
これは実写の高級広告写真です。実在する広告撮影の1カットのように描写してください。

添付画像の役割:
- 画像1 = 人物の顔参照。この人物の顔印象を固定する
- 画像2 = 人物の衣装または体型参照。同一人物として成立させる
- 画像3 = ブランド記号の顔参照。記号の顔印象を固定する
- 画像4 = 人物と記号の距離感と関係性の補助参照

被写体:
{人物属性}。{業種}にふさわしい、{ブランドトーン}のスタイル。

同じ画面内に、人物のすぐ近くで寄り添う{ブランド記号}を配置する。{記号}は{役割}を持ち、人物と同じ未来を見ているような一体感を持つ。

構図:
横長広告バナー向けの構図。人物は胸上から上半身アップ。{記号}も顔と{該当部位}まわりがしっかり見える距離。人物と{記号}は近い距離に立ち、{視線方向の指定}。背景には{抜け感の指定}があり、画面下側にタイトル文字を自然に重ねられる余白がある。

背景:
{背景指定: 例「明るい青空、やわらかい光、洗練された都市的な空気感」}。高級ブランド広告として整理された背景。

感情:
- {テーマに合う感情×4}

TECHNICAL:
- カメラ: Sony A7R IV
- レンズ: 85mm f/1.4
- 照明: 自然光ベースの高級広告撮影ライティング
- 品質: RAW写真、自然な肌、自然な{記号の質感}、軽いフィルムグレイン、瞳にシャープなフォーカス

STYLE:
- 超高品質な実写広告写真
- 高級感
- 未来感
- ブランド感
- AI感を抑えた自然な写真リアリズム

最終出力:
「{タイトル文}」というテーマを、人物と{記号}が{視線指定}の上半身中心の実写広告ビジュアルとして出力してください。最初の一目で、{核心感情×3}が伝わることを優先してください。文言は日本語ベースで描画してください。
```

---

## 4. 下部バナーの設計ルール

### 配置の現実
- 名前は「下部バナー」だが、実際の文字安全エリアは**下端ではない**
- YouTube などのUIは右下・下に被る
- 文字を読ませる位置は「やや上寄り」
- 楽天型の考え方を参照し、UIに埋もれない安全エリアを使う

### 基本仕様
- 基本アセット比率: **4:3**
- 検索窓を連想させるシンプルな単体アセット
- 文言は1つだけに絞る（例: `{ブランド名} {主要キーワード}`）
- 白またはごく薄いグレーを基調
- 文字はネイビーまたはダークグレー
- 必要なら黄系アクセントを少量だけ
- 余白を広く取り、知的で信頼感のある印象に

### プロンプト記述上の注意
- 「〜を中心にした」と書くと、モデルが中央配置しやすい
- 「上寄り」「左寄り」「中央禁止」まで具体的に書く必要がある

---

## 5. テンプレート: 下部バナー

```text
これは実写動画用の高品質な検索導線バナーです。高級感のある検索ワードバナーとして出力してください。

目的:
横長動画の中で、上側の安全エリアに配置する短く明快な検索導線バナーを作る。視聴者が自然に検索したくなる、整った情報デザインにする。

構成:
- 検索窓を連想させる単体アセット
- 情報は1つだけに絞る
- 視線誘導しやすい整理されたレイアウト
- 上側の安全エリアで読みやすい配置
- 中央配置禁止。やや上寄りに配置する

文言:
- メイン文言は「{ブランド名} {キーワード}」

デザイン方向:
- 白またはごく薄いグレーを基調
- 上品なネイビーまたはダークグレーの文字
- 必要ならごく少量だけ黄系アクセント
- 高級感のある余白設計
- 本編映像の邪魔をしない静かな存在感
- 一目で検索ワードと分かる構成

印象:
- 検索したくなる
- 信頼できる
- {業種}と相性が良い
- 派手ではないが整理されている

最終出力:
主文言は「{ブランド名} {キーワード}」とする。短く、上品で、すぐ検索ワードだと分かる検索導線バナーとして出力してください。文字は日本語ベースで、上側の安全エリアに置きやすい4:3構成にしてください。
```

---

## 6. このフェーズの成果物

```
{プロジェクト}/03_ASSETS/top_banner_prompt_XX_{slug}.md
{プロジェクト}/03_ASSETS/bottom_banner_prompt_XX_{slug}.md
{プロジェクト}/03_ASSETS/top_banner_XX.png
{プロジェクト}/03_ASSETS/bottom_banner_XX.png
```

---

## 次フェーズへの引き継ぎ

このフェーズが終わったら、`07_VIDEO_PROMPTS.md` を**必ず再読してから**進む。
