# 装飾3階層原則

スライド作成時は装飾を3階層に分けて管理する。これによりレイアウト・意味・テーマの混在を防ぐ。

## 3階層の定義

| 階層 | 役割 | 例 | 切替可否 |
|---|---|---|---|
| **構造装飾** | レイアウトの骨格を保つ | カード枠、矢印、VS、ボックス、罫線 | 固定（パターンごとに決まる） |
| **意味装飾** | 内容の意味を強める | ⚠ ✓ ✗ ❓ アイコン、引用「""」、番号 | 半固定（内容で決まる） |
| **雰囲気装飾** | デザインテーマを表現 | 雷、爆発、雲、グリッチ、散らし文字、スプラッシュ | 自由（プリセット/モディファイアで切替） |

## 各階層の詳細

### 第1階層：構造装飾（パターン依存）

**性質**：43パターンのどれを選ぶかで自動的に決まる。色やテーマが変わっても変わらない。

**例**：
- 2カラム対比型なら → 左右のカード枠＋中央のVS
- プロセスフロー型なら → 矢印で連結された3〜5ステップ
- 引用カード強調型なら → 大きな引用ボックス＋""記号

**運用**：パターン辞典（`01_43パターン辞典.md`）を参照して決める

### 第2階層：意味装飾（内容依存）

**性質**：スライドの内容（警告、結論、引用等）によって決まる。

**例**：
- 警告内容なら → ⚠
- 確認事項なら → ✓
- 否定/問題なら → ✗
- 問いかけなら → ❓
- 引用なら → ""
- ナンバリングなら → ① ② ③ or 01 02 03

**運用**：カテゴリタグ（`02_カテゴリタグ語彙集.md`）に対応する記号を選ぶ

### 第3階層：雰囲気装飾（テーマ依存）

**性質**：デザインプリセットや雰囲気モディファイアで自由に切り替えられる。レイアウトは触らず、見た目だけが変わる。

**例**：
- ピンク×ネオン → 雷⚡、グリッチ、散らし英文字
- グリーン×グラフィティ → スプレー、ステッカー、手描き矢印
- ネイビー×幾何 → 三角形、ドットグリッド、斜め帯

**運用**：プリセット（`presets/`）と雰囲気モディファイア（`08_雰囲気モディファイア集.md`）の組み合わせで決める

## 重要な原則

### ✅ 階層を混ぜない

❌ 悪い例：
- 「ピンクのテーマだから引用記号""を消す」 → 第3階層が第2階層を侵食している
- 「対比型だけど、パターン違うけどデザインに合わせて変更」 → 第3階層が第1階層を侵食

✅ 良い例：
- 「ピンクのテーマだから""を派手なネオンピンクで表現」 → 各階層を独立して扱っている
- 「対比型のカードに、グラフィティ風スプレー装飾を追加」 → 構造はそのまま、雰囲気だけ変更

### ✅ プロンプト記述順は構造→意味→雰囲気

ChatGPTプロンプトを書く時の順序：

```
1. レイアウト構造（パターン名＋部品配置）
   ↓
2. 意味装飾（アイコン・記号）
   ↓
3. 雰囲気装飾（色・テクスチャ・ムード）
   ↓
4. テキスト内容
```

この順序でプロンプトを組むと、ChatGPTが構造を優先して描画するため失敗が少ない。

### ✅ 派生は第3階層で

新しいスライドを作る時：
- 構造（第1階層）と意味（第2階層）はそのまま
- 雰囲気（第3階層）を変えるだけで派生バリエーションができる

例：
- ベース：「ピンク×ネオン」のSECTION扉
- 派生1：色だけネイビーに変えて「ネイビー×幾何」風
- 派生2：雰囲気モディファイア「ホラー」を追加で恐怖系
- 派生3：「淡い・パステル」を加えてやさしい印象に

→ レイアウト構造は守ったまま、雰囲気だけ自由に派生可能
