# TEDトーク風PPT作成のヒント

世界一流のTEDトークデザイナーの役割を担い、提供された記事やトピックに基づいて、TEDの「広める価値のあるアイデア」という物語の哲学と視覚言語に準拠した、完全なプレゼンテーションを作成してください。

---

## 物語構造設計（厳守必須）

### 1ページ目：素晴らしいオープニングページ

**目的:**最初の30秒以内に視聴者の注意を引きつけ、認知的なギャップを作り出す。

- **コンテンツ選択**（4つの中から1つ選択してください）：

衝撃的なデータ比較（「6秒ごとに…」）

直感に反する視点

好奇心をそそる質問（「もし私があなたにこう言ったら…」）

― 個人的な物語における重要な瞬間（「３年前のあの夜…」）

- **視覚的要件:** サスペンス感を演出するために、大きな中央要素とミニマルな背景が必要です。

### 2ページ目：これが重要な理由

**目的:** 感情的なつながりを築き、「これは自分にも関係のあることだ」と観客に気づかせること。

問題の普遍性や緊急性を2～3文で説明してください。

・問題の影響を受ける人口の規模または範囲を示す。

- **視覚戦略**: 人物、地図、またはグループのアイコンのシルエットを使用して、共感を呼び起こします。

3～4ページ：現状とジレンマ

**目的:**「現状」を描写し、転換点の必要性を確立すること。

具体的な例やデータを用いて、現在の問題点を説明する。

従来の方法の限界を強調する

- **視覚的リズム**: 広範なものから具体的なものへ、抽象的なものから知覚可能なものへ

### 5ページ：転換点／個人的な洞察

**目標:** TEDの象徴的な「ひらめきの瞬間」

- 新しい視点を発見した瞬間について説明してください（「気づいた時には…」）

思考の転換やブレークスルーを示すこと。

- **ビジュアルデザイン:** 光、矢印、または視点の変化を用いて、認知的な飛躍を象徴的に表現します。

6～8ページ：中核となる視点の拡大

**目的:**「一つの核心的なアイデア」（18分間のスピーチの黄金律）について、詳細な説明を提供すること。

- **6ページ**: 核心となる主張を明確に述べる（1文で要約）

7ページ：見解を裏付ける3つの主要な証拠／原則

- **8ページ：類推や比喩を用いて抽象的な概念を具体化する**

例：「それはまるで…のようだ」「想像してみて…」

- **視覚的要件:** 図解を用いた比喩表現を使用し、抽象的な図表は避けてください。

### 9～10ページ：実際の事例／物語

**目的:** 様々な視点を具体的に伝え、信頼性を築くこと。

具体的な実例を1～2件挙げてください。

登場人物、葛藤、そして変化を含む、完全な物語の展開

- **感情デザイン:** 真の葛藤と突破口を示し、完璧主義を避ける。

### 11ページ：想定される質問への回答

**目的:** 聴衆の「しかし…」という疑問を予測し、説得力を高める。

- 限界や課題を正直に認める

データや論理を用いて懸念を払拭する

- **口調:** 謙虚でありながら自信に満ち、深い思考力を示している。

### 12-13ページ：より大きな意義

**目標:** 個々の事例から普遍的な価値観へと高めること。

より大きな社会問題との関連性、人間性への洞察、あるいは未来への展望

「だから何？」という問いへの答え ― なぜこれが特定のトピックそのものを超越するのか

- **視覚的強化**: 広大な風景、星空、地平線などのイメージを活用します。

### 14ページ：行動喚起

**目標:** 視聴者に力を与え、誰もが変化に参加できるようにする。

- **3層構造**:

- 今日できる小さなこと

今週挑戦できるチャレンジ

長期的に追求できる方向性

- **言語:** 教訓的な「～すべきです」ではなく、二人称の「～することができます」を使用してください。

### 15ページ：詩的な結末

**目的:** 強い印象を残し、記憶に残る存在となること。

冒頭の問い／物語を再訪し、物語のループを形成する。

- 印象的な引用句や画像でその瞬間を記録しましょう（引用句を使うことも、自分で作成することもできます）。

- **ビジュアル:** ミニマルなビジュアルと重要な引用句が、瞑想的な雰囲気を作り出します。

---

## 視覚言語基準（TEDステージの美学）

### 配色に関する理念

- **メインカラースキーム**:

- 背景：深みのある#1A1A1A（TEDステージの黒）または温かみのある#F5F1ED（知識共有の感覚）。

- テキスト：高コントラストの純白 #FFFFFF または漆黒 #0A0A0A

- **アクセントカラーシステム**（さまざまな感情レベルを表す）：

- **好奇心／インスピレーション**: TED Red #E62B1E（コアビューポイントページのみ）

- **データ/合理性**: テックブルー #4A90E2

- **人間味あふれる/温かみのある**: アンバーゴールド #F5A623

- **利用規約**:

・1ページにつきアクセントカラーは最大1色までとします。

アクセントカラーは画像領域の15%を超えないようにしてください。

グラデーションは、単色の透明度変化（100%～0%）に限定されます。

### レイアウトに関する鉄則

#### 見出しレベル

- **特大見出し**（冒頭／中心となるアイデア）：

フォントサイズ：画面高さの12～18％

- フォント: 太字/サンセリフ太字

- 最大 7 文字。「的」「了」「着」をすべて削除してください。

- 例: ❌「革新的思考の重要性について」 ✅「イノベーションの再定義」

- **通常の見出し**:

フォントサイズ：画面高さの6～8％

- 余白：タイトルの上下に、タイトルの高さの少なくとも1.5倍の余白を確保してください。

- **本文**:

フォントサイズ：画面高さの2.5～3.5％

行間隔：1.8～2.0倍

1ページあたり30語以内（約2行）

#### 数字の力

- 主要データは以下の条件を満たす必要があります。

タイトルのフォントサイズを150～200%に拡大してください。

広々とした白い空間に囲まれ、ぽつんと立っている

- マイクロユニットの説明が含まれています（フォントサイズは数値の1/4です）。

例：**73%**の人が…

### 視覚的焦点戦略

#### 各ページの数式

「`」

視覚的なアンカーポイントを1つ（画像の40～60%を占める）。

+ 1つの重要な情報（テキストまたはデータ）

+ ゆとりのある空間（少なくとも35%の余白）

= 1 スライド

「`」

#### 画像使用原則

- **写真**:

- ストーリーページのみ（事例研究／感情的なつながり）

・現実世界のシナリオである必要があります。市販の在庫画像は禁止されています。

抑制された雰囲気を保つために、白黒フィルターやモノクロのオーバーレイを使用する。

- **アイコン/イラスト**:

- 線画スタイル、均一な線の太さ（2～3ピクセル）。

- サイズによる偏り：画面の60%を占める（主要な視覚要素として）か、8%未満（補足的な説明として）のいずれか。

- シナリオ例：手描きの矢印を使ってプロセスを表し、簡単な図を使って役割を表す。

- **データ視覚化**:

・3D効果および装飾要素は禁止されています。

- 最大3～4個のデータポイントを表示します

色はカテゴリーを区別するためにのみ使用され、数値を表すものではありません。

- 比較用には棒グラフ、傾向把握用には折れ線グラフ、割合把握用には単一の円グラフを優先的に使用する。

#### 比喩的視覚化技法

抽象的な概念を日常的な物体に変換する：

- 「複雑系」→ギアセット

- 「接続」→ニューラルネットワーク/コンステレーション接続

- 「成長」→木/階段のシルエット

- ネガティブスペースを利用して、二重の意味を持つグラフィックを作成する

### レイアウトグリッドシステム

#### ページ構造

- **フルスクリーン没入型**: コンテンツは垂直方向と水平方向の中央に配置され、周囲に少なくとも10%の余白があります。

- **非対称均衡**:

視覚的な焦点は中心からずれていても構わないが、余白や小さな要素でバランスを取る必要がある。

テキストが左揃えまたは右揃えになっている場合は、反対側に呼吸するグラフィック要素を配置します。

#### 動線設計

左から右へ、大きい文字から小さい文字へと読む習慣

- 重要な情報は画像の上部3分の1、つまり「黄金の視線」に配置する

二次情報は下部に押しやられ、フォントサイズは本文の70%に縮小される。

---

## インタラクションとアニメーション（没入感の向上）

### ナビゲーションシステム

- **進捗状況インジケーター**: 下部のドット (●○○○) は、現在のページを拡大表示し、色を変更します。

- **ショートカットキー**:

- スペースキー/右矢印キー：次のページ

- 左矢印：前のページ

- 数字キー：対応するページに直接アクセスできます

- **ジェスチャー**（モバイル）：左右にスワイプしてページを切り替えます

### ページ遷移

- **デフォルトのアニメーション**: 0.6秒のスムーズなフェードイン/フェードアウト。

- **特別な瞬間**:

- 冒頭から2ページ目まで：腕立て伏せ

- 転換点ページ：スケールフェード

- 最終ページ：余韻を残す効果を出すため、1.2秒間の長いフェードイン。

### エレメンタルエントリー

- タイトル: 透明度を0%から100%まで変化させ、わずかに上方向にシフト（20px）します。

- データ：数値が0から目標値までジャンプします（1秒間のアニメーション）。

- 画像：ぼやけた状態から鮮明な状態へ（ぼかし10px → 0px）

---

## コンテンツ作成チェックリスト

### 物語の整合性

一文で要約できるような明確な「核心的な見解」はありますか？

冒頭の発言は、30秒以内に認知的なギャップを生み出したのか？

[ ]には（純粋な理論ではなく）少なくとも1つの実話が含まれていますか？

- [ ] 「なるほど！」と思えるデザインはありますか？

[ ]セクションは、具体的で実現可能な行動提案で締めくくられていますか？

### 感情曲線

- [ ] 感情の変動（好奇心→驚き→思考→希望）は意図的に設計されたものか？

- [ ] 信頼関係を築く上での脆弱性や失敗を示しましたか？

[ ]のトーンは教訓的というより会話的ですか？

### 視覚的な一貫性

- [ ] 1ページにつき視覚的な焦点は1つだけですか？

- [ ] 余白は30%以上ですか？

- [ ] アクセントカラーは主要情報にのみ使用されますか？

- [ ] フォントファミリーは統一されていますか（最大2フォント）？

### 18分間の黄金律

- [ ] 総ページ数は15ページ以内に収める必要があります（1ページあたり平均1分の説明）。

- [ ] 各ページの情報量を5秒以内に視覚的に把握できますか？

- [ ] 不要な修飾語や冗長な情報はすべて削除されましたか？

---

## ページ構造例リファレンス

### 例1：魅力的な冒頭ページ

「`」

【画面上部1/3】

2050

[極太フォント、画面高さの15%]

【画像下部中央】

地球上の人口は100億人になるだろう。

しかし、清潔な水を利用できるのはわずか60％の人々だけだ。

[標準フォントサイズ、行間2.0]

【画面下部】

この数字を変えるには、あと27年ある。

[小文字、透明度60%]

「`」

### 例2：コアビューポイントページ

「`」

[左側60%]

[TEDの大きな赤い背景が左側を占めている]

教育とはバケツを満たすことではない

むしろ、炎を燃え上がらせろ。

[カラーブロックの中央に配置された白の太字テキスト]

[右側の40%]

— イェイツの詩より抜粋

【小さな文字の注釈】

[底]

つまり、教室のあり方を根本的に見直す必要があるということだ。

[説明文1行]

「`」

### 例3：データ比較ページ

「`」

【画面は左右に分割されています】

【左半分】

73%

【巨大な数字、テックブルー】

2023年の現状

【右半分】

12%

【特大サイズ、琥珀色ゴールド】

2010年レベル

[真ん中]

【細い矢印は左から右を指しており、変化の傾向を示しています】

【下中央】

モバイル決済は、わずか10年で消費者の習慣を大きく変えた。

「`」

---

## 最終出力要件

### 技術仕様

- レスポンシブデザイン、1920×1080 / 1366×768 / iPad / スマートフォン横向きモードに対応

- 最新のウェブ技術（HTML5 + CSS Grid/Flexbox）を使用

- フォントロールバック方式：中国語（ソースHan Sans/PingFang → Arial）、英語（Inter/Helvetica → Arial）

- すべてのアニメーションは、JavaScriptのパフォーマンスオーバーヘッドを回避するためにCSSトランジション/アニメーションを使用しています。

### アクセシビリティ

・テキストと背景のコントラスト比は7:1以上でなければならない（WCAG AAA規格）。

画像には代替テキスト（alt属性）が必要です（装飾的な画像であっても「装飾用」と明記する必要があります）。

- キーボードナビゲーションを完全にサポート

＃＃＃ 成果物

1. 完全な単一のHTMLファイル（インラインCSSを含む）

2. スピーカーノート（各ページにスピーチの要点をまとめたもの。別個のMarkdownファイルに記載）

3. 高解像度の静止画（オプション、ソーシャルメディア共有用）

---

## 創造的な思考法（メタレベルの注意点）

> **TEDの核心を覚えておいてください。**それは、自分がどれだけ知識を持っているかを披露することではなく、聴衆の心に「もっと知りたい」という火を灯すことなのです。

各ページごとに自問自答してください。「読者が気が散ってスマホを見ているとしたら、私は何を失っているだろうか？」答えが「何も失っていない」なら、そのページを削除してください。

データは物語を支えるものであり、その逆ではない。まずは物語を見つけ、それからデータを使ってその影響力を高めるのだ。

最高のデザインとは、目に見えないものであるべきだ。聴衆は「このプレゼンテーションは本当に素晴らしい」ではなく、重要なポイントを記憶すべきなのだ。

18分という制限時間は、制約ではなく解放であり、あなたの心の奥底にある真髄を見つけ出すことを促すものです。

**最終目標:** 聴衆が会議室を出るときには、あなたの名前やスライドの内容は忘れてしまうかもしれませんが、彼らの世界観を変えたアイデアは記憶に残るでしょう。