たくとさん動画編集レシピ

マイナスポイント = 視聴者の離脱ポイント

1. 共通思想:マイナスポイント = 視聴者の離脱ポイント

たくとさん動画編集では、派手な演出を足すことよりも、 視聴者にとってのマイナスポイントを減らすことを最優先する。

ここでいうマイナスポイントとは、 視聴者が動画を見ている途中で感じる、 小さな違和感・不快感・わかりづらさのこと。

視聴者は、動画を見ながら細かく編集を分析しているわけではない。

しかし、

といった小さなマイナスがあると、 視聴者は無意識にストレスを感じる。

この小さなストレスが積み重なると、 集中力が下がり、動画を見るのをやめる原因になる。

つまり、マイナスポイントはそのまま 視聴者の離脱ポイントになる。

そのため、見やすい動画を作るうえで重要なのは、 意味のない派手な演出を増やすことではない。

まずは、視聴者が引っかかる要素を一つずつ減らすこと。

見やすい動画とは、 派手な動画ではなく、 視聴者が違和感なく、ストレスなく、内容を理解できる動画である。

1-1. マイナスポイントとは何か

マイナスポイントとは、視聴者が動画を見ている中で、 「見づらい」「聞きづらい」「わかりづらい」「退屈」「違和感がある」 と感じる要素のこと。

これらは視聴者にとって小さなストレスになる。

特に動画では、視聴者が一度でも引っかかりを感じると、 内容への集中が切れやすくなる。

そのため、編集では以下のようなマイナスポイントをできるだけ減らす。

編集の目的は、単に動画を装飾することではない。

視聴者が内容に集中できるように、 理解を邪魔する要素を取り除くことである。

1-2. 視聴者の理解度は低めに想定する

このマニュアルでは、視聴者を 初めてそのジャンルに触れる人でも理解できるレベル として想定する。

動画を見る人は、必ずしも専門知識を持っているわけではない。

たとえ発信者やクライアントがそのジャンルに詳しくても、 視聴者側は初心者である可能性が高い。

そのため、編集では、 視聴者がすでに内容を理解している前提で進めない。

初めてそのジャンルに触れる人でも、 迷わず理解できるように設計する。

難しい言葉、抽象的な説明、専門的な内容は、 そのまま見せるのではなく、以下のように編集で補助する。

視聴者に「考えさせる」のではなく、 見た瞬間に内容が整理されて入ってくる状態を目指す。

1-3. カットのマイナスは最優先で減らす

カットは、動画編集の中でも特に重要な要素である。

カットが悪いと、 どれだけテロップや図解を入れても、 動画全体が見づらくなる。

カットの違和感は、視聴者の集中力を大きく下げる。

特に、以下のような状態は離脱ポイントになりやすい。

カットは、単に動画を短くするための作業ではない。

視聴者が内容をスムーズに理解できるように、 不要な言葉・不要な間・不要な違和感を取り除く作業である。

ただし、すべての間を削ればよいわけではない。

重要な言葉の前後、感情が伝わる部分、視聴者が理解するために必要な余白は、 あえて残す場合がある。

カットで大事なのは、 詰めることではなく、見やすいテンポに整えることである。

フィラーの扱い、言い直し・重複表現の判断基準、ターゲット別のテンポ調整については、 第2章「カットと間のルール」で詳しく説明する。

1-4. 音のマイナスは最優先で減らす

音の違和感は、視聴者にとって大きなストレスになる。

特に、話者の声が聞き取りづらい状態は、 内容理解の妨げになり、そのまま離脱ポイントになる。

このマニュアルでは、 マイクの選び方や声の録り方など、収録方法については扱わない。

扱うのは、編集後の動画として聞いたときに、 視聴者に違和感がないかどうかである。

必ず避けるべき音のマイナスポイントは以下。

話者の声は、動画内で最も重要な情報である。

そのため、BGMや効果音よりも、 まず声が聞き取りやすいことを優先する。

効果音は、盛り上げるために何となく入れるものではない。

視聴者の注意を戻す、 重要なポイントを強調する、 画面変化を自然に感じさせるなど、 明確な目的がある場合のみ使用する。

音量バランス、収録ごとの音量差、効果音の使い方、左右チャンネルの確認については、 第3章「音と効果音のルール」で詳しく説明する。

1-5. 避けるべき編集

以下のような編集は、視聴者にとってマイナスポイントになる。

編集で大事なのは、 すごく見せることではなく、 見ていて引っかからない状態を作ることである。

完成動画を見たときに、 視聴者が編集を意識せず、 自然に内容へ集中できる状態が理想である。

1-6. この章のまとめ

たくとさん動画編集の基本思想は、 プラスを足すことではなく、マイナスを減らすこと。

マイナスポイントとは、 視聴者が動画を見ている途中で感じる小さなストレスであり、 そのまま離脱ポイントになる。

特に重要なのは以下。

  1. 内容がわかりづらい状態をなくす
  2. カットの違和感をなくす
  3. 音の違和感をなくす
  4. 情報量を詰め込みすぎない
  5. 意味のない派手な演出を避ける
  6. 初めてそのジャンルに触れる人でも理解できる状態にする

見やすい動画とは、 派手な演出が多い動画ではなく、 視聴者が違和感なく、ストレスなく、スッと理解できる動画である。

2. カット・間のルール

カットは、動画編集の中でも特に重要な工程である。

カットが悪いと、どれだけテロップ・図解・イラスト・音を整えても、 動画全体が見づらくなる。

カットの目的は、ただ動画を短くすることではない。

視聴者が内容をスムーズに理解できるように、 不要な言葉・不要な間・不要な違和感を取り除き、 見やすいテンポに整えることが目的である。

良いカットとは、 視聴者に「編集されている」と感じさせず、 話が自然に入ってくる状態を作ることである。

カットで大事なのは、 速くすることではなく、 視聴者が違和感なく理解できるテンポに整えることである。

2-1. カットの基本思想

カットでは、以下を最優先する。

カットで重要なのは、 「とにかく詰めること」ではない。

大事なのは、 視聴者が理解しやすいテンポに整えることである。

そのため、不要な間は削るが、 理解に必要な間・感情が伝わる間・話題転換に必要な余白は残す。

カットは、 「短くする作業」ではなく、 「視聴者が引っかからずに見続けられる状態を作る作業」である。

2-2. 基本的にカットするもの

以下は、視聴者の理解やテンポを邪魔しやすいため、 基本的にカット対象にする。

カットする目的は、 話者の言葉を機械的に削ることではない。

視聴者が内容に集中できるように、 理解を邪魔する要素を減らすことである。

2-3. 言い淀み・フィラーのカット

「あのー」「えーっと」「そのー」「その」「まあ」「なんか」「こう」「はい」など、 話の意味に直接関係しないつなぎ言葉・口癖・相槌は、 基本的にフィラーとして扱い、カット対象にする。

フィラーが残りすぎると、 話のテンポが悪くなり、 視聴者が内容を理解しづらくなる。

特に以下のようなものは、基本的にカットする。

ただし、「はい」はすべて削るわけではない。

以下のように、意味がある場合は残してもよい。

判断基準は、 その言葉が「視聴者の理解を助けているか」または 「会話の自然さを保つために必要か」である。

意味がなく、テンポや理解を邪魔している場合はカットする。

2-4. 言い直し・重複表現のカット

同じ内容を複数回話している場合は、 基本的にどちらか一方をカットする。

たとえ言い方が違っていても、 伝えている内容が同じであれば重複箇所として扱う。

このとき、残すべきなのは「最初に言った方」ではない。

視聴者にとって理解しやすい方を残す。

残す判断基準

カット対象にするもの

カットで重要なのは、 話者の言葉をすべて残すことではない。

視聴者が最も理解しやすい形に整理することである。

2-5. 残すべき間

カットでは、無音や間をすべて削ればよいわけではない。

以下のような間は、視聴者の理解や感情の伝わり方に必要な場合があるため、 無理に削らず残す。

特に、重要なことを言った直後にすぐ次の話へ進むと、 視聴者が内容を理解する前に情報が流れてしまう。

そのため、重要ポイントの前後では、 必要に応じて少し間を残す。

カットで大事なのは、 「不要な間」と「必要な間」を見分けることである。

2-6. カットしてはいけないもの

以下は、カットすると逆に不自然になったり、 内容が伝わりづらくなったりするため注意する。

カット後に話の意味が変わる場合は、 そのカットはしない。

編集ではテンポを整えることも重要だが、 話者の意図や文脈を壊さないことを優先する。

2-7. ターゲット別のカットテンポ

カットのテンポは、すべての動画で同じにしない。

動画を見るターゲット層によって、 理解しやすいテンポ・間の残し方・情報量の多さが異なる。

若年層向けの動画では、 テンポが速くても理解されやすいため、 無駄な間や言い淀みをしっかり削り、 スピード感を出してもよい。

一方で、40代以上・60代以上向けの動画では、 テンポを詰めすぎると、 視聴者が内容を理解する前に次の情報へ進んでしまう。

そのため、ターゲット層に応じて、 間の残し方、カットの詰め方、画面変化の頻度を調整する。

ターゲット別テンポ目安

ターゲット 完成動画上の体感テンポ 編集方針
10代〜20代向け 速め 無駄な間をしっかり削り、テンポ感を出す
20代〜30代向け やや速め 情報密度を高めても理解されやすい
30代〜40代向け 自然なテンポ 詰めすぎず、重要部分は少し間を残す
40代〜60代向け ゆったりめ 理解のための間を残す
60代以上向け かなりゆっくりめ 間を詰めすぎず、情報を一つずつ見せる

この目安は、あくまで完成動画を見たときの体感テンポを判断するための基準である。

実際のカットでは、 ターゲットの年齢だけでなく、 ジャンルの難易度、視聴者の理解度、動画の目的によって調整する。

カットで大事なのは、 速く見せることではなく、 視聴者が違和感なく理解できるテンポに整えることである。

2-8. ジャンル内の理解度別カットテンポ

カットテンポは、ターゲットの年齢だけでなく、 同じジャンル内での視聴者の理解度によっても調整する。

たとえば、同じ「Instagram攻略」というジャンルでも、 初心者向けチャンネルと中上級者向けチャンネルでは、 視聴者が求めるテンポが異なる。

初心者向け動画では、 視聴者が内容を理解するための余白が必要になる。

そのため、カットを詰めすぎず、 重要な説明の前後や、 専門用語・手順説明のあとには少し間を残す。

一方で、中上級者向け動画では、 視聴者が基礎知識を持っている前提で見ているため、 テンポを速めても理解されやすい。

その場合は、 フィラー・言い直し・重複表現・不要な間をしっかり削り、 情報密度を高めてもよい。

ただし、中上級者向けであっても、 カットのつなぎに違和感が出るほど詰めすぎてはいけない。

カットは速ければ良いのではなく、 視聴者が違和感なく理解できる範囲で詰めることが重要である。

理解度別カットテンポ目安

視聴者レベル カットテンポ 編集方針
初心者向け ややゆったり 理解に必要な間を残す。専門用語や手順説明の後は詰めすぎない
初中級者向け 自然〜やや速め 無駄な間は削りつつ、重要ポイントは少し余白を残す
中級者向け やや速め 基礎説明は短くし、重複や前置きをしっかり削る
中上級者向け 速め 情報密度を高める。フィラー・言い直し・不要な間はかなり削る
上級者向け かなり速めでも可 前提知識があるため、冗長な説明を削りテンポを優先する

どのレベルでも、カットの違和感は残さない。

テンポを速める場合でも、 話の意味・音のつながり・自然な呼吸感は必ず確認する。

2-9. ジャンルの難易度によってテンポを変える

ターゲットの年齢や理解度だけでなく、 扱うジャンルの難易度によってもカットテンポを調整する。

専門性が高い内容や、 初心者にとって理解が難しい内容では、 テンポを詰めすぎない。

たとえば、以下のようなジャンルでは、 少しゆったりめのカットを意識する。

一方で、エンタメ性が高い動画や、 すでに視聴者が内容に慣れているジャンルでは、 テンポを速めても問題ない場合がある。

重要なのは、 視聴者が理解する前に次の情報へ進まないことである。

2-10. カット位置の判断方法

カット位置は、 意味の切れ目・音声の切れ目・無音区間をもとに判断する。

カットでは、 ただ無音を見つけて削るのではなく、 話の意味が自然につながる位置を選ぶことが重要である。

基本的には、以下のような箇所がカット候補になる。

ただし、カット位置は機械的に決めない。

無音だから必ず削る、 波形が切れているから必ず切る、 という判断ではなく、 カット後に話の意味・テンポ・音のつながりが自然かどうかを確認する。

カットで大事なのは、 「どこで切れるか」ではなく、 「どこで切ると自然に聞こえるか」である。

2-11. 1フレーム単位で間を整える

カットでは、秒単位だけでなく、 1フレーム単位で間を調整する。

Premiereで29.97fpsのシーケンスを使用している場合、 1秒は約30フレームで構成される。

つまり、1フレームは約0.03秒である。

一見すると非常に短い時間だが、 1〜3フレームの違いでも、 会話のテンポ・呼吸感・カットの自然さは変わる。

編集者は、不要な間を見つけたときに、 単純にその間をすべて削るのではなく、

といった細かい判断を行う。

この微調整によって、 カット後の違和感を減らし、 視聴者が自然に聞き続けられるテンポに整える。

編集者のカット判断は、 「カットする / しない」の二択ではない。

実際には、

という細かい調整の積み重ねである。

カットで重要なのは、 「切れるところで切ること」ではなく、 「切ったあとに自然に聞こえること」である。

フレーム単位で調整する判断基準

判断 使う場面 目的
1フレーム削る ほんの少し間が長いと感じる場合 テンポを微調整する
2〜3フレーム削る 呼吸や無音が少し気になる場合 間延び感を減らす
4〜6フレーム削る 明らかにテンポが遅い場合 会話の流れを整える
削らず残す 感情・余韻・理解に必要な間の場合 自然さを保つ
数フレーム戻す カット後に不自然に聞こえる場合 呼吸感や会話の自然さを戻す

フレーム単位の調整では、 短くすることだけを目的にしない。

カット後に必ず音声を確認し、 話の意味・呼吸・テンポ・感情が自然につながっているかを確認する。

良いカットは、削ったことが目立たない。

視聴者が編集を意識せず、 自然に話を理解できる状態が理想である。

2-12. 編集者向け補足:波形を見たカット判断

編集者がカットする場合は、 音声波形を見ながらカット位置を判断する。

波形上で音量が下がっている部分、 無音になっている部分、 息継ぎや文の切れ目になっている部分は、 カット候補になりやすい。

ただし、波形だけで判断してはいけない。

波形上では切れそうに見えても、 文脈上必要な間や、 感情が伝わる余白であれば残す。

逆に、波形上ではつながっていても、 意味が重複している箇所や、 視聴者の理解を邪魔する言い直しはカット対象にする。

最終的には、必ず実際に音声を聞いて確認する。

確認するポイントは以下。

波形はあくまでカット位置を探すための目安であり、 最終判断は「聞いたときに自然かどうか」で行う。

2-13. 冒頭のカットは特に重要

動画の冒頭は、 視聴者が見るか離脱するかを判断する重要な部分である。

そのため、冒頭では特にテンポを意識する。

冒頭で避けるべきものは以下。

冒頭では、できるだけ早く 「この動画を見る理由」を視聴者に伝える。

ただし、早く本題に入ることだけを優先しすぎて、 話の意味が伝わらなくなるカットは避ける。

冒頭のカットでは、 テンポの良さと理解しやすさの両方を意識する。

2-14. カット後の自然さチェック

カット後は、必ず自然に聞こえるか確認する。

特に、以下をチェックする。

カット後に違和感がある場合は、 無理に詰めすぎている可能性がある。

必要に応じて、少し間を戻す。

2-15. カットの判断基準まとめ

カットするか迷った場合は、以下の基準で判断する。

判断基準 カットする 残す
視聴者の理解 理解を邪魔している 理解を助けている
テンポ 間延びしている 自然な余白になっている
内容 重複している 新しい情報がある
感情 不要な沈黙になっている 感情や余韻が伝わる
文脈 削っても意味が変わらない 削ると意味が変わる
ターゲット テンポが遅すぎる ターゲットに合った速度
プツ音や違和感がある 自然につながっている

カットで重要なのは、 短くすることではなく、 視聴者が引っかからずに見続けられる状態を作ることである。

2-16. この章のまとめ

カットは、動画の見やすさを大きく左右する重要な編集である。

カットでは、以下を意識する。

  1. 不要な言葉・間・違和感を削る
  2. フィラーは基本的にカットする
  3. 言い直しや重複表現は、理解しやすい方だけを残す
  4. すべての間を削らず、必要な間は残す
  5. ターゲットによって体感テンポを変える
  6. 同じジャンル内でも、初心者向けと中上級者向けでテンポを変える
  7. ジャンルの難易度によって間の残し方を調整する
  8. カット位置は、意味・音声・無音区間を見て判断する
  9. 1フレーム単位で間を整える
  10. 波形だけで判断せず、最終的には聞いたときの自然さで判断する
  11. 冒頭は特にテンポを意識する
  12. カット後に意味・音・感情が自然につながっているか確認する

良いカットとは、 視聴者に編集を感じさせず、 自然に内容が入ってくる状態を作ることである。

3. 音と効果音のルール

音は、動画の見やすさを大きく左右する重要な要素である。

どれだけ映像・テロップ・図解・イラストが整っていても、 音が聞きづらい、うるさい、違和感がある状態だと、 視聴者は内容に集中できなくなる。

音の編集で重要なのは、 派手な効果音をたくさん入れることではない。

まずは、視聴者がストレスなく話の内容を聞き取れる状態を作ることである。

音は「聞こえればいい」ではなく、 視聴者が違和感なく聞き続けられる状態に整える。

3-1. 音の基本思想

音の編集では、以下を最優先する。

音の違和感は、視聴者にとって大きなマイナスポイントになる。

特に、話者の声が聞き取りづらい状態は、 内容理解の妨げになり、そのまま離脱ポイントになる。

音で最も優先すべきなのは、 BGMでも効果音でもなく、話者の声である。

3-2. 話者の声を最優先にする

動画内で最も重要な音は、話者の声である。

話者の声が聞き取りづらいと、 視聴者は内容を理解するために余計な集中力を使うことになる。

その状態は、視聴者にとってストレスになり、 動画から離脱する原因になる。

そのため、音量調整では常に話者の声を最優先にする。

BGMや効果音は、声を補助するために入れるものであり、 声を邪魔してはいけない。

避けるべき状態は以下。

音のバランスを確認するときは、 まず「話者の声が自然に聞こえるか」を確認する。

声が聞き取りづらい場合は、 BGMや効果音を下げる、または不要な音を削る。

3-3. 音量バランス・ラウドネス調整

音量バランスでは、話者の声を最優先にする。

Premiere上で同じ音量数値に設定していても、 素材によって実際の聞こえ方は異なる。

たとえば、同じ -10dB の効果音でも、 高音が強い素材は大きく聞こえ、 低音中心の素材は小さく聞こえることがある。

BGMも同様に、 同じ -20dB に設定していても、 素材によって大きく聞こえるもの、小さく聞こえるものがある。

そのため、音量は数値だけで判断しない。

必ず実際に耳で聞いて、 全体のバランスが自然かどうかを確認する。

音量目安

音の種類 音量目安 優先度
話者の声 -6dB前後 最優先
効果音 -8dB〜-12dB前後 声を邪魔しない範囲
BGM -20dB前後 空気感を作る程度

この数値はあくまで目安であり、 素材の音圧やシーンの雰囲気によって調整する。

最終判断は、数値ではなく耳で行う。

確認するポイントは以下。

音量調整で重要なのは、 すべての素材を同じ数値にそろえることではない。

実際に聞いたときに、 声・BGM・効果音のバランスが自然に整っていることである。

3-4. 収録ごとの音量差を整える

1本の動画を複数回に分けて収録した場合、 収録ごとに話者の声の大きさが変わることがある。

たとえば、1回目の収録では声が大きく、 2回目の収録では声が小さい場合、 そのまま編集すると、つなぎ目で音量差が生まれる。

この音量差は、視聴者に違和感を与えるマイナスポイントになる。

そのため、編集では収録ごとの声量差を整え、 動画全体を通して話者の声が自然に聞こえる状態にする。

重要なのは、 それぞれの収録素材を単体で聞いたときの音量ではなく、 1本の動画として通して聞いたときに違和感がないかである。

特に以下を確認する。

Premiereでの設定例

以下は、音声レベルを整える際の設定例である。

話者音声をA1トラックに配置し、 A1トラック全体の音量を上げたうえで、 ハードリミッターを使って音量の上限を抑える。

設定例:

この処理の目的は、 単純に音を大きくすることではなく、 収録ごとの声量差を減らし、 動画全体を通して声の聞こえ方を均一にすることである。

ただし、この数値は固定ルールではない。

音声素材の録音状態、話者の声量、BGMや効果音とのバランスによって、 最適な数値は変わる。

最終的には、必ず実際に耳で聞き、 収録の切り替わりで声の大きさに違和感がないかを確認する。

3-5. BGMは声を邪魔しない

BGMは、動画の空気感やテンポを作るために使用する。

ただし、BGMが話者の声を邪魔している場合、 それは演出ではなくマイナスポイントになる。

BGMは、視聴者に意識されすぎない程度が理想である。

声が主役、BGMは補助と考える。

避けるべき状態は以下。

BGMは、無音感をなくすためや空気感を作るために使う。

ただし、BGMが目立ちすぎると、 視聴者の集中が話の内容ではなく音に向いてしまう。

そのため、BGMは常に話者の声より下に置く。

BGMを入れた状態で聞いたときに、 話者の声が自然に聞き取れるかを必ず確認する。

話者が話している間はBGMを下げ、間やブレイク時に少し戻すことで、 声の邪魔をせずにBGMの存在感を保てる場合がある。

編集ソフトによっては、声の音量に連動してBGMを自動的に下げる機能(ダッキング)もある。 ただし、自動処理に任せきりにせず、最終的には耳で確認する。

3-6. 効果音の目的

効果音は、動画をにぎやかにするために入れるものではない。

効果音の目的は、画面上の変化や重要ポイントを、 視聴者に自然に認識してもらうことである。

効果音は、以下の目的で使用する。

効果音は、足せば足すほど良くなるものではない。

意味なく効果音を入れると、 視聴者にとってノイズになり、マイナスポイントになる。

効果音を入れる場合は、 「この音は何のために入れているのか」を説明できる状態にする。

説明できない効果音は、基本的に入れない。

3-7. 効果音を入れる場面

効果音は、画面上に明確な変化がある場面で使用する。

主な使用場面は以下。

効果音は、画面上の変化を補助するために入れる。

画面変化と効果音が合っていると、 視聴者は自然に「今、重要な情報が出た」と認識しやすくなる。

逆に、画面上の変化と関係のない効果音は、 視聴者に違和感を与える。

3-8. 画面変化のない効果音は入れない

効果音は、画面上の変化とセットで入れる。

画面に何も変化がない状態で効果音だけが鳴ると、 視聴者は「今の音は何に対する音なのか」がわからず、 違和感を覚えやすい。

そのため、効果音は必ず視覚的な変化と合わせて使用する。

効果音は、単体で鳴らすものではなく、 画面上の変化を補助するために入れる。

画面に変化がないのに効果音だけが鳴っている状態は、 視聴者にとってマイナスポイントになるため避ける。

効果音を入れるときは、 「この音は、画面上のどの変化に対して鳴っているのか」 を明確にする。

もし説明できない効果音であれば、 基本的には入れない。

NG例

OK例

効果音は「音で目立たせるため」に入れるのではなく、 画面上の変化を自然に認識させるために入れる。

3-9. 効果音は画面変化と同期させる

効果音は、テロップ・図解・画像・イラスト・画面切り替えなどの 視覚的な変化とタイミングを合わせて入れる。

テロップが出たタイミングより効果音が遅れたり、 逆に効果音だけが先に鳴ったりすると、 視聴者は無意識に違和感を覚える。

このズレは小さくてもマイナスポイントになり、 動画全体の見づらさにつながる。

そのため、効果音を入れる場合は、 以下のタイミングと揃える。

効果音は、視覚的な変化とセットで意味を持つ。

そのため、 「なんとなくこの辺で鳴らす」のではなく、 どの画面変化に対して鳴らしている音なのかを明確にする。

効果音と画面変化のタイミングがズレている場合は、 視聴者にとって違和感になるため必ず修正する。

効果音は「どこかで鳴っていればよい」のではなく、 画面上の変化と同じタイミングで鳴って初めて自然に機能する。

3-10. 効果音はクリップの左端ではなく波形の立ち上がりで合わせる

効果音は、テロップ・画像・イラスト・図解・画面切り替えなどの 視覚的な変化と同じタイミングで鳴るように配置する。

ただし、効果音素材によっては、 クリップの左端からすぐに音が鳴るとは限らない。

素材によっては、 クリップの先頭に数フレーム分の無音が入っていたり、 波形の立ち上がりが少し遅れていたりする場合がある。

そのため、効果音クリップの左端と、 テロップや画像のクリップの左端を揃えるだけでは不十分である。

必ず音声波形を確認し、 実際に音が鳴り始める位置と、 テロップ・画像・イラスト・画面変化が始まるタイミングを合わせる。

たとえば、効果音の波形がクリップの左端から3フレーム後に始まっている場合、 クリップの左端を揃えるだけでは、 効果音が3フレーム遅れて聞こえる。

このようなズレは小さく見えても、 視聴者にとっては違和感になる。

効果音は、 「クリップの開始位置」ではなく、 「実際に音が鳴るタイミング」で合わせる。

ここでいうクリップとは、 タイムライン上に配置された映像・画像・音声・効果音などの素材単位を指す。

最終的には、必ず再生して確認し、 画面変化と効果音が自然に同期しているかを確認する。

3-11. 効果音で避けるべきこと

以下のような効果音の使い方は避ける。

効果音は、足せば足すほど良くなるものではない。

必要な場所に、必要な音量で、 シーンに合った音を入れることが重要である。

3-12. 同じ効果音の連続使用を避ける

同じ効果音を連続して使いすぎると、 視聴者が音に慣れてしまい、 演出としての効果が弱くなる。

また、同じ音が何度も続くことで、 単調さやしつこさを感じる原因になる。

そのため、効果音は必要な場面に絞って使用し、 同じ効果音を短い間隔で連続使用しない。

似た演出が続く場合は、以下のように変化をつける。

効果音は、視聴者に気づかせたいポイントで使う。

毎回同じ音を鳴らすと、 重要なポイントが逆に埋もれてしまう。

3-13. シーンの感情に合わせて効果音を選ぶ

効果音は、シーンの感情や意味に合ったものを使用する。

ポジティブな場面では、 明るく軽い印象の効果音を使用する。

ネガティブな場面や注意喚起の場面では、 軽すぎる効果音を避け、 緊張感や違和感が自然に伝わる音を選ぶ。

効果音とシーンの感情が合っていないと、 視聴者は違和感を覚える。

そのため、効果音は「鳴っていればよい」のではなく、 シーンの意味や感情と一致しているかを確認する。

シーン別の効果音の方向性

シーン 効果音の方向性
成功・メリット・良い結果 明るい、軽い、上がる印象
注意点・失敗・デメリット 少し低め、止まる、引っかかる印象
重要ポイント 短く、強すぎない強調音
ツッコミ・違和感 軽いアクセント音
場面転換 自然に切り替わる短い音
図解の切り替え 変化を感じる短い音
注意喚起 少し緊張感のある音

シーンと効果音の感情がズレると、 映像全体の印象もズレる。

効果音を選ぶときは、 「このシーンの感情に合っているか」を必ず確認する。

3-14. カットのつなぎの音処理

カットのつなぎで音が不自然になると、 視聴者は強い違和感を覚える。

特に、音声のカット点で「プツッ」と鳴るクリックノイズや、 音が急に切り替わるような違和感は避ける。

このような音の違和感がある場合は、 カット点にごく短いクロスフェードを入れて、 前後の音を自然につなげる。

クロスフェードとは、 前の音を少しずつ下げながら、 次の音を少しずつ上げることで、 音の切れ目をなじませる処理である。

ただし、クロスフェードを長く入れすぎると、 前後の音が不自然に重なったり、 会話のつながりがぼやけたりする場合がある。

そのため、カット点のプツ音を消す目的で使う場合は、 必要最小限の長さで入れる。

Premiereで編集する場合は、 音声のカット点に「コンスタントゲイン」または「コンスタントパワー」を 2フレーム程度入れることで、 カット点のプツ音だけを自然に消せる場合がある。

この処理は、音を加工するためではなく、 視聴者にカットの違和感を感じさせないために行う。

重要なのは、 エフェクトを入れること自体ではなく、 視聴者が音の切れ目に気づかない状態に整えることである。

最終的には必ず再生して確認し、 カット前後の音が自然につながっているかを判断する。

3-15. 音声の左右チャンネル確認

話者の声が、左右どちらか片方の耳からしか聞こえない状態は避ける。

特に、イヤホンで確認したときに、 右耳からしか声が聞こえない、または左耳からしか声が聞こえない状態は、 視聴者に強い違和感を与える。

Premiere上では、 ステレオ音声の片側チャンネルにしか波形が入っていない、 または左右チャンネルのどちらかが無音になっている状態を指す。

話者の声は、左右どちらの耳でも自然に聞こえる状態に整える。

確認するポイントは以下。

音声の左右バランスは、 スピーカーだけでは気づきにくい場合がある。

そのため、必要に応じてイヤホンでも確認する。

3-16. 音量差・急な音変化のチェック

音量が急に変わると、 視聴者は違和感を覚える。

特に、以下の状態は避ける。

音量差が大きいと、 視聴者は音量を調整したくなる。

その状態は、視聴体験としてマイナスポイントになる。

音量調整では、 動画全体を通して自然に聞き続けられるかを確認する。

特定の場面だけ音が大きい、 または小さい状態にならないようにする。

3-17. 音の判断基準まとめ

音に関する判断で迷った場合は、以下の基準で確認する。

判断基準 OK NG
声の聞き取りやすさ 声が自然にはっきり聞こえる BGMや効果音で声が聞きづらい
収録ごとの音量差 通して聞いて自然 収録切り替わりで声量差が目立つ
BGM 空気感を作る程度 声より目立っている
効果音 画面変化を補助している 画面変化がないのに鳴っている
効果音のタイミング 画面変化と同期している テロップや画像と音がズレている
効果音の種類 シーンの感情と合っている 場面と音の印象がズレている
効果音の頻度 必要な箇所にだけ入っている 同じ音が連続してしつこい
カットの音 自然につながっている プツ音や不自然な切れがある
左右チャンネル 左右どちらでも自然に聞こえる 片耳からしか聞こえない
音量差 全体を通して自然 急に大きい・小さい箇所がある

音で重要なのは、 素材を入れることではなく、 視聴者が違和感なく聞き続けられる状態を作ることである。

3-18. この章のまとめ

音と効果音は、動画の見やすさを大きく左右する。

音の編集では、以下を意識する。

  1. 話者の声を最優先にする
  2. 収録ごとの声量差を整える
  3. BGMは声を邪魔しない音量にする
  4. 効果音は必要な場面にだけ入れる
  5. 効果音は画面変化があるタイミングで入れる
  6. 画面変化のない効果音は入れない
  7. 効果音は画面変化と同期させる
  8. 効果音はクリップの左端ではなく、波形の立ち上がりで合わせる
  9. 同じ効果音を短い間隔で連続使用しない
  10. シーンの感情に合った効果音を選ぶ
  11. カット点には必要に応じて短いクロスフェードを入れ、プツ音を防ぐ
  12. 音声が片耳だけから聞こえないようにする
  13. 音量差が急に変わらないようにする
  14. 最終判断は数値ではなく、実際に耳で聞いて行う

音は、動画を派手にするためのものではない。

視聴者が内容に集中できるように、 違和感・聞きづらさ・うるささを減らすために整えるものである。

良い音編集とは、 視聴者が音を意識せず、 自然に内容へ集中できる状態を作ることである。

4. テロップルール

テロップは、動画の理解しやすさを大きく左右する重要な要素である。

たくとさん動画編集におけるテロップは、単なる字幕ではない。

テロップは、視聴者が内容を理解しやすいように、 話者の言葉・重要情報・感情・画面上の情報を整理して見せるための編集要素である。

ただし、すべてのテロップを要約するわけではない。

テロップには役割があり、 下部に表示する通常テロップ、 中央に大きく出すデザインテロップ、 左上に置くテーマラベル、 画面内に置くミニタイトルなど、 それぞれ目的が異なる。

そのため、テロップでは以下を意識する。

テロップで重要なのは、 文字を目立たせることではない。

視聴者が、違和感なく、ストレスなく、 内容を理解できる状態を作ることである。

4-1. テロップの基本思想

テロップは、視聴者の理解を助けるために入れる。

話者が話した内容をただ表示するのではなく、 視聴者が理解しやすい形に整理して見せることが重要である。

テロップには、主に以下の役割がある。

テロップの目的は、 単に文字を出すことではない。

視聴者が内容を理解しやすくなるように、 情報を整理して見せることである。

4-2. テロップ種別の呼び方を統一する

このマニュアルでは、テロップの種類を以下の名称で統一する。

名称 役割
下部通常テロップ カット後の発話を読みやすく整え、セリフ理解を補助するテロップ
デザインテロップ 要約・強調・感情表現に使うテロップ
左上テーマラベル 現在の大きなテーマを示す
画面内ミニタイトル その画面の小テーマを示す
補足説明テロップ メイン情報を補足する
箇条書きテロップ 複数情報を整理して見せる

呼び方を統一することで、 編集者同士の認識ズレを減らし、 どのテロップが何の役割なのかを判断しやすくする。

4-3. テロップは役割ごとに使い分ける

たくとさん動画編集では、 テロップを役割ごとに使い分ける。

すべてのテロップを同じデザイン・同じ大きさ・同じ強さで扱うと、 視聴者はどこを見ればよいかわからなくなる。

種類 主な役割
下部通常テロップ セリフの理解補助
デザインテロップ 要約・強調・感情表現
左上テーマラベル 大きなテーマ・現在地の提示
画面内ミニタイトル その画面の小テーマの提示
補足説明テロップ メイン内容の補足
箇条書きテロップ 複数情報の整理

下部通常テロップは、セリフの理解補助。 デザインテロップは、要約・強調・感情表現。 左上テーマラベルや画面内ミニタイトルは、話の現在地を示すために使う。

それぞれの役割を分けることで、 画面内の情報が整理され、 視聴者が迷わず内容を理解しやすくなる。

4-4. 下部通常テロップは発話ベースで読みやすく整える

下部通常テロップは、 話者のセリフを視覚的に補助するためのテロップである。

音声を聞き取りづらい環境で見ている人や、 視覚情報で動画を理解したい人にとって、 発話内容を文字でも追える状態は重要である。

そのため、下部通常テロップでは、 カット後の自然な発話内容をベースに、 意味が変わらない範囲で読みやすく表示する。

ただし、下部通常テロップは全文起こしではない。

すべての言葉を機械的に文字起こしするのではなく、 視聴者が違和感なく読める形に整える。

下部通常テロップでは、以下を意識する。

下部通常テロップの目的は、 強調や演出ではなく、 視聴者がセリフを正確に理解できる状態を作ることである。

4-5. デザインテロップは要約・強調のために使う

中央や画面内に大きく表示するデザインテロップは、 下部通常テロップとは役割が異なる。

デザインテロップは、 話者の発言をそのまま全文表示するためのものではない。

重要な情報を要約し、 視聴者に強く認識してほしい言葉を目立たせるために使う。

主に以下のような場面で使用する。

デザインテロップでは、 全文を表示するのではなく、 視聴者に何を理解してほしいかを優先して要約する。

4-6. 左上テーマラベル・画面内ミニタイトル

左上テーマラベル

左上テーマラベルは、 現在話している大きなテーマやセクションを示すために使用する。

視聴者が途中から見た場合でも、 今どの話題について説明しているのかを把握しやすくする役割がある。

左上テーマラベルで表示する内容の例は以下。

左上テーマラベルは、画面の主役ではない。

そのため、中央のメインテロップよりも主張を抑え、 画面全体の邪魔にならないサイズ・位置で配置する。

画面内ミニタイトル

画面内ミニタイトルは、 その画面で何を説明しているのかを示す小見出しである。

左上テーマラベルが大きな話題を示すのに対し、 画面内ミニタイトルは、 その画面内で扱う具体的な内容を示す。

たとえば、大きなテーマの中で、

などを示す場合に使用する。

画面内ミニタイトルがあることで、 視聴者は「大きなテーマの中で、今は何を説明しているのか」を理解しやすくなる。

画面内ミニタイトルは、 メイン強調テロップよりは控えめにしつつ、 補足説明よりは目立つようにする。

4-7. テロップの階層設計

1つの画面内に複数のテロップを表示する場合は、 すべてのテロップを同じ重要度で見せない。

テロップにはそれぞれ役割があるため、 「大テーマ」「小テーマ」「メインメッセージ」「補足説明」のように、 情報の階層を分けて設計する。

階層が整理されていないと、 視聴者はどこを見ればよいかわからなくなり、 画面全体が読みにくくなる。

複数のテロップを同時に表示する場合は、以下のように役割を分ける。

階層 役割 表示内容の例 デザインの方向性
左上テーマラベル 今話している大きなテーマを示す 現在の章・テーマ・話題 小さめ・主張を抑える
画面内ミニタイトル その画面で扱う小テーマを示す 今説明している内容の見出し 中サイズ・画面上部や中央上部
メイン強調テロップ 一番伝えたい結論・主張を示す 重要ワード・結論・注意点 大きめ・太字・色や背景で強調
補足説明テロップ メイン内容を補足する 理由・説明・具体例 メインより小さめ・主張を抑える

重要なのは、 すべてのテロップを目立たせることではない。

視聴者が自然に、

  1. 今どのテーマの話をしているのか
  2. この画面で何を説明しているのか
  3. 一番重要なメッセージは何か
  4. 補足として何を理解すればよいか

を順番に理解できる状態を作ることである。

複数のテロップを同時に表示する場合は、 すべてを同じ強さで見せるのではなく、 テーマ・小見出し・結論・補足の階層を作る。

4-8. 下部通常テロップは必ず2行以内にする

下部に配置する通常テロップは、 必ず2行以内に収める。

下部通常テロップは、 視聴者がセリフを自然に追うための補助情報である。

そのため、3行以上になると、 読む負担が大きくなり、 映像・図解・話者・その他の情報を見る余裕がなくなる。

下部通常テロップでは、 絶対に3行以上にしない。

3行以上になりそうな場合は、 以下の方法で調整する。

ただし、これは下部通常テロップに対するルールである。

中央に表示するデザインテロップ、 図解内の説明テロップ、 箇条書きテロップ、 左上テーマラベル、 画面内ミニタイトルなどは、 役割が異なるため、別のルールで判断する。

下部通常テロップで重要なのは、 音声を補助しながら、 視聴者がストレスなく読める状態を作ることである。

4-9. 一画面一メッセージ

テロップでは、 原則として一画面一メッセージを意識する。

一つの画面に、 結論・理由・補足・具体例をすべて同じ強さで入れると、 視聴者はどこを見ればよいかわからなくなる。

ただし、これは「1画面に1つのテロップしか置いてはいけない」という意味ではない。

複数のテロップを入れる場合でも、 階層を作り、 メインメッセージが一目でわかる状態にする。

一画面一メッセージで重要なのは、 その画面で視聴者に最も理解してほしいことを明確にすることである。

4-10. 箇条書きで見せるテロップ

複数の情報を並列で伝える場合は、 文章で長く説明するのではなく、 箇条書きで整理する。

箇条書きは、 視聴者が情報のまとまりを一瞬で理解しやすい。

特に以下のような内容は、 箇条書きで見せる。

箇条書きでは、以下を意識する。

箇条書きは、 情報を並べるためではなく、 視聴者が整理して理解しやすくするために使う。

4-11. 情報量が多い場面の整理

説明が多い場面では、 テロップ情報が多くなる場合がある。

ただし、情報量が多いからといって、 そのまま長文で表示してはいけない。

情報量が多い場面では、 以下のように整理する。

情報量が多い場面ほど、 余白・配置・強弱が重要になる。

すべての情報を同じ大きさ・同じ色・同じ強さで見せると、 視聴者は何が重要なのかわからなくなる。

そのため、情報量が多い場面では、 重要度に応じて見た目の差を作る。

4-12. 強調する言葉の判断基準

テロップで強調する言葉は、 以下のような情報に絞る。

すべての言葉を強調すると、 どこが重要なのかわからなくなる。

強調は、 視聴者に「ここを見ればいい」と伝えるために使う。

強調するときは、 以下の要素で差を作る。

ただし、強調を増やしすぎると、 画面全体がうるさくなる。

強調するのは、 視聴者の理解に必要な言葉だけにする。

4-13. 改行位置のルール

テロップは、文字数だけで改行しない。

改行は、意味のまとまりで行う。

変な位置で文章を区切ると、 視聴者は一瞬意味を取りづらくなる。

改行では以下を意識する。

NG例

この方法を
使えば売上が
伸びます

OK例

この方法を使えば
売上が伸びます

改行は、 見た目の都合だけで決めない。

視聴者が自然に読める意味のまとまりで区切る。

4-14. テロップデザインで感情を表現する

テロップデザインは、 情報を見せるだけでなく、 話の感情や温度感を伝える役割も持つ。

同じ言葉でも、 デザインによって視聴者の受け取り方は変わる。

テロップデザインでは、 シーンの感情に合わせて、 文字の大きさ・色・フォント・背景・動きを調整する。

シーン テロップデザインの方向性
ポジティブな内容 明るめ・軽め・前向きな印象
注意喚起 はっきり目立つ・少し緊張感を出す
ネガティブな内容 重め・落ち着いた印象
驚き 大きめ・動きや強調を加える
ツッコミ テンポよく、少し遊びを入れる
重要な結論 余白を取り、大きく見せる
本質的なメッセージ 落ち着いた色・余韻のある見せ方
比較・対比 色や配置で違いがわかるようにする

テロップデザインは、 単に見た目を派手にするためではない。

視聴者が話の意味や感情を直感的に理解するために使う。

4-15. カラー設計

テロップの色は、単に目立たせるためではなく、 シーンの感情や情報の意味を視聴者に直感的に伝えるために使用する。

同じ言葉でも、色によって視聴者の受け取り方は変わる。

そのため、ポジティブ・ネガティブ・注意喚起・通常説明・重要キーワードなど、 役割ごとに色の方向性を分ける。

感情別カラー設計

用途 色の方向性 カラーコード例 使い方
通常テロップ 白・薄いグレー #FFFFFF / #F5F5F5 読みやすさ重視
通常文中の強調 黄色系 #FFD84D / #FFE66D 一部の重要キーワードだけ強調
重要な結論 黄色・白・黒背景 #FFD84D / #FFFFFF / #111111 視線を集める
注意喚起 赤・オレンジ系 #FF4B4B / #FF8A00 危険・注意・警告を伝える
ネガティブ表現 青・紫・暗め #3B4CCA / #6C3FF2 / #2B234A 重さ・不安・違和感を表現
ポジティブ表現 明るい黄色・オレンジ・ピンク #FFD84D / #FFB84D / #FF6FAE 明るさ・前向きさを表現
AI・テクノロジー系 青・紫・ネオン系 #3B82F6 / #8B5CF6 / #00D4FF 未来感・デジタル感
Instagram・SNS系 ピンク・紫・オレンジ系 #E1306C / #833AB4 / #F77737 SNSらしさ・華やかさ

カラーコードは固定ルールではなく、あくまで目安である。

重要なのは、 色がシーンの意味や感情と合っているか、 そして視聴者が読みやすいかである。

通常テロップ内の一部強調

下部通常テロップや説明テロップの中で、 一部のキーワードだけを強調したい場合は、 その部分だけ色を変える。

基本的には、黄色系を使用する。

強調する対象は以下。

通常文の中で一部だけ黄色にすることで、 視聴者は「ここが重要」と直感的に理解しやすくなる。

ただし、強調色を使いすぎると、 画面全体がうるさくなる。

1つのテロップ内で強調する言葉は、 本当に見てほしい部分だけに絞る。

ネガティブ表現のカラー

ネガティブな内容や、不安・失敗・違和感を表現する場面では、 青・紫・暗めの色を使う。

赤を使うと強い警告感が出るため、 通常のネガティブ表現では多用しない。

青・紫系を使うことで、 重さ・不安・冷たさ・違和感を自然に表現しやすくなる。

表現 色の方向性 カラーコード例
不安 暗めの青 #2F3A8F
違和感 紫系 #6C3FF2
失敗・停滞 暗めの青紫 #2B234A
重い話 深いネイビー #1E293B

ただし、暗い色を使う場合は、 背景と同化して読みにくくならないように注意する。

文字色・背景・縁取り・影を調整し、 必ず読みやすさを確保する。

色の組み合わせで避けるべきこと

色は、目立たせればよいわけではない。

強すぎる色同士を組み合わせると、 画面がチカチカして見づらくなり、 視聴者にとってマイナスポイントになる。

特に、補色・反対色に近い組み合わせは注意する。

避けたい組み合わせの例は以下。

NG例 理由
赤 × 緑 色同士の主張が強く、チカチカしやすい
青 × オレンジを高彩度で使用 強すぎると画面がうるさくなる
紫 × 黄色を高彩度で使用 補色に近く、使い方によって読みにくい
原色の赤 × 原色の青 強すぎて目が疲れやすい
複数の蛍光色を同時に使う どこを見ればよいかわからなくなる

補色を絶対に使ってはいけないわけではない。

ただし、使う場合は、 どちらかの彩度を下げる、 背景色を落ち着かせる、 文字色は白や黒で読みやすくするなど、 視聴者が疲れないように調整する。

色の目的は、 画面を派手にすることではなく、 情報の意味や重要度をわかりやすく伝えることである。

1画面内の色数を増やしすぎない

1画面内で色を使いすぎると、 視聴者はどこを見ればよいかわからなくなる。

基本的には、1画面内の色数は以下に絞る。

色数の目安は、3〜4色程度までにする。

特に、強調色を複数使いすぎると、 すべてが重要に見えてしまい、 結果的に何も目立たなくなる。

強調色は、 本当に視聴者に見てほしい言葉だけに使う。

4-16. フォントの使い分け

フォントは、 テロップの読みやすさ・重要度・感情表現を決める重要な要素である。

たくとさん動画編集では、 フォントの種類を増やしすぎず、 基本フォントを決めたうえで、 必要な場面だけ別フォントを使う。

フォント選びで最も重要なのは、 おしゃれさではなく、 視聴者が一瞬で読めること。

そのため、通常テロップ・説明テロップ・図解内テキストでは、 読みやすさを優先し、 基本的に Noto Sans JP を使用する。

基本フォント:Noto Sans JP

通常テロップ・説明テロップ・図解内テキストでは、 基本的に Noto Sans JP を使用する。

Noto Sans JPは視認性が高く、 スマホ視聴でも読みやすいため、 YouTube動画の基本テロップに向いている。

使用する場面は以下。

基本的には、Noto Sans JPを軸にして、 文字サイズ・太さ・色・背景・余白で強弱を作る。

強調用フォント:ヒラギノ角ゴシック

強調したいテロップでは、 ヒラギノ角ゴシック W6〜W8 程度の太めのウェイトを使用する。

強調用テロップでは、 通常テロップよりも太さ・大きさ・色・背景に差をつけることで、 視聴者に「ここが重要」と伝える。

使用する場面は以下。

ただし、強調テロップを増やしすぎると、 画面全体がうるさくなる。

強調するのは、 その画面で本当に見てほしい言葉に絞る。

インパクト・ネガティブ表現:零ゴシック

強いインパクトを出したい場面や、 ネガティブな感情を表現したい場面では、 限定的に 零ゴシック系 のフォントを使用してもよい。

零ゴシックは視覚的なインパクトが強いため、 通常テロップや説明テロップには使用しない。

使用する場面は以下。

ただし、零ゴシックは視認性が落ちる場合があるため、 長文では使わない。

短い言葉・大きめの文字・強く印象づけたい場面に限定して使用する。

フォントで避けるべきこと

以下のようなフォントの使い方は避ける。

フォントは、 動画の雰囲気を作るためだけではなく、 視聴者が読みやすく理解しやすい状態を作るために使う。

4-17. デザインの4原則

テロップデザインでは、 デザインの4原則を意識する。

デザインの4原則とは、以下である。

これらは、見た目を整えるためだけではなく、 視聴者が情報を理解しやすくするために使う。

近接:関係ある情報を近づける

関係のあるテロップや補足情報は、近くに配置する。

逆に、関係のない情報同士を近づけすぎると、 視聴者は同じ意味のまとまりだと誤解しやすい。

メインテロップと補足説明を入れる場合は、 視覚的に関係がわかる距離感で配置する。

ただし、近づけすぎて窮屈に見えないように、 適度な余白を残す。

整列:配置をそろえる

テロップの位置や揃え方がバラバラだと、 画面に違和感が出る。

そのため、テロップは基準位置を決めて配置する。

整列ができていると、 視聴者は迷わず情報を追いやすくなる。

反復:同じ役割のデザインを統一する

同じ役割のテロップは、 同じデザインで統一する。

たとえば、以下のようなテロップは、 役割ごとにデザインを揃える。

毎回デザインが変わりすぎると、 視聴者は情報の意味を判断しづらくなる。

反復によって、 視聴者は「このデザインは重要ポイントだ」と自然に理解できる。

対比:重要度の差を見た目で作る

重要なテロップと補足テロップは、 同じ大きさ・同じ色・同じ太さにしない。

すべての文字が同じ見た目だと、 視聴者はどこを見ればよいかわからなくなる。

そのため、重要度に応じて、 文字サイズ・太さ・色・背景・配置に差をつける。

たとえば、以下を意識する。

対比を作ることで、 視聴者の視線を自然に誘導できる。

4-18. カラー・グラデーションの使い方

カラーやグラデーションは、 見た目を派手にするためではなく、 動画のジャンル・テーマ・世界観を直感的に伝えるために使用する。

グラデーションを必ず使う必要はない。

重要なのは、 その動画の内容やジャンルに合った印象を作れているかである。

たとえば、Instagramに関する内容であれば、 Instagramを連想しやすいピンク・紫・オレンジ系のグラデーションを使うことで、 視聴者が直感的にテーマを認識しやすくなる。

AIやテクノロジー系の内容であれば、 青・紫・ネオン系のグラデーションを使うことで、 未来感・デジタル感・先進性を表現しやすくなる。

ただし、グラデーションはあくまで表現手段の一つであり、 必須ルールではない。

単色の方が見やすい場合や、 情報を整理しやすい場合は、 無理にグラデーションを使わない。

4-19. 余白の作り方

テロップは、画面いっぱいに詰め込まない。

文字・図解・画像・イラストが近すぎると、 画面が窮屈に見え、 視聴者が情報を整理しづらくなる。

余白は、何も置かない無駄なスペースではない。

視聴者が情報を理解しやすくするためのスペースである。

特に以下に注意する。

余白を作ることで、 重要な情報が目立ち、 視聴者が迷わず内容を理解しやすくなる。

4-20. スマホ視聴でも読めるサイズにする

テロップは、PC画面ではなく、 スマホ画面で見ても読めることを前提にする。

PC上で読めても、 スマホでは小さすぎる場合がある。

特に以下は注意する。

スマホ視聴で読みにくいテロップは、 視聴者にとってマイナスポイントになる。

最終的には、PC画面だけでなく、 スマホサイズでも読めるかを意識する。

4-21. 画面端に寄せすぎない

テロップは画面端に寄せすぎない。

画面端に近すぎると、 窮屈に見えたり、 スマホ視聴時に読みにくくなったりする。

特に以下は避ける。

テロップは、画面内に余白を残して配置する。

余白があることで、 画面が整って見え、 視聴者が情報を追いやすくなる。

4-22. テロップ配置のルール

テロップは、 視聴者が読みやすい位置に配置する。

配置で重要なのは、 ただ画面の空いている場所に置くことではない。

映像・図解・画像・イラストとの関係を見ながら、 視聴者の視線が自然に流れる位置に置く。

配置では以下を意識する。

テロップ配置が悪いと、 視聴者はどこを見ればよいかわからなくなる。

テロップは、 画面の情報整理と視線誘導のために配置する。

4-23. 下部通常テロップとデザインテロップを同時に出す場合

下部通常テロップと中央デザインテロップを同時に表示する場合は、 役割が重複しないようにする。

下部通常テロップはセリフ理解の補助、 中央デザインテロップは要約・強調・感情表現として使う。

同じ内容を同じ強さで二重に表示すると、 画面がうるさくなる。

同時表示する場合は、 中央デザインテロップを主役にし、 下部通常テロップは補助として控えめに表示する。

ただし、セリフ理解が必要な場面では、 下部通常テロップも重要である。

そのため、同時表示する場合は、 どちらを主役にするのかを明確にする。

場面 優先するテロップ
通常の話しシーン 下部通常テロップ
結論・重要ワードを強調する場面 デザインテロップ
図解・比較を見せる場面 図解内テキスト・メインテロップ
感情を強く見せる場面 デザインテロップ
セリフ理解が重要な場面 下部通常テロップ

同時表示で重要なのは、 情報の役割を整理し、 画面を重くしすぎないことである。

4-24. テロップの表示タイミング

テロップは、 話者の発話タイミングや画面変化とズレないように表示する。

表示が遅すぎると、 視聴者は音声と文字のズレに違和感を覚える。

表示が早すぎると、 話者がまだ話していない内容が先に見えてしまい、 理解の流れが崩れる。

下部通常テロップは発話に合わせる。

デザインテロップは、 重要ワードが話された瞬間、 または強調したい画面変化のタイミングで表示する。

特に効果音を入れる場合は、 テロップの表示タイミングと効果音のタイミングがズレないようにする。

テロップ・画面変化・効果音は、 視聴者に違和感がないように同期させる。

テロップの出現・退場アニメーション(フェード、スライド、ポップなど)の考え方については、 第7章「エフェクトと画面変化のルール」で詳しく説明する。

4-25. テロップの消えるタイミング

テロップは、表示したままにしすぎない。

話が次に進んでいるのに前のテロップが残っていると、 視聴者は今どの情報を見ればよいかわからなくなる。

特に以下は避ける。

テロップは、 必要な情報を伝え終えたら自然に消す。

出すタイミングだけでなく、 消すタイミングも視聴者の理解に関わる。

4-26. テロップの優先順位チェック

テロップを入れすぎて画面が重くなった場合は、 「その画面で視聴者が理解するために必要な情報」を優先して残す。

下部通常テロップは、 セリフ理解を補助する重要な要素である。

ただし、すべての場面で最優先にするわけではない。

通常の話しシーンでは、 下部通常テロップを優先して残す。

一方で、図解・比較・ストーリー変化・デザインテロップが主役の場面では、 その画面で最も伝えたいメインメッセージや図解内の情報を優先する。

情報量が多すぎる場合は、以下の順番で整理する。

優先度 残す情報 判断基準
1 その画面の理解に必須の情報 メインメッセージ、図解内の重要ラベル、下部通常テロップなど
2 結論・数字・注意点・重要キーワード 視聴者に必ず覚えてほしい情報
3 現在地を示すテーマラベル・ミニタイトル 今何の話をしているかを示す情報
4 補足説明テロップ 理由・具体例・補足情報
5 装飾的なテロップ なくても意味が通じる演出要素

重要なのは、 下部通常テロップを必ず最優先にすることではない。

最優先すべきなのは、 その画面で視聴者が迷わず理解できる情報である。

情報量が多すぎる場合は、 まず装飾的なテロップや、 なくても意味が通じる補足説明を削る。

それでも画面が重い場合は、 下部通常テロップとデザインテロップの内容が重複していないかを確認する。

同じ内容を二重に表示している場合は、 どちらか一方に役割を整理する。

4-27. 誤字脱字・表記ゆれのチェック

テロップの誤字脱字は、 視聴者に違和感を与える大きなマイナスポイントである。

誤字脱字があると、 動画の信頼感が下がり、 内容よりもミスの方に意識が向いてしまう。

そのため、テロップは必ず確認する。

特に以下を確認する。

表記ゆれの例:

表記は、動画内で統一する。

誤字脱字は小さなミスに見えても、 視聴者にとっては違和感になり、 動画の品質を下げる原因になる。

4-28. テロップで避けるべきこと

以下のようなテロップは、 視聴者にとってマイナスポイントになる。

テロップで大事なのは、 文字を目立たせることではない。

視聴者が内容を理解しやすい状態に整えることである。

4-29. テロップ判断基準まとめ

テロップで迷った場合は、以下の基準で判断する。

判断基準 OK NG
役割 テロップごとの役割が明確 すべて同じ扱いになっている
下部通常テロップ カット後の発話を読みやすく整えて理解を補助している 3行以上・読みにくい
デザインテロップ 要約・強調・感情表現に使えている ただ大きくしているだけ
階層 テーマ・小見出し・結論・補足が整理されている どこを見ればよいかわからない
文字量 一瞬で読める 長すぎて読む負担がある
強調 重要語が目立っている すべてが強調されている
改行 意味のまとまりで区切られている 不自然な位置で切れている
配置 視線が自然に流れる 画面内で迷う
余白 情報が整理されている 詰め込みすぎている
フォント 読みやすく役割に合っている 読みにくい・種類が多すぎる
ジャンルや感情に合っている 色数が多く統一感がない
色の組み合わせ 読みやすく自然 チカチカして目が疲れる
感情表現 シーンの温度感と合っている 内容とデザインがズレている
表示タイミング 発話や画面変化と合っている 早すぎる・遅すぎる
消えるタイミング 情報を伝え終えたら自然に消える 前の情報が残り続けている
優先順位 必要な情報が残っている 装飾や補足で画面が重くなっている
誤字脱字 正確に表記されている ミスがあり違和感になる

良いテロップとは、 視聴者が読みにいかなくても、 自然に意味を理解できるテロップである。

4-30. この章のまとめ

テロップは、単なる字幕ではない。

たくとさん動画編集におけるテロップは、 セリフの補助・要約・強調・デザイン・感情表現・視線誘導を兼ねた重要な編集要素である。

テロップでは、以下を意識する。

  1. テロップは役割ごとに使い分ける
  2. テロップ種別の呼び方を統一する
  3. 下部通常テロップは、全文起こしではなく、カット後の自然な発話を読みやすく整える
  4. 中央デザインテロップは要約・強調・感情表現に使う
  5. 左上テーマラベルで大テーマを示す
  6. 画面内ミニタイトルで小テーマを示す
  7. 複数テロップがある場合は階層を作る
  8. 下部通常テロップは必ず2行以内にする
  9. 箇条書きで見せられる情報は箇条書きにする
  10. 強調するのは結論・数字・固有名詞・注意点・重要キーワードに絞る
  11. 改行は文字数ではなく意味のまとまりで行う
  12. テロップデザインで感情や重要度を表現する
  13. 色はシーンの感情・情報の意味・ジャンルに合わせて使う
  14. 補色や高彩度の組み合わせで目が疲れる画面にしない
  15. フォントは増やしすぎず、読みやすさを優先する
  16. デザインの4原則を意識する
  17. 色やグラデーションはジャンル・テーマ・世界観に合わせて使う
  18. 余白を作り、情報を詰め込みすぎない
  19. スマホ視聴でも読めるサイズにする
  20. 画面端に寄せすぎない
  21. 下部通常テロップとデザインテロップを同時に出す場合は役割を分ける
  22. テロップの表示・消えるタイミングを整える
  23. 情報量が多い場合は、画面の理解に必要な情報から優先して残す
  24. 誤字脱字・表記ゆれを必ず確認する

テロップで最も重要なのは、 おしゃれに見せることではない。

視聴者が違和感なく、ストレスなく、 内容を理解できる状態にすることである。

たくとさん動画編集レシピ

05_図解と構成表現のルール

5. 図解と構成表現のルール

図解と構成表現は、視聴者が内容を理解しやすくするために使用する。

図解は、画面を派手にするために入れるものではない。

視聴者が頭の中で整理しないと理解できない情報を、 画面上で整理して見せるために使う。

たとえば、以下のような情報は、 テロップだけで説明すると理解しづらくなる。

  • 抽象的な概念
  • 複数の要素
  • 比較・対比
  • Before / After
  • 時系列の変化
  • 原因と結果
  • ストーリーの流れ
  • 手順やステップ
  • 視聴者がイメージしづらい内容

このような場面では、 文章だけで説明するのではなく、 図解・イラスト・画像・矢印・配置を使って、 情報の構造を視覚的に見せる。

図解で重要なのは、 情報量を増やすことではない。

視聴者が考えなくても、

  • 何がどう関係しているのか
  • 何がどう変化したのか
  • 何が原因で、何が結果なのか
  • どの順番で見れば理解できるのか
  • 今、何が一番重要なのか

を理解できる状態にすることである。

5-1. 図解の基本思想

図解は、視聴者の理解コストを下げるために使う。

テロップだけでは理解しづらい内容でも、 図解にすることで、視聴者は一瞬で構造を把握しやすくなる。

図解の目的は以下である。

  • 情報の関係性を見せる
  • 複数の要素を整理する
  • 変化の流れを見せる
  • 比較・対比をわかりやすくする
  • 原因と結果をつなげる
  • ストーリーの流れを視覚化する
  • 抽象的な内容を具体化する
  • 長い説明を短く見せる

図解は、説明を増やすためではなく、 説明を減らすために使う。

視聴者が文章を読まなくても、 配置・矢印・イラスト・画像・短いキーワードだけで 意味が伝わる状態を目指す。

5-2. 図解を入れるべき場面

図解は、視聴者が理解しづらい部分や、 難しい箇所で使用する。

特に以下のような場面では、 テロップだけで説明せず、図解化を検討する。

  • 抽象的な概念を説明する場面
  • 複数の要素が出てくる場面
  • 原因と結果を説明する場面
  • Before / After を見せる場面
  • AとBを比較する場面
  • 手順や流れを説明する場面
  • 過去から現在への変化を見せる場面
  • 視聴者が頭の中で整理しないと理解しづらい場面
  • 文章だけだと長くなりすぎる場面
  • 音声だけではイメージしづらい場面

たとえば、以下のような内容は図解に向いている。

  • 昔はこうだったが、今はこう変わった
  • AとBでは何が違うのか
  • この原因によって、この結果が起きる
  • まずこれをして、次にこれをする
  • この3つの要素が重要
  • この流れで成果が出る
  • ここを間違えると失敗する

図解を入れる基準は、 「視聴者が頭の中で整理しなくても理解できるか」である。

視聴者が考えないと理解できない内容は、 図解化した方がよい。

5-3. 図解化しない方がよい場面

すべての情報を図解にすればよいわけではない。

図解は、視聴者の理解を助けるために使うものである。

そのため、図解にすることで逆に画面が重くなったり、 理解しづらくなったりする場合は、 無理に図解化しない。

図解は「入れる判断」だけでなく、 「入れない判断」も重要である。

以下のような場面では、図解化しないことも検討する。

  • 一言で伝わる内容
  • 下部通常テロップだけで十分理解できる内容
  • デザインテロップ1つで伝わる内容
  • 比較・変化・因果関係などの構造がない内容
  • 図解にすると逆に複雑になる内容
  • イラストや画像を入れても理解が深まらない内容
  • 話のテンポを止めてしまう内容
  • 画面がすでに情報過多になっている場面
  • 視聴者が見たいのが、図解ではなく話者の感情や勢いである場面

図解化しない方がよい具体例

例1:一言で伝わる内容

「これはかなり重要です」

このような内容は、 図解にするよりも、 デザインテロップで大きく強調した方が伝わりやすい。

無理に図解化すると、 かえって説明が増えてテンポが悪くなる。

例2:感情の勢いが大事な場面

「ここ、本当に気をつけてください」

このような場面では、 図解よりも、話者の声・間・表情・強調テロップの方が伝わる場合がある。

感情の強さを見せたい場面で図解を入れすぎると、 話の熱量が弱くなることがある。

例3:構造がない説明

「まずはここだけ覚えてください」

比較・変化・因果関係・手順などの構造がない場合は、 無理に図解にする必要はない。

この場合は、 中央のデザインテロップで一言を強く見せた方がよい。

例4:すでに画面が重い場面

すでにテロップ・画像・イラスト・背景・効果が多い画面に、 さらに図解を足すと情報過多になる。

この場合は、図解を追加するよりも、 不要な要素を減らす方が見やすくなる。

図解化しない判断基準

図解化するか迷った場合は、以下を確認する。

確認項目 図解化する 図解化しない
テロップだけで理解できるか 理解しづらいなら図解化 理解できるなら不要
情報に構造があるか 比較・変化・因果・手順があるなら図解化 構造がないなら不要
図解にすると短くなるか 説明が短くなるなら図解化 説明が増えるなら不要
見た瞬間に理解しやすくなるか 理解が早くなるなら図解化 逆に迷うなら不要
画面に余白があるか 余白があるなら検討 情報過多なら不要
話のテンポを止めないか テンポを保てるなら検討 テンポが悪くなるなら不要

図解化の目的は、 画面を作り込むことではない。

視聴者の理解が早くなる場合にだけ使う。

5-4. 図解パターンの使い分け

図解は、内容に合わせて見せ方を変える。

すべての情報を同じ形で図解化するのではなく、 話している内容の構造に合わせて、 最適な図解パターンを選ぶ。

たとえば、同じ「わかりやすく見せる」でも、 内容によって使うべき図解は変わる。

  • 違いを見せたいなら、比較・対比
  • 変化を見せたいなら、Before / After
  • 流れを見せたいなら、ステップ・時系列
  • 原因と結果を見せたいなら、因果関係
  • 複数要素を整理したいなら、箇条書き・カード型
  • 実物を見せたいなら、画像・スクショ
  • 感情や状況を見せたいなら、イラスト

図解で重要なのは、 見た目を作り込むことではなく、 話している内容の構造に合った見せ方を選ぶことである。

内容の構造と図解パターンが合っていないと、 図解を入れても逆にわかりづらくなる。

図解パターン使い分け早見表

話している内容 使う図解パターン 見せ方
AとBの違いを見せたい 比較・対比 左右に分ける
昔と今の違いを見せたい Before / After 左にBefore、右にAfter
変化の流れを見せたい ストーリー変化 左から右に時系列で並べる
原因と結果を見せたい 因果関係 原因 → 結果でつなぐ
手順を説明したい ステップ型 1 → 2 → 3 の順番で見せる
複数のポイントを整理したい 箇条書き・カード型 3〜5項目程度で並べる
大きな概念の中身を見せたい 分解・階層構造 親要素 → 子要素で見せる
中心となる考え方を見せたい 中心概念+周辺要素 中央に主役、周囲に補足
NGとOKを見せたい NG / OK比較 左にNG、右にOK
誤解と正解を見せたい 誤解 → 正解 左に誤解、右に正解
問題解決の流れを見せたい 問題 → 原因 → 解決策 左から右に流す
成長段階を見せたい レベルアップ型 初心者 → 中級者 → 上級者
証拠や実例を見せたい 画像・スクショ型 実物を見せる
抽象概念をわかりやすくしたい イラスト+短いテロップ 状況や感情を視覚化する

図解パターンを選ぶ判断フロー

図解パターンに迷った場合は、以下の順番で考える。

  1. 何かと何かを比べているか?
  2. はい → 比較・対比パターン
  3. 例:NG / OK、昔 / 今、初心者 / 上級者

  4. 状態の変化があるか?

  5. はい → Before / After、ストーリー変化パターン
  6. 例:昔はこうだった、今はこう変わった

  7. 原因と結果があるか?

  8. はい → 因果関係パターン
  9. 例:これが原因で、こうなる

  10. 手順や順番があるか?

  11. はい → ステップ・フロー型
  12. 例:1、2、3の順番で進める

  13. 複数のポイントを並べているか?

  14. はい → 箇条書き・カード型
  15. 例:3つのポイント、5つの注意点

  16. 実物を見せた方が早いか?

  17. はい → 画像・スクショ型
  18. 例:SNS投稿、管理画面、実績、商品

  19. 感情や状況を見せたいか?

  20. はい → イラスト型
  21. 例:悩んでいる人、成功した人、困っている人

どの質問にも当てはまらない場合は、 無理に図解化せず、テロップだけで見せることも検討する。

図解パターン集について

具体的な図解パターンの詳細は、別ファイルで管理する。

参照先:05-1_たくとさん動画編集レシピ_図解パターン集.md

5-5. この章のまとめ

図解と構成表現は、視聴者の理解コストを下げるために使う。

図解では、以下を意識する。

  1. テロップだけでは理解しづらい内容を図解化する
  2. 図解の目的は、説明を増やすことではなく減らすこと
  3. すべてを図解化せず、入れない判断も重要
  4. 内容の構造に合った図解パターンを選ぶ
  5. 比較・変化・因果・手順など、構造がある情報に使う
  6. 構造がない内容は、デザインテロップで見せる方がよい場合もある
  7. 図解内でイラストや画像を使う場合は、第6章のトンマナルールも適用する
  8. 迷ったら「テロップだけで伝わるか」を基準にする

図解で最も重要なのは、 画面を作り込むことではない。

視聴者が考えなくても、見た瞬間に構造が理解できる状態を作ることである。

YouTube動画編集で使える図解パターン52種。台本・構成から最適な図解を選定する際の参照用。

カテゴリ一覧

カテゴリ パターン数 用途
比較・対比 7 違い・優劣・選択肢を見せる
変化・Before After 3 変化・成長・時間経過を見せる
因果関係 1 原因→結果を示す
手順・ステップ 4 やり方・手順・レベルを示す
情報整理 5 要点・優先度・まとめを整理する
構造整理 5 階層・構成・分解を示す
問題解決 4 問題→解決・ボトルネック・判断を示す
数値・データ 6 数字・割合・順位・進捗を見せる
関係性 6 重なり・相関・位置・双方向を示す
感情・インパクト 4 驚き・ギャップ・権威・公式で感情を動かす
時間・計画 2 スケジュール・年表を示す
説明・教育 5 定義・例え・診断・Q&Aで理解させる

全52パターン

1. 比較・対比パターン

  • カテゴリ: 比較・対比
  • 使う場面: AとBの違いを一瞬で見せたいときに使う
  • 視線誘導: 左右に視線が行き来する。差異が際立つ配置
  • 使用する要素: 2分割レイアウト / 対比カラー / VSマーク / ラベル
  • NG例: 3つ以上を並べて差がわかりにくくなる
  • チェックリスト: 左右の情報量が均等か / 色で違いが明確か / ラベルが読めるサイズか / 比較軸が明示されているか

2. Before / Afterパターン

  • カテゴリ: 変化・Before After
  • 使う場面: 改善前後の変化を見せたいときに使う
  • 視線誘導: 左から右へ。矢印で変化の方向を示す
  • 使用する要素: 2分割レイアウト / 矢印 / 変化を示すカラー / ラベル
  • NG例: 変化が小さすぎて違いが伝わらない
  • チェックリスト: 変化が一目でわかるか / 矢印の方向が自然か / Before側が暗め/After側が明るめか / 何が変わったか文字でも補足しているか

3. ストーリー変化パターン

  • カテゴリ: 変化・Before After
  • 使う場面: 時系列での成長・変化を物語として見せたいとき
  • 視線誘導: 左から右へ段階的に視線が流れる
  • 使用する要素: 3〜4段階のブロック / 矢印 / 段階ラベル / 変化を示す色のグラデーション
  • NG例: 段階が多すぎて変化が追えない
  • チェックリスト: 各段階の違いが明確か / 時系列が自然に読めるか / 最終段階が最も目立つか / 段階数は4以下か

4. 因果関係パターン

  • カテゴリ: 因果関係
  • 使う場面: 原因と結果のつながりを明確に示したいとき
  • 視線誘導: 原因から結果へ矢印で誘導。上から下or左から右
  • 使用する要素: 原因ブロック / 結果ブロック / 矢印 / 接続線
  • NG例: 因果の方向が曖昧で、どちらが原因かわからない
  • チェックリスト: 因果の方向が一目でわかるか / 矢印が明確か / 原因と結果のブロックが視覚的に区別できるか / 因果が論理的に正しいか

5. ステップ・手順パターン

  • カテゴリ: 手順・ステップ
  • 使う場面: やり方・手順を順番通りに伝えたいとき
  • 視線誘導: 上から下、または左から右に番号順で視線誘導
  • 使用する要素: 番号付きブロック / 矢印 / アイコン / ステップラベル
  • NG例: ステップが多すぎて覚えられない(7つ以上)
  • チェックリスト: ステップ数は5以下か / 番号が読みやすいか / 各ステップが1行で要約されているか / 矢印で順序が明確か

6. 箇条書き整理パターン

  • カテゴリ: 情報整理
  • 使う場面: 複数の要点を並列で整理して見せたいとき
  • 視線誘導: 上から下へ順に読む。アイコンで視線を引く
  • 使用する要素: ドットまたはアイコン / テキスト行 / 背景ブロック
  • NG例: 項目が多すぎて画面が文字だらけになる
  • チェックリスト: 項目数は5以下か / 各項目が短文か / アイコンやドットで区切りが明確か / 重要度の差があるなら強調しているか

7. 3要素整理パターン

  • カテゴリ: 情報整理
  • 使う場面: 3つのポイント・要素をバランスよく見せたいとき
  • 視線誘導: 中央から外側、または左から右に3つ均等に
  • 使用する要素: 3つの均等ブロック / アイコン / ラベル / 番号
  • NG例: 3つの要素のサイズが不均等で1つだけ目立つ
  • チェックリスト: 3つのブロックが均等か / 各要素にアイコンがあるか / テキストが短いか / 色の統一感があるか

8. ピラミッド構造パターン

  • カテゴリ: 構造整理
  • 使う場面: 階層や優先度を上下関係で見せたいとき
  • 視線誘導: 頂点から底辺へ。重要度の高い要素が上
  • 使用する要素: 三角形レイアウト / 階層ラベル / 段階色分け
  • NG例: 段数が多すぎてピラミッドが潰れる
  • チェックリスト: 頂点の要素が最も重要か / 段数は3〜4段か / 各段の文字が読めるか / 色で階層が区別できるか

9. 階層構造パターン

  • カテゴリ: 構造整理
  • 使う場面: 組織図やカテゴリの親子関係を示したいとき
  • 視線誘導: 上から下へツリー状に展開
  • 使用する要素: 親ノード / 子ノード / 接続線 / 階層インデント
  • NG例: 線が交差して関係性が読めない
  • チェックリスト: 親子関係が一目でわかるか / 接続線が交差していないか / 階層の深さは3段以内か / 各ノードのラベルが短いか

10. 中心概念+周辺要素パターン

  • カテゴリ: 構造整理
  • 使う場面: 1つのキーワードを中心に関連要素を配置したいとき
  • 視線誘導: 中心から放射状に外側へ視線が広がる
  • 使用する要素: 中心円 / 周辺ブロック / 接続線 / ラベル
  • NG例: 周辺要素が多すぎて散らかる
  • チェックリスト: 中心が最も目立つか / 周辺要素は6つ以内か / 接続線が見やすいか / 余白が十分か

11. NG / OKパターン

  • カテゴリ: 比較・対比
  • 使う場面: やってはいけないこと・正しいやり方を対比で示すとき
  • 視線誘導: 左にNG→右にOK。赤→緑の色で直感的に判断
  • 使用する要素: 2分割レイアウト / ×マーク・○マーク / 赤・緑カラー / 具体例テキスト
  • NG例: NG例とOK例の対応関係がずれている
  • チェックリスト: NG/OKが色で瞬時にわかるか / 具体例が入っているか / 対応関係が1:1か / マークが十分大きいか

12. 誤解 → 正解パターン

  • カテゴリ: 比較・対比
  • 使う場面: よくある誤解を正して正しい知識を伝えたいとき
  • 視線誘導: 誤解(左/上)→矢印→正解(右/下)へ流れる
  • 使用する要素: 誤解ブロック / 正解ブロック / 矢印 / ×と○マーク
  • NG例: 誤解と正解の文章が長すぎて読めない
  • チェックリスト: 誤解が先に表示されているか / 矢印で転換が明確か / 正解側が目立つ配色か / 文章が短いか

13. 問題 → 原因 → 解決策パターン

  • カテゴリ: 問題解決
  • 使う場面: 問題の分析と解決までの流れを一枚で示したいとき
  • 視線誘導: 左から右 or 上から下へ3段階で流れる
  • 使用する要素: 3段階ブロック / 矢印 / アイコン / 色分け
  • NG例: 3段階それぞれの情報量がバラバラ
  • チェックリスト: 問題→原因→解決の流れが自然か / 各段階が1文で要約されているか / 解決策が最も目立つか / 矢印の向きが統一されているか

14. 過去 → 現在 → 未来パターン

  • カテゴリ: 変化・Before After
  • 使う場面: 時間軸での変遷や展望を示したいとき
  • 視線誘導: 左から右へ時間軸に沿って流れる
  • 使用する要素: タイムライン / 3区間ブロック / 矢印 / 年代ラベル
  • NG例: 各時代の情報量に差がありすぎる
  • チェックリスト: 時間軸が左→右で統一か / 各区間のラベルが明確か / 現在が強調されているか / 未来が希望的に見えるか

15. 伸びない理由 → 改善策パターン

  • カテゴリ: 問題解決
  • 使う場面: 失敗の原因と具体的な改善アクションを示すとき
  • 視線誘導: 問題点リスト→矢印→改善策リストへ対応付け
  • 使用する要素: 2カラムレイアウト / 対応矢印 / 赤/緑カラー / 番号
  • NG例: 問題と改善策の対応が不明確
  • チェックリスト: 問題と改善策が1:1対応か / 改善策が具体的アクションか / 色で問題/改善が区別できるか / 項目数は3〜5か

16. 初心者 → 中級者 → 上級者パターン

  • カテゴリ: 手順・ステップ
  • 使う場面: レベル別の違いや成長段階を示したいとき
  • 視線誘導: 左から右、または下から上にレベルアップ
  • 使用する要素: 3段階ブロック / レベルラベル / 段階色 / 特徴テキスト
  • NG例: 各レベルの違いが曖昧
  • チェックリスト: レベルの違いが明確か / 各段階の特徴が1行か / 上位レベルが視覚的に目立つか / 成長方向がわかるか

17. A案 / B案 / C案比較パターン

  • カテゴリ: 比較・対比
  • 使う場面: 複数の選択肢を並べて比較検討するとき
  • 視線誘導: 左から右に3列を比較。おすすめにマーク
  • 使用する要素: 3カラムレイアウト / 比較項目行 / おすすめマーク / 価格・評価
  • NG例: 比較項目が統一されておらず比べにくい
  • チェックリスト: 比較軸が統一されているか / おすすめが明示されているか / 各案の特徴が端的か / 列幅が均等か

18. メリット / デメリットパターン

  • カテゴリ: 比較・対比
  • 使う場面: 一つの選択肢の良い点・悪い点を整理するとき
  • 視線誘導: 左にメリット(緑)→右にデメリット(赤)
  • 使用する要素: 2カラム / ○/×マーク / 緑/赤カラー / 箇条書き
  • NG例: メリットばかりでデメリットが少なく偏って見える
  • チェックリスト: メリット/デメリットの数がバランスしているか / 色で直感的にわかるか / 各項目が短文か / 結論や判断基準が示されているか

19. チェックリストパターン

  • カテゴリ: 情報整理
  • 使う場面: 確認事項・やることリストを漏れなく示すとき
  • 視線誘導: 上から下にチェックボックスを順に確認
  • 使用する要素: チェックボックス / 項目テキスト / 完了/未完了の色分け
  • NG例: 項目が多すぎて全部読めない
  • チェックリスト: 項目数は7以下か / チェックボックスが大きく見やすいか / 各項目が1行か / 重要項目が上にあるか

20. フロー図パターン

  • カテゴリ: 手順・ステップ
  • 使う場面: 判断分岐を含むプロセスを示したいとき
  • 視線誘導: 開始から終了へ、分岐を経て流れる
  • 使用する要素: 開始/終了ブロック / 判断ひし形 / 矢印 / Yes/Noラベル
  • NG例: 分岐が多すぎて追えない
  • チェックリスト: 開始と終了が明確か / 分岐は2つまでか / 矢印の向きが統一か / 判断基準が短文か

21. 循環・ループパターン

  • カテゴリ: 手順・ステップ
  • 使う場面: 繰り返しのサイクルやPDCAを示したいとき
  • 視線誘導: 時計回りに循環。開始点から一周する
  • 使用する要素: 円形配置 / 矢印(循環) / 段階ブロック / 中心ラベル
  • NG例: どこが開始点かわからない
  • チェックリスト: 開始点が明示されているか / 回転方向が統一か / 段階数は4〜6か / 中心にサイクル名があるか

22. マトリクス比較パターン

  • カテゴリ: 比較・対比
  • 使う場面: 2軸で4象限に分類して位置づけを示したいとき
  • 視線誘導: 中心の軸から4象限へ視線が分散
  • 使用する要素: 2軸ライン / 4象限 / プロットポイント / 軸ラベル
  • NG例: 軸の基準が曖昧でどこに入るかわからない
  • チェックリスト: 2軸のラベルが明確か / 4象限に名前があるか / プロットが偏りすぎていないか / 軸の方向(高低)が示されているか

23. ボトルネック特定パターン

  • カテゴリ: 問題解決
  • 使う場面: 全体の中で詰まっている箇所を特定して示すとき
  • 視線誘導: フロー全体を見渡し、赤いボトルネック箇所に視線集中
  • 使用する要素: フローブロック / ボトルネック強調 / 赤カラー / 矢印
  • NG例: ボトルネックが複数あり焦点がぼやける
  • チェックリスト: ボトルネックが1箇所に絞られているか / 赤で強調されているか / 全体フローが把握できるか / 改善の余地が示唆されているか

24. 優先順位パターン

  • カテゴリ: 情報整理
  • 使う場面: やるべきことの重要度・優先度を視覚化するとき
  • 視線誘導: 上(高優先)から下(低優先)へ。サイズで強弱
  • 使用する要素: サイズ違いブロック / 番号 / 優先度ラベル / 色グラデーション
  • NG例: 全部同じサイズで優先度の差が見えない
  • チェックリスト: 最優先が最も大きく目立つか / 優先度が数字で明示か / 3〜5段階か / 色で優先度が区別できるか

25. 分解パターン

  • カテゴリ: 構造整理
  • 使う場面: 1つの大きなテーマを要素分解して見せたいとき
  • 視線誘導: 全体から部分へ。大→小に視線が流れる
  • 使用する要素: 全体ブロック / 分解矢印 / 要素ブロック群 / ラベル
  • NG例: 分解が浅すぎて当たり前のことしか書いていない
  • チェックリスト: 全体→部分の関係が明確か / 分解レベルが適切か / 要素数は3〜6か / 各要素が具体的か

26. 数字インパクトパターン

  • カテゴリ: 数値・データ
  • 使う場面: 1つの数字で視聴者を驚かせたい・印象づけたいとき
  • 視線誘導: 中央の数字に一点集中→下の補足で文脈理解
  • 使用する要素: 大きな数字 / 補足テキスト1行 / 単位ラベル
  • NG例: 数字と一緒に長文を入れて、数字のインパクトが死ぬ
  • チェックリスト: 数字が画面の主役になっているか / 補足は1行以内か / 単位が明記されているか / 数字のフォントサイズが十分大きいか

27. 割合・パーセンテージパターン

  • カテゴリ: 数値・データ
  • 使う場面: 全体に対する比率を直感的に見せたいとき
  • 視線誘導: 最大の面積部分に視線集中→他との差を認識
  • 使用する要素: 円グラフまたはプログレスバー / パーセンテージラベル / 凡例
  • NG例: 5%以下のスライスが多すぎて読めない
  • チェックリスト: 最大の割合が一目でわかるか / パーセンテージが数字で明記か / 項目数は5以下か / 色で区別がつくか

28. ランキングパターン

  • カテゴリ: 数値・データ
  • 使う場面: 順位付きで情報を整理したいとき(TOP5、ワースト3など)
  • 視線誘導: 1位に視線集中→下位へと順に流れる
  • 使用する要素: 順位番号 / サイズ違いブロック / メダル・王冠 / スコア
  • NG例: 順位間のサイズ差が小さくてランキング感がない
  • チェックリスト: 1位が最も大きく目立つか / 順位番号が明確か / 項目数は3〜5か / スコアや理由が添えられているか

29. 棒グラフ比較パターン

  • カテゴリ: 数値・データ
  • 使う場面: 複数項目の数値を並べて大小を比較したいとき
  • 視線誘導: 最長の棒に集中→他の棒との差を認識
  • 使用する要素: 横棒または縦棒 / 数値ラベル / 項目名 / 軸線
  • NG例: 棒の数値ラベルがなく具体的な差がわからない
  • チェックリスト: 棒の長さの差が明確か / 数値ラベルがあるか / 項目名が読めるか / 棒の数は6以下か

30. ベン図パターン

  • カテゴリ: 関係性
  • 使う場面: 2〜3つの概念の共通点・相違点を示したいとき
  • 視線誘導: 重なり部分に集中→各円の独自領域を認識
  • 使用する要素: 重なり合う円 / 共通領域ラベル / 各円のラベル
  • NG例: 円が3つ以上で重なりが複雑すぎる
  • チェックリスト: 重なり部分が強調されているか / 各領域にラベルがあるか / 円の数は2〜3か / 共通点が明文化されているか

31. 相関マップパターン

  • カテゴリ: 関係性
  • 使う場面: 複数の人物・概念・要素の関係性を網羅的に示したいとき
  • 視線誘導: 中心ノードから放射状に→関係線をたどる
  • 使用する要素: ノード(丸) / 接続線 / 関係ラベル / 線の太さで強弱
  • NG例: 線が交差しすぎて読めない
  • チェックリスト: ノード数が適切か(7以下) / 線の交差が少ないか / 関係の種類が色や線種で区別できるか / 主要ノードが目立つか

32. スペクトラム・グラデーションパターン

  • カテゴリ: 関係性
  • 使う場面: 二極の間の「どこに位置するか」を示したいとき
  • 視線誘導: 左端から右端へ直線的に→ポイント位置で判断
  • 使用する要素: グラデーションバー / 両端ラベル / ポイントマーカー
  • NG例: ポイントが多すぎて密集する
  • チェックリスト: 両端のラベルが明確か / ポイントの位置が読み取れるか / グラデーションで連続性が伝わるか / ポイント数は5以下か

33. 入れ子構造パターン

  • カテゴリ: 関係性
  • 使う場面: 包含関係(AはBの一部、BはCの一部)を示したいとき
  • 視線誘導: 外側から内側へ→核心部分を理解
  • 使用する要素: 入れ子の四角または円 / 階層ラベル / サイズ差
  • NG例: 入れ子が深すぎて内側のラベルが読めない
  • チェックリスト: 包含関係が直感でわかるか / 入れ子は3段以内か / 各層のラベルが読めるか / 最内層が強調されているか

34. ギャップ提示パターン

  • カテゴリ: 感情・インパクト
  • 使う場面: 理想と現実の落差を突きつけて問題意識を喚起するとき
  • 視線誘導: 理想→落差→現実の順。落差の大きさで感情が動く
  • 使用する要素: 理想ブロック(明) / 現実ブロック(暗) / ギャップ矢印 / 落差表現
  • NG例: ギャップが小さすぎて「で?」となる
  • チェックリスト: 理想と現実の差が一目でわかるか / 理想が明るく現実が暗い配色か / ギャップの大きさが視覚化されているか / 共感を得られる内容か

35. 逆転・常識破壊パターン

  • カテゴリ: 感情・インパクト
  • 使う場面: 「実は逆だった」「常識は間違っている」と示すとき
  • 視線誘導: 否定された常識に驚き→真実に視線が移る
  • 使用する要素: 取り消し線テキスト / 反転矢印 / 強調された真実 / ×マーク
  • NG例: 常識の否定が雑で不信感を持たれる
  • チェックリスト: 常識が先に提示されているか / 否定が視覚的に明確か / 真実が目立つ配色か / 根拠が示唆されているか

36. 引用・権威パターン

  • カテゴリ: 感情・インパクト
  • 使う場面: 著名人の言葉やデータの出典を示して説得力を上げたいとき
  • 視線誘導: 引用文→出典元→内容の咀嚼
  • 使用する要素: クォーテーションマーク / 引用テキスト / 出典名 / 肩書き
  • NG例: 引用が長すぎて読めない / 出典が不明
  • チェックリスト: 引用が短く印象的か / 出典が明記されているか / クォーテーションが視覚的に目立つか / 引用と本文の区別が明確か

37. 公式・方程式パターン

  • カテゴリ: 感情・インパクト
  • 使う場面: 「A + B = C」のように要素の組み合わせで結論を導くとき
  • 視線誘導: 左の要素から→演算子を経て→右の結論へ
  • 使用する要素: 要素ブロック / 演算子(+×=) / 結論ブロック
  • NG例: 要素が多すぎて公式のシンプルさが失われる
  • チェックリスト: 要素数は2〜3か / 演算子が大きく見やすいか / 結論(=の右)が最も目立つか / 各要素が1語で表現されているか

38. スケジュール・タイムテーブルパターン

  • カテゴリ: 時間・計画
  • 使う場面: 1日のルーティンや期間内の計画を時間軸で見せたいとき
  • 視線誘導: 上から下へ時系列に沿って読む
  • 使用する要素: 時間ラベル / 活動ブロック / 色分けカテゴリ / 時間軸
  • NG例: 時間ブロックが細かすぎて文字が読めない
  • チェックリスト: 時間軸が明確か / 各ブロックの活動名が読めるか / 色分けが統一されているか / 空き時間が見えるか

39. アナロジー・例えパターン

  • カテゴリ: 説明・教育
  • 使う場面: 難しい概念を身近なものに例えて説明するとき
  • 視線誘導: 難しい概念→イコール→身近な例えで腹落ち
  • 使用する要素: 概念ブロック / 例えブロック / =マーク / イメージアイコン
  • NG例: 例えが的外れで余計にわかりにくくなる
  • チェックリスト: 例えが身近で誰でもわかるか / 概念と例えの対応が正確か / イコール関係が明示されているか / 例えが1つに絞られているか

40. Q&A・一問一答パターン

  • カテゴリ: 説明・教育
  • 使う場面: よくある質問と回答をセットで見せたいとき
  • 視線誘導: Q(疑問)に引き込まれ→A(回答)で解決
  • 使用する要素: Qブロック / Aブロック / Q/Aラベル / 区切り線
  • NG例: Aの回答が長すぎて図解の意味がなくなる
  • チェックリスト: Qが短い疑問文か / Aが1〜2行で要約されているか / Q/Aの区別が色で明確か / 質問が視聴者の疑問を代弁しているか

41. 診断・タイプ分類パターン

  • カテゴリ: 説明・教育
  • 使う場面: 「あなたはどのタイプ?」と視聴者自身に当てはめさせたいとき
  • 視線誘導: タイプ一覧を見渡し→自分に該当するタイプに視線集中
  • 使用する要素: タイプ別ブロック / 特徴テキスト / アイコン / 色分け
  • NG例: タイプが多すぎて自分がどれか判断できない
  • チェックリスト: タイプ数は3〜4か / 各タイプの違いが明確か / タイプ名がキャッチーか / 該当条件が短文で書かれているか

42. ズームイン・拡大解説パターン

  • カテゴリ: 説明・教育
  • 使う場面: 全体の中の特定部分にフォーカスし詳細を拡大解説したいとき
  • 視線誘導: 全体図→拡大エリア→詳細説明の順
  • 使用する要素: 全体図 / 拡大エリア枠 / 拡大表示 / 引き出し線
  • NG例: 拡大部分がどこを指しているかわからない
  • チェックリスト: 全体図のどこを拡大したか明示しているか / 拡大部分が十分大きいか / 引き出し線が見やすいか / 拡大は1箇所に絞っているか

43. プログレス・達成度パターン

  • カテゴリ: 数値・データ
  • 使う場面: 目標に対する現在の達成度や進捗状況を示したいとき
  • 視線誘導: 現在位置→ゴールまでの残り距離を認識
  • 使用する要素: プログレスバー / 現在値マーカー / ゴール表示 / パーセンテージ
  • NG例: ゴールが不明で何に対する進捗かわからない
  • チェックリスト: ゴールが明示されているか / 現在の達成率が数字で見えるか / 残りの距離が直感でわかるか / 色で進捗度合いが伝わるか

44. スケール比較パターン

  • カテゴリ: 数値・データ
  • 使う場面: 数値の大きさや量を面積・体積で直感的に比較したいとき
  • 視線誘導: 大きいブロックに圧倒され→小さいブロックとの差を認識
  • 使用する要素: 面積違いブロック / ラベル / 数値 / 基準サイズ表示
  • NG例: 面積の差が小さすぎて衝撃がない
  • チェックリスト: 面積差が一目で圧倒的か / 数値ラベルがあるか / 基準(何と比べて)が明確か / 比較対象は2〜3に絞っているか

45. マップ・配置図パターン

  • カテゴリ: 関係性
  • 使う場面: 物理的な配置や位置関係・レイアウトを示したいとき
  • 視線誘導: 全体のレイアウトを俯瞰→各要素の位置関係を確認
  • 使用する要素: 配置ブロック / 位置ラベル / 境界線 / 方向表示
  • NG例: 要素が密集しすぎて位置関係が読めない
  • チェックリスト: 俯瞰視点が統一されているか / 各要素にラベルがあるか / 余白が十分か / 方向や距離感が伝わるか

46. 積み上げ・レイヤーパターン

  • カテゴリ: 構造整理
  • 使う場面: 構成要素の重なりや積み上げ(技術スタック・費用内訳等)を示したいとき
  • 視線誘導: 下の土台から上へ積み上がる順で読む
  • 使用する要素: レイヤーブロック / 各層ラベル / 色分け / 積み上げ順表示
  • NG例: 層が多すぎて各層のラベルが読めない
  • チェックリスト: 土台が下にあるか / 各層のラベルが見えるか / 層数は5以下か / 色で層が区別できるか

47. 用語定義・概念説明パターン

  • カテゴリ: 説明・教育
  • 使う場面: 「そもそも○○って何?」を1枚で定義・説明したいとき
  • 視線誘導: 用語名→定義文→具体例の順
  • 使用する要素: 用語名(大文字) / 定義テキスト / 具体例 / 区切り線
  • NG例: 定義が長文すぎて読めない
  • チェックリスト: 用語名が最も目立つか / 定義が1〜2行か / 具体例が添えられているか / 専門用語を使っていないか

48. 選択肢ナビ・判断ガイドパターン

  • カテゴリ: 問題解決
  • 使う場面: 「あなたの状況なら○○を選べ」と条件別に推奨を示すとき
  • 視線誘導: 条件列→対応する推奨列へ視線が流れる
  • 使用する要素: 条件ブロック / 推奨ブロック / 対応矢印 / 条件ラベル
  • NG例: 条件と推奨の対応が不明確
  • チェックリスト: 条件が具体的か / 推奨が1つに絞られているか / 対応関係が矢印で明確か / 条件数は3〜4か

49. タイムライン・年表パターン

  • カテゴリ: 時間・計画
  • 使う場面: 歴史・沿革・経緯を5つ以上のイベントで時系列表示したいとき
  • 視線誘導: 左端(過去)から右端(現在)へ時間軸に沿って読む
  • 使用する要素: 時間軸線 / イベントポイント / 年代ラベル / イベント説明
  • NG例: イベントが密集しすぎて読めない
  • チェックリスト: 時間軸が左→右で統一か / 各イベントに年代があるか / イベント説明が短いか / 間隔が均等に見えるか

50. 相互作用・双方向パターン

  • カテゴリ: 関係性
  • 使う場面: AがBに影響し、BもAに影響する双方向の関係を示したいとき
  • 視線誘導: A→B、B→Aの双方向矢印を交互にたどる
  • 使用する要素: 2つのブロック / 双方向矢印 / 影響ラベル / 循環表現
  • NG例: どちらが先に影響するか曖昧
  • チェックリスト: 双方向であることが矢印で明確か / 各方向の影響内容が書かれているか / 2要素に絞っているか / 好循環か悪循環かが色でわかるか

51. 要約・まとめカードパターン

  • カテゴリ: 情報整理
  • 使う場面: 動画の最後に「今日のまとめ」として要点を1枚に凝縮するとき
  • 視線誘導: 結論→要点リスト→行動喚起(CTA)の順
  • 使用する要素: 結論ブロック / 要点リスト / CTAボタン / 区切り線
  • NG例: 要点が多すぎてまとめになっていない
  • チェックリスト: 結論が最上部にあるか / 要点は3つ以内か / CTAが明確か / 動画全体を見なくてもこれだけで要点がわかるか

52. 人物・ペルソナ比較パターン

  • カテゴリ: 比較・対比
  • 使う場面: 「成功する人 vs しない人」のように人物像を対比するとき
  • 視線誘導: 左の人物像→右の人物像→違いを認識
  • 使用する要素: 人物アイコン / 特徴リスト / 対比カラー / タイプ名
  • NG例: 特徴が抽象的すぎてリアリティがない
  • チェックリスト: 人物アイコンがあるか / 特徴が具体的な行動か / 対比が明確か / タイプ名がキャッチーか

パターン逆引き表

こんなとき 使うパターン
AとBの違いを見せたい 1.比較・対比 / 17.A案B案C案 / 22.マトリクス
変化・成長を見せたい 2.Before/After / 3.ストーリー変化 / 14.過去→現在→未来
手順を教えたい 5.ステップ / 20.フロー図 / 21.循環ループ
数字でインパクトを出したい 26.数字インパクト / 27.割合 / 28.ランキング / 29.棒グラフ
問題を解決したい 13.問題→原因→解決 / 15.改善策 / 23.ボトルネック
構造を見せたい 8.ピラミッド / 9.階層 / 25.分解 / 46.積み上げ
関係性を示したい 10.中心+周辺 / 30.ベン図 / 31.相関マップ / 50.双方向
感情を動かしたい 34.ギャップ / 35.逆転 / 36.引用 / 37.公式
情報を整理したい 6.箇条書き / 7.3要素 / 19.チェックリスト / 24.優先順位
人に教えたい 39.アナロジー / 40.Q&A / 41.診断 / 47.用語定義
選ばせたい・判断させたい 41.診断 / 48.選択肢ナビ / 11.NG/OK
動画のまとめに使いたい 51.要約カード / 19.チェックリスト
時間を示したい 38.スケジュール / 49.年表
人物像を対比したい 52.ペルソナ比較 / 16.初心者→上級者
進捗を見せたい 43.プログレス / 27.割合
大きさの差を見せたい 44.スケール比較 / 29.棒グラフ
配置・レイアウトを示したい 45.マップ
拡大して詳しく見せたい 42.ズームイン

第6章の目的

第5章の図解内で使用するイラスト・画像についても、この章のトンマナ・テイスト統一ルールが適用される。

第6章では、イラストや画像をどのような意図で選び、どのように画面に入れるかを言語化する。

イラストや画像素材は、画面をにぎやかにするために入れるものではない。

目的は、視聴者が話の内容をより早く、より正確に理解できるようにすること。

そのため、素材を入れるときは必ず、

  • 何を理解させたいのか
  • どの情報を補足したいのか
  • 視聴者のどんな迷いを減らしたいのか
  • テロップや図解だけでは足りない理由は何か

を考える。

素材は飾りではなく、理解補助である。

この章の結論

画像・イラスト・スクショ・実写画像は、それぞれ役割が違う。

  • 画像は、実物・具体例・証拠を見せるために使う
  • イラストは、感情・状況・抽象概念をわかりやすくするために使う
  • スクショは、実際の画面・操作・数値・証拠を見せるために使う
  • 実写画像は、リアル感・信頼感・現実味を出すために使う

重要なのは、
どの素材を使うかではなく、なぜその素材を使うのかである。

素材を入れたことで視聴者の理解が早くなるなら入れる。
逆に、素材を入れたことで画面がごちゃついたり、主役がぼやけたりするなら入れない。

素材選びは、センスではなく判断である。

1. 素材を入れる前の基本判断

素材を入れる前に、まず以下を考える。

  • この場面で視聴者は何を理解すればいいのか
  • 音声とテロップだけで伝わるのか
  • 図解にした方がわかりやすいのか
  • 実物を見せた方が早いのか
  • 感情や状況を補った方が伝わりやすいのか
  • 素材を入れることで視線が散らないか

素材は、足し算で考えない。

「なんとなく画面が寂しいから入れる」ではなく、
この素材があることで、視聴者の理解がどう早くなるのかを考える。

目的が説明できない素材は、基本的に入れない。

2. イラストを入れる目的

イラストは、主に感情・状況・抽象的な概念をわかりやすく見せるために使う。

たとえば、以下のような場面ではイラストが有効。

  • 悩んでいる人
  • 焦っている人
  • 迷っている人
  • 喜んでいる人
  • 失敗して落ち込んでいる人
  • パソコン作業をしている人
  • スマホを見ている人
  • SNS運用に悩んでいる人
  • 成果が出ずに困っている人
  • 何から始めればいいかわからない人

実写画像だと情報量が多くなりすぎたり、リアルすぎて視聴者の意識がそちらに向いてしまう場合がある。

その点、イラストは情報を簡略化できるため、
「こういう状況の話をしているんだな」と直感的に伝えやすい。

3. イラストを入れるべき場面

イラストを入れるべきなのは、主に以下のような場面。

場面 イラストの役割
感情を伝えたい 不安・焦り・驚き・納得などを補助する
状況を伝えたい 作業中・会議中・SNS運用中などを見せる
抽象的な概念を伝えたい 成長・迷い・改善・失敗などを視覚化する
画面が文字だけで重い 視聴者の負担を軽くする
話者の言葉だけでは状況が浮かびづらい 見てすぐ状況がわかるようにする
視聴者に共感させたい 「自分のことだ」と感じやすくする

ただし、イラストを入れれば必ずわかりやすくなるわけではない。

イラストが入ったことで、逆に情報の主役がぼやける場合もある。

イラストは、感情や状況を補うために使う。
主役を奪うために使わない。

4. 画像を入れる目的

画像は、主に実物・具体例・証拠・リアル感を見せるために使う。

たとえば、以下のような場面では画像が有効。

  • 実際の商品を見せる
  • 実際のSNS画面を見せる
  • 実際の投稿例を見せる
  • 実際の成果物を見せる
  • 実際のWebページを見せる
  • 実際のツール画面を見せる
  • Before / Afterを見せる
  • 実際の資料やサンプルを見せる

画像の強みは、
「本当にこういうものがある」「具体的にはこれのこと」を一瞬で伝えられること。

視聴者が頭の中で想像しなくても、画面を見れば理解できる状態を作れる。

5. 画像を入れるべき場面

画像を入れるべきなのは、主に以下のような場面。

場面 画像の役割
実物を見せたい 商品・画面・投稿・資料などを具体的に見せる
証拠を見せたい 数値・実績・実例を補強する
具体例を見せたい 抽象論を現実の例に落とす
Before / Afterを見せたい 変化を直感的に伝える
視聴者が知らないものを説明する 名前だけでは伝わらない対象を見せる
信頼感を出したい 実在感や説得力を補強する

画像は、説得力を上げる効果がある。

ただし、画像の情報量が多すぎると、視聴者はどこを見ればいいかわからなくなる。

そのため、画像を入れるときは、
画像内のどこを見てほしいのかまで設計する。

6. スクショを入れる目的

スクショは、画像の中でも特に画面操作・実例・証拠を見せるために使う。

たとえば、以下のような画面を見せる場合に有効。

  • SNSの投稿画面
  • YouTube Studioの画面
  • 分析画面
  • Webサイトの管理画面
  • ツールの設定画面
  • 実際の検索結果
  • 実際のコメント欄
  • 実際の投稿一覧
  • 実際の数値や成果画面

スクショはリアルな情報を伝えられる反面、そのまま貼ると細かすぎてスマホでは読めないことが多い。

そのため、スクショを使う場合は、

  • 見せたい部分だけトリミングする
  • 不要な部分は隠す
  • 注目箇所に枠・矢印・丸を入れる
  • 必要に応じて拡大する
  • 個人情報や不要情報をぼかす
  • スマホで読めるサイズにする

という処理が必要。

スクショは貼るだけではなく、見せたい場所を編集者が指定する。

7. 実写画像を入れる目的

実写画像は、主にリアル感・信頼感・現実味を出すために使う。

イラストよりも現実感が強く、
「実際に起きていること」「実際に存在するもの」として伝えやすい。

実写画像が有効な場面は以下。

  • 人物のリアルな表情を見せたい
  • 実際の商品や場所を見せたい
  • 現場感を出したい
  • 信頼感を出したい
  • 体験談や事例にリアリティを持たせたい
  • ビジネス・マーケティング系で説得力を出したい

ただし、実写画像はイラストよりも情報量が多いため、使い方を間違えると画面がごちゃつく。

特に、以下は注意する。

  • 背景が複雑すぎる
  • 人物の表情が内容と合っていない
  • 画像の色味が他の素材と合っていない
  • 海外感が強すぎて日本向け動画とズレる
  • 素材感が強く、動画の信頼感を下げる
  • 何を伝えたい画像なのかわからない

実写画像は、
リアル感が必要なときだけ使う。

8. 画像・イラスト・スクショの使い分け

素材は、内容に合わせて使い分ける。

見せたい内容 向いている素材
実物 画像・実写画像
具体例 画像・スクショ
証拠 スクショ・実写画像
感情 イラスト
状況 イラスト・実写画像
抽象概念 イラスト・図解
操作方法 スクショ
数値・成果 スクショ・グラフ・画像
Before / After 画像・スクショ・図解
現場感 実写画像

判断の基準は以下。

画像は実物を見せるため。
イラストは意味をわかりやすくするため。
スクショは実際の画面や証拠を見せるため。
実写画像はリアル感や信頼感を出すため。

9. 素材テイストとトンマナの統一ルール

イラストや画像素材を使うときは、必ず動画全体のトンマナに合わせる。

トンマナとは、
トーン&マナーのこと。

簡単に言うと、動画全体の「雰囲気」「世界観」「見た目のルール」である。

同じ内容を伝える場合でも、動画のジャンルや視聴者層によって、合う素材のテイストは変わる。

たとえば、以下のように使い分ける。

動画ジャンル 合いやすい素材テイスト
初心者向け・教育系 やわらかく、わかりやすいイラスト
SNS運用・マーケティング系 少しポップで、現代的なイラスト
ビジネス・経営系 落ち着いた色味で、信頼感のあるイラスト
金融・法律・専門知識系 かためで、誠実さが伝わるイラスト
AI・テクノロジー系 近未来感・デジタル感のある素材
失敗談・悩み系 感情が伝わる人物イラスト
実績・事例紹介 イラストよりも実写画像やスクショが向いている場合が多い

重要なのは、
その動画の世界観に合った素材を選ぶこと。

どれだけ綺麗なイラストでも、動画の雰囲気と合っていなければ違和感になる。

たとえば、真面目なビジネス動画で、子ども向けのようなポップすぎるイラストを使うと、内容の信頼感が下がる。

逆に、初心者向けのやさしい動画で、硬すぎるビジネス素材ばかり使うと、視聴者が距離を感じやすくなる。

素材は、単体で良いかどうかではなく、
動画全体のトンマナに合っているかで判断する。

10. イラストのテイストは混ぜすぎない

1本の動画内で、複数のイラストテイストを混ぜすぎない。

たとえば、以下のような混在は避ける。

  • フラットイラスト
  • 3Dイラスト
  • 手書き風イラスト
  • 線画イラスト
  • アイコン素材
  • リアル寄りの人物イラスト
  • アニメ風イラスト

これらを同じ動画内でバラバラに使うと、画面の統一感が崩れる。

視聴者は言語化できなくても、
「なんか画面がごちゃごちゃしている」
「素材の雰囲気がバラバラ」
「動画全体が少し安定して見えない」
と感じる。

そのため、イラストを選ぶときは、以下をそろえる。

  • 線の太さ
  • 色味
  • 影の有無
  • 立体感
  • 人物の表情
  • デフォルメ具合
  • 背景の有無
  • アイコンの形
  • 全体の情報量

基本的には、同じ素材サイト・同じシリーズ・同じ作者の素材を使うと統一しやすい。

難しい場合でも、
見た目の質感が近い素材だけを選ぶ。

11. 避けたい素材

素材は、入れれば入れるほど良くなるものではない。

むしろ、素材選びを間違えると、動画全体の品質が下がる。

避けたい素材は以下。

避けたい素材 理由
低画質の画像 安っぽく見える、信用感が下がる
意味が曖昧なイラスト 何を表しているかわからない
テイストがバラバラな素材 動画全体の統一感が崩れる
既視感が強い素材 どこかで見た印象が強く、動画の独自性が弱くなる
汎用的すぎる素材 内容に対して具体性が出ない
テンプレート感が強い素材 作り込まれていない印象になりやすい
質感が軽すぎる素材 内容の信頼感を下げる場合がある
内容と表情が合っていない人物画像 視聴者に違和感を与える
背景がごちゃごちゃした画像 テロップや主役が見えづらくなる
文字が細かすぎるスクショ スマホで読めない
装飾目的だけの素材 情報の邪魔になる

特に重要なのは、
「なんとなく寂しいから入れる素材」は基本NG

無料素材だから悪いということではない。

無料素材でも、トンマナに合っていて、画質やテイストが整っていれば使ってよい。

避けるべきなのは、
素材を入れたことで動画全体の質が下がって見える状態である。

12. 画像・イラストの主役を決める

素材を入れるときも、画面内の主役を決める。

たとえば、

  • 人物の表情を見せたいのか
  • 商品を見せたいのか
  • スクショ内の数字を見せたいのか
  • 投稿例を見せたいのか
  • 状況をなんとなく伝えたいのか
  • 背景として雰囲気だけ補いたいのか

によって、配置・サイズ・見せ方が変わる。

主役が画像なら、画像を大きく見せる。
主役がテロップなら、画像は背景・補助として弱める。
主役がスクショ内の一部分なら、そこだけ拡大して見せる。

NGなのは、
素材も大きい、テロップも大きい、図解もある、全部目立つという状態。

画面内で一番見てほしいものは、必ず1つに絞る。

13. 画像・イラストとテロップの重なりルール

画像やイラストを入れるときは、テロップとの重なりに注意する。

特に下部通常テロップがある動画では、素材を下に置きすぎるとテロップと干渉する。

基本ルールは以下。

  • 下部通常テロップの表示エリアには素材を置かない
  • 素材の主役部分にテロップを重ねない
  • 顔・商品・重要な画面部分には文字を重ねない
  • テロップを読ませたい場合、素材は弱める
  • 素材を見せたい場合、テロップは短くする
  • 同時に見せる情報を増やしすぎない

特に人物画像の場合、顔の上にテロップや図形を重ねると違和感が出やすい。

スクショの場合も、見せたいボタン・数字・投稿部分にテロップを重ねると、何を見ればいいかわからなくなる。

素材とテロップは、同じ場所で主役を奪い合わないようにする。

14. トリミング・拡大・ぼかしのルール

画像やスクショは、そのまま貼るのではなく、必要に応じて加工する。

特にスクショや実写画像は、不要な情報が多く入りやすい。

そのため、見せたい情報だけが伝わるように、以下を調整する。

  • 不要な余白をトリミングする
  • 見せたい部分を拡大する
  • 見せたくない情報をぼかす
  • 個人情報を隠す
  • 関係ない文字やボタンを画面外に出す
  • 注目箇所に枠や矢印を入れる
  • 必要に応じて背景を暗くする
  • 必要に応じて画像の透明度を下げる

画像やスクショを使うときは、
素材全体を見せるのではなく、視聴者に見てほしい部分を見せる。

15. 画質・明るさ・色味のルール

画像やイラスト素材は、画質・明るさ・色味にも注意する。

以下のような素材は、動画全体の印象を下げやすい。

  • 解像度が低い
  • ぼやけている
  • 暗すぎる
  • 明るすぎる
  • 色味が他の素材と合っていない
  • コントラストが弱くて見づらい
  • 拡大しすぎて粗くなっている
  • 背景と同化している

特にスマホ視聴では、小さい画像や細かい文字は見えづらい。

そのため、素材を使うときは、

  • スマホで見ても認識できるサイズか
  • 画質が粗く見えないか
  • 背景と同化していないか
  • 他の素材と色味が浮いていないか
  • テロップの読みやすさを邪魔していないか

を確認する。

素材の品質は、動画全体の品質に直結する。

16. 素材を入れない判断も重要

イラストや画像は、入れる判断だけでなく、
入れない判断も重要。

以下の場合は、無理に素材を入れない。

  • テロップだけで十分伝わる
  • 図解の方がわかりやすい
  • 素材を入れると画面が狭くなる
  • 話のテンポが悪くなる
  • 素材選びに違和感がある
  • 画面の主役がぼやける
  • 視聴者が素材の意味を考えてしまう
  • 素材を探すより、テロップや構成を整理した方がよい

素材を入れても理解が速くならないなら、入れる意味は薄い。

素材は、足し算ではなく引き算で考える。

17. 著作権・利用権への注意

画像やイラストを使うときは、著作権・利用権にも注意する。

特に、自分で発信する動画でも、素材の利用条件を必ず確認する。

確認すべきことは以下。

  • 商用利用できる素材か
  • クレジット表記が必要か
  • 加工して使ってよいか
  • 再配布やテンプレート利用に該当しないか
  • 人物写真の場合、肖像権やモデルリリースに問題がないか
  • ロゴやブランド画像を使う場合、誤解を招く使い方になっていないか

素材サイトから取得したものでも、すべて自由に使えるとは限らない。

後からトラブルにならないように、
利用条件が明確な素材を使う。

18. 素材選びの判断基準まとめ

素材を入れる前に、編集者は以下を確認する。

この章の一文まとめ

画像は実物・証拠・具体例を見せるため。
イラストは感情・状況・抽象概念をわかりやすくするため。
スクショは実際の画面や証拠を見せるため。
実写画像はリアル感や信頼感を出すため。
どの素材も、飾りではなく理解を助けるために使う。

このファイルの目的

このファイルは、第6章「イラストと画像素材のルール」を実務で使いやすくするための別紙である。

動画ジャンルごとに、どのようなトンマナの素材が合いやすいかを整理する。

ここで重要なのは、
「このジャンルなら絶対この素材」という固定ルールではなく、
動画の内容・視聴者層・チャンネル全体の世界観に合うかで判断すること。

1. 初心者向け・教育系

向いているトンマナ

  • やわらかい
  • わかりやすい
  • 親しみやすい
  • 難しそうに見えない
  • 見た瞬間に意味が伝わる

向いている素材

  • フラット寄りの人物イラスト
  • やさしい色味のアイコン
  • わかりやすい図解
  • 背景が複雑すぎない素材
  • 情報量が多すぎないスクショ

避けたい方向性

  • 威圧感のある素材
  • かたすぎるビジネス素材
  • 子ども向けすぎる素材
  • 情報量が多すぎる素材
  • 色が強すぎる素材

判断ポイント

初心者向け・教育系では、視聴者が「難しそう」と感じないことが重要である。

内容が専門的でも、素材の印象をやわらかくすることで、視聴者の心理的ハードルを下げられる。

ただし、やわらかさを出しすぎて子ども向けに見えると、内容の信頼感が下がる。

親しみやすさと信頼感のバランスを見る。

2. SNS運用・マーケティング系

向いているトンマナ

  • 少しポップ
  • 現代的
  • テンポ感がある
  • スマホやSNSとの相性が良い
  • 洗練されている

向いている素材

  • 現代的な人物イラスト
  • SNSっぽい配色の素材
  • スマホ画面のスクショ
  • 実際の投稿例
  • シンプルで整理されたアイコン素材
  • 投稿画面や分析画面の一部拡大

避けたい方向性

  • 古く見える素材
  • 堅すぎる素材
  • テイストがバラバラな素材
  • 既視感が強すぎる素材
  • 内容に対して抽象的すぎる素材

判断ポイント

SNS運用・マーケティング系では、実際の画面や具体例を見せた方が理解が早い場面が多い。

抽象的なイラストだけで説明すると、視聴者が具体的な行動をイメージしづらくなる。

そのため、

  • 実際の投稿画面
  • スマホ操作
  • 分析画面
  • Before / After
  • 数値の変化

などを、できるだけ具体的に見せる。

SNS系では、雰囲気だけでなく具体性を重視する。

3. ビジネス・経営系

向いているトンマナ

  • 落ち着いている
  • 信頼感がある
  • 整理されている
  • 派手すぎない
  • 安定感がある

向いている素材

  • シンプルなビジネス系イラスト
  • 落ち着いた色味の人物素材
  • 実績や事例のスクショ
  • 整理された図解
  • 余白を活かしたレイアウト

避けたい方向性

  • ポップすぎる素材
  • 軽すぎる印象の素材
  • 子どもっぽい素材
  • 装飾感が強すぎる素材
  • 感情表現が大きすぎるキャラクター

判断ポイント

ビジネス・経営系では、視聴者が「この内容は信頼できそう」と感じることが重要である。

素材が軽すぎると、内容まで軽く見える。

そのため、派手さよりも、

  • 整理されている
  • 落ち着いている
  • 説得力がある
  • 余白がある
  • 情報が見やすい

ことを優先する。

ビジネス系では、素材の派手さより信頼感を優先する。

4. 金融・法律・専門知識系

向いているトンマナ

  • 誠実
  • 信頼感がある
  • かため
  • 正確そうに見える
  • 整理されている

向いている素材

  • 落ち着いた色味のイラスト
  • 実物資料や画面のスクショ
  • シンプルな図解
  • 説明を補助する最低限のイラスト
  • 読みやすさ重視の画面構成

避けたい方向性

  • ポップすぎる素材
  • かわいすぎるキャラクター
  • 色数が多すぎる素材
  • 軽く見える装飾素材
  • エンタメ感が強すぎる素材

判断ポイント

金融・法律・専門知識系では、素材が軽く見えると、内容の信頼感を損なう可能性がある。

特に制度・お金・契約・法律などを扱う場合は、視聴者が不安を感じやすい。

そのため、素材は最低限にし、情報の正確さと読みやすさを優先する。

専門性が高いジャンルでは、安心感と誠実さを優先する。

5. AI・テクノロジー系

向いているトンマナ

  • 近未来感がある
  • デジタル感がある
  • 先進的
  • スマート
  • 整理されている

向いている素材

  • 近未来系の背景素材
  • デジタル感のあるアイコン
  • ツール画面のスクショ
  • シャープな図解
  • 紫・青系を中心にした世界観
  • 実際のAIツール画面やワークフロー画面

避けたい方向性

  • 古く見える素材
  • 手作り感が強すぎる素材
  • ごちゃついた素材
  • 装飾だけ派手な素材
  • 意味のないSF感だけの素材

判断ポイント

AI・テクノロジー系では、先進感を出すことは有効である。

ただし、近未来感やデジタル感を出しすぎると、内容が読みにくくなったり、装飾だけが目立つことがある。

AI系では、見た目のかっこよさよりも、

  • ツールで何ができるのか
  • どこを見ればいいのか
  • 何が変化したのか
  • どの手順で進むのか

が伝わることを優先する。

AI系では、先進感と理解しやすさのバランスを見る。

6. 失敗談・悩み・共感系

向いているトンマナ

  • 感情が伝わる
  • 親近感がある
  • 共感しやすい
  • 過度に明るすぎない
  • 話の温度感に合っている

向いている素材

  • 感情表現のある人物イラスト
  • 悩みや迷いが伝わるイラスト
  • 実体験を補う実写画像
  • 話を邪魔しないシンプルな補助素材
  • 落ち着いた色味の背景素材

避けたい方向性

  • テンションが高すぎる素材
  • 明るすぎるポップ素材
  • 感情とズレた表情の素材
  • ビジネス感が強すぎる素材
  • 不必要にコミカルな素材

判断ポイント

失敗談・悩み・共感系では、素材の表情や温度感が非常に重要である。

話している内容が重いのに、素材だけ明るすぎると、視聴者は違和感を感じる。

逆に、必要以上に暗くしすぎると、動画全体が重くなりすぎる。

そのため、素材は話の感情を邪魔せず、共感を補助するものを選ぶ。

共感系では、素材の感情が話の温度感と合っているかを見る。

7. 実績・事例紹介系

向いているトンマナ

  • 信頼感がある
  • 具体的
  • 証拠性がある
  • リアル感がある
  • 余計な演出が少ない

向いている素材

  • 実際の数値スクショ
  • 実績画面
  • Before / After画像
  • 実際の投稿例
  • 必要最低限の補助イラスト
  • 成果物や制作物の画面

避けたい方向性

  • 抽象的すぎるイラスト中心の画面
  • 証拠が見えない構成
  • ポップすぎる演出
  • 素材ばかりで実例が少ない構成
  • 実績なのに実物が見えない画面

判断ポイント

実績・事例紹介系では、視聴者は「本当に成果が出ているのか」を見たい。

そのため、抽象的なイラストよりも、

  • 実際の画面
  • 実際の数値
  • 実際の成果物
  • Before / After
  • 具体的な変化

を優先する。

イラストは補助として使い、主役は実例にする。

実績系では、雰囲気より証拠性を優先する。

8. エンタメ寄り・テンポ重視系

向いているトンマナ

  • 軽快
  • テンポがよい
  • 反応がわかりやすい
  • 感情が伝わる
  • 視覚的に飽きにくい

向いている素材

  • 表情がわかりやすい人物イラスト
  • 反応系のアイコン
  • テンポに合わせやすいシンプル素材
  • 強調しやすい図形や背景
  • 画面変化と相性の良い素材

避けたい方向性

  • 情報量が多すぎる素材
  • 硬すぎる素材
  • 動かしづらい素材
  • 感情が伝わらない素材
  • テンポを止める素材

判断ポイント

エンタメ寄りでは、視聴維持のために素材のテンポ感が重要になる。

ただし、盛り上げようとして素材や演出を入れすぎると、情報が散らかる。

あくまで、視聴者が飽きずに見られるようにするための素材選びを行う。

エンタメ寄りでは、テンポと見やすさのバランスを見る。

9. 自己啓発・マインド系

向いているトンマナ

  • 前向き
  • 抽象概念が伝わる
  • 感情に寄り添う
  • 少し余白がある
  • メッセージ性がある

向いている素材

  • 感情表現のある人物イラスト
  • 成長や変化を表すイラスト
  • Before / After的な構図
  • 余白のある背景素材
  • シンプルなアイコンや図解

避けたい方向性

  • 説教感が強すぎる素材
  • キラキラしすぎる素材
  • 抽象的すぎて意味が伝わらない素材
  • ビジネス感が強すぎる素材
  • 暗すぎる素材

判断ポイント

自己啓発・マインド系では、視聴者の感情を置いていかないことが重要である。

素材が前向きすぎると、悩んでいる視聴者には距離を感じられることがある。

逆に、暗すぎる素材ばかりだと、動画全体の希望感が弱くなる。

マインド系では、共感と前向きさのバランスを見る。

10. 共通ルール

どのジャンルでも、以下は共通で意識する。

  • 動画全体の世界観に合っているか
  • 他の素材とテイストがそろっているか
  • 視聴者層に合っているか
  • 内容の信頼感を下げないか
  • 素材を入れることで理解が早くなるか
  • なんとなく入れた素材になっていないか
  • 素材が主役を奪っていないか
  • スマホで見ても見やすいか
  • 画質や色味が動画全体から浮いていないか

11. ジャンル別素材選定の最終チェック

素材を選ぶときは、以下を確認する。

このファイルの一文まとめ

素材は、単体で良いかではなく、
動画ジャンル・視聴者層・チャンネル全体のトンマナに合っているかで選ぶ。

このファイルの目的

このファイルは、第6章「イラストと画像素材のルール」を実務で使いやすくするための別紙である。

実際の編集現場では、素材選定に迷う場面が多い。

そのときに、
「どんな選び方がNGで、どんな選び方がOKか」を判断しやすくするためのサンプル集として使う。

ここで大事なのは、
単に見た目の好みで判断するのではなく、
視聴者にとってわかりやすいか、動画全体の質を上げるかで判断すること。

1. SNS運用の解説動画

NG例

  • 内容と関係の薄い人物画像をなんとなく置く
  • スマホの話なのに、関係ないパソコン素材を置く
  • ポップなイラストと硬いビジネスイラストが混在する
  • 実際の投稿画面を見せた方が早いのに、抽象的なイラストだけで済ませる

OK例

  • 実際の投稿画面のスクショを見せる
  • スマホ操作のイメージが伝わるイラストを使う
  • SNSらしい色味・現代的な素材に寄せる
  • 投稿例、数値画面、運用画面など、具体例が見える素材を優先する

判断ポイント

  • 実例を見せた方が早いか
  • SNSらしい世界観になっているか
  • 情報の具体性が出ているか

2. ビジネス・経営系の動画

NG例

  • 子ども向けのようなポップすぎるイラストを使う
  • 感情表現が大きすぎるキャラクターを多用する
  • 明るすぎる色味で軽く見せてしまう
  • 派手な装飾素材を多用する

OK例

  • 落ち着いた色味のイラストを使う
  • 実例・事例・資料感のあるスクショを使う
  • 説明に必要な最低限の補助素材に絞る
  • 余白を活かして整理された画面にする

判断ポイント

  • 内容の信頼感を下げていないか
  • 落ち着いた雰囲気を保てているか
  • 装飾より説明が前に出ているか

3. 金融・法律・専門知識系の動画

NG例

  • かわいすぎるイラストで説明する
  • 情報が重い内容なのに軽い素材を使う
  • 視覚的には楽しいが、誠実さが弱い素材を使う
  • 説明よりもデザインが目立ってしまう

OK例

  • シンプルでかためのイラストを使う
  • 実際の画面・書類・制度図などを使う
  • 読みやすさと整理を優先する
  • 補助素材は少なめにして、内容を主役にする

判断ポイント

  • 誠実さが伝わるか
  • 見た目が軽くなりすぎていないか
  • 具体性と信頼感があるか

4. 失敗談・悩み系の動画

NG例

  • 明るすぎるテンションの素材を使う
  • コミカルすぎるキャラクターで空気を壊す
  • 悩みを話しているのに、笑顔の人物素材を多用する
  • 感情とズレた素材を置く

OK例

  • 悩み・迷い・不安が伝わる人物イラストを使う
  • 話の温度感に合った落ち着いた素材を使う
  • 必要に応じて実体験の補助になる実写画像を使う
  • 素材の主張を強くしすぎず、話の感情を補助する

判断ポイント

  • 話している感情と素材の感情が一致しているか
  • 共感を助ける素材になっているか
  • 素材が空気を壊していないか

5. 実績・事例紹介の動画

NG例

  • 抽象的なイラストばかりで具体例が見えない
  • 数字や成果を話しているのに証拠画面がない
  • それっぽい成功イメージ画像だけで済ませる
  • 実例より雰囲気重視の素材を優先する

OK例

  • 実際の数値画面を見せる
  • Before / After を並べて見せる
  • 実際の投稿、資料、成果物を見せる
  • 必要に応じて注目箇所を拡大・強調する

判断ポイント

  • 実績の証拠が見えるか
  • 抽象論で終わっていないか
  • 視聴者が「本当にそうなのか」を確認できるか

6. スクショ素材のNG / OK

NG例

  • 画面全体をそのまま貼る
  • 文字が細かすぎて読めない
  • 不要な情報まで見えている
  • どこを見ればいいかわからない
  • 個人情報が見えている

OK例

  • 見せたい部分だけトリミングする
  • 重要部分を拡大する
  • 不要な部分を隠す
  • 矢印や枠で注目箇所を示す
  • スマホで読めるサイズに調整する

判断ポイント

  • 一瞬で見る場所がわかるか
  • スマホでも読めるか
  • 情報を削って見やすくできているか

7. イラスト素材のNG / OK

NG例

  • テイストが毎回変わる
  • 線の太さや立体感がバラバラ
  • 同じ画面内で世界観が混ざる
  • 表情やポーズが内容とズレている
  • 既視感が強く、動画の独自性を弱める

OK例

  • 同じシリーズ、近いテイストでそろえる
  • 色味や質感を統一する
  • 話の内容に合う感情表現を選ぶ
  • 動画のジャンルに合わせた雰囲気に寄せる
  • 役割が明確なイラストだけを使う

判断ポイント

  • テイストがそろっているか
  • 動画全体のトンマナに合っているか
  • なんとなく入れた素材になっていないか

8. 実写画像のNG / OK

NG例

  • 背景がごちゃごちゃしている
  • 表情が内容と合っていない
  • 海外感が強すぎて動画とズレる
  • 画質が悪い
  • 素材感が強く、リアリティよりテンプレート感が出る

OK例

  • 背景が整理されている
  • 表情が内容に合っている
  • 実際の状況や空気感を補える
  • 信頼感を高める
  • 画面内で主役が明確である

判断ポイント

  • リアル感が必要な場面か
  • 情報量が多すぎないか
  • 動画の雰囲気に合っているか

9. 素材を入れない方がよいケース

NG例

  • 画面が寂しいからとりあえず入れる
  • 何を伝えたいか決まっていないのに入れる
  • テロップだけで十分伝わるのに足す
  • 図解の方が向いているのにイラストを足す
  • 逆に見づらくなるのに残す

OK例

  • 素材を入れないことで主役を明確にする
  • テロップや図解だけで整理する
  • 情報を減らして見やすさを優先する
  • 必要な場面だけ素材を使う

判断ポイント

  • 素材がなくても伝わるか
  • 足すより引いた方が見やすくないか
  • 本当に理解が早くなるか

10. 素材選定で迷ったときの最終基準

迷ったときは、以下で判断する。

  • その素材は、視聴者の理解を早くするか
  • その素材は、動画の世界観を壊していないか
  • その素材は、主役を明確にしているか
  • その素材は、内容の信頼感を下げていないか
  • その素材は、なくても成立するものではないか

これらに明確に答えられないなら、使わない方がよい。

このファイルの一文まとめ

素材選定では、見た目の好みではなく、
理解のしやすさ・信頼感・トンマナの整合性でNG / OKを判断する。

第7章の目的

第7章では、エフェクトや画面変化をどのような意図で使い、どの程度入れるべきかを言語化する。

エフェクトや画面変化は、派手さを出すために入れるものではない。

目的は、視聴者が飽きずに見続けられる状態を作りながら、同時に内容をより理解しやすくすること。

そのため、エフェクトや画面変化を入れるときは必ず、

を考える。

エフェクトは演出ではなく、理解補助と視聴維持のための設計である。

この章の結論

エフェクトや画面変化は、理解を助けるか、視聴維持に必要な変化を作るときだけ使う。

有効な場面は以下。

一方で、以下のようなエフェクトはマイナスポイントになる。

重要なのは、動かすことではなく、必要なところだけ自然に動かすことである。

1. エフェクトの最優先は、違和感を出さないこと

エフェクトや画面変化では、派手さよりも先に、違和感を出さないことを優先する。

動画編集では、エフェクトを入れたことで画面が良くなる場合もあるが、逆にエフェクトが原因でマイナスポイントになることもある。

たとえば、以下のような状態は避ける。

視聴者は細かい設定値までは見ていない。

しかし、

という違和感は受け取る。

この小さな違和感が、動画全体の品質を下げる。

エフェクトは、視聴者に気づかれすぎないくらい自然に入るのが理想である。

2. 動きの滑らかさを確認する

エフェクトを入れたら、必ず動きが滑らかに見えるかを確認する。

特に注意すべきなのは、以下のような動き。

これらの動きは、少しでもカクつくと違和感が出やすい。

そのため、エフェクトを入れた後は、以下を確認する。

エフェクトは、設定を入れて終わりではない。

再生して見たときに、自然に見えるかで判断する。

3. イーズイン・イーズアウトで自然な動きにする

エフェクトや画面変化では、動きの速さだけでなく、動き始めと動き終わりの自然さも重要である。

編集ソフト上では、素材やテロップを一定速度で動かすことができる。

しかし、一定速度のまま画面外から画面内に入ってきたり、一定速度のままピタッと止まったりすると、機械的で硬い動きに見えやすい。

現実の動きには、基本的に以下のような速度変化がある。

たとえば、ボールを上から落とす場合、現実では最初から最後まで同じ速度で落ちるわけではない。

落ち始めはゆっくりで、途中からスピードが増していく。

逆に、何かが止まるときも、急にピタッと止まるより、少し減速して止まる方が自然に見える。

このように、現実の動きに近い速度変化をつけることで、エフェクトは自然に見えやすくなる。

4. 一定速度の動きは不自然に見えやすい

一定速度の動きは、編集上は簡単に作れるが、視聴者には硬く見えることがある。

たとえば、以下のような動きは違和感が出やすい。

視聴者は「イーズイン・イーズアウトが入っていない」とは思わない。

しかし、

という違和感は受け取る。

自然な動きは、編集者が違和感を消すことで作る。

5. イーズイン・イーズアウトの考え方

イーズイン・イーズアウトとは、簡単に言うと、動き始めや動き終わりに速度変化をつけることである。

イーズイン

動き始めがゆっくりで、徐々に速くなる動き。

使いやすい場面は以下。

イーズアウト

動き終わりに向かって、徐々にゆっくりになる動き。

使いやすい場面は以下。

イーズイン・アウト

動き始めはゆっくり、途中で速くなり、終わりに向かってゆっくり止まる動き。

使いやすい場面は以下。

基本的には、画面内で物体を動かすときは、一定速度よりもイーズをかけた方が自然に見えやすい。

6. エフェクトは物理的に自然かを見る

エフェクトの動きは、現実の物理に近いほど自然に見えやすい。

たとえば、以下のように考える。

すべての素材を同じ速度、同じ動きで出すと、画面が機械的に見える。

重要なのは、その素材が本当にその動きをしそうかを考えること。

たとえば、重要な結論テロップを軽く跳ねさせすぎると、内容が軽く見える。

逆に、軽い補足イラストを重々しく出すと、テンポが悪くなる。

動きは、素材の意味や重さに合わせる。

7. イーズの使いすぎにも注意する

イーズイン・イーズアウトは重要だが、すべてを大きく滑らかにすればよいわけではない。

動きが滑らかすぎたり、余韻が長すぎたりすると、テンポが悪くなることがある。

特に注意するのは以下。

イーズは、自然さを出すためのもの。

動きを主役にするためのものではない。

自然で、邪魔にならず、内容に合っていることが重要である。

8. モーションブラーで動きに疾走感を出す

素材やテロップを素早く動かす場合は、必要に応じてモーションブラーを加える。

モーションブラーとは、動いている物体に残像のようなブレを加えることで、動きの速さや疾走感を自然に見せるための表現である。

特に、以下のような場面では有効。

動きが速いのにモーションブラーがないと、素材がカクついて見えたり、パラパラと飛んで見えたりすることがある。

その結果、視聴者は内容ではなく、

という違和感を受け取ってしまう。

そのため、速い動きにはモーションブラーを加え、動きの疾走感と自然さを補う。

9. ブラーの強さを調整する

編集ソフトによっては、モーションブラーの強さを数値で調整できる機能がある。

たとえばPremiereでは、シャッター角度という数値でブラーの強さを調整する。

ブラーの強さを上げるほど、動きに残像感が出やすくなり、スピード感や疾走感を表現しやすくなる。

特に、画面外からテロップや素材を素早く入れる場合、ブラーを少し強めに設定することで、動きがより滑らかに見えやすくなる。

ただし、数値を上げれば必ず良くなるわけではない。

ブラーが強すぎると、以下のようなマイナスポイントになる。

重要なのは、ブラーの数値そのものではなく、再生したときに自然な疾走感として見えるかである。

10. モーションブラーを使うときの判断基準

モーションブラーを使うときは、以下を確認する。

モーションブラーは、派手にするためではなく、速い動きを違和感なく見せるために使う。

11. スピード感とフレームレートの注意

エフェクトでは、スピード感を出すために動きを速くすることがある。

たとえば、以下のような場面である。

ただし、動きを速くすれば必ずスピード感が出るわけではない。

フレームレートや動きの距離、表示時間によっては、速く動かしたつもりでもカクついて見えたり、動きが飛んで見えたりすることがある。

特に、画面外から画面内に素材が入ってくる動きでは注意が必要。

移動距離が長いのに表示時間が短すぎると、動きが滑らかに見えず、急に飛び込んできたように見える。

逆に、表示時間が長すぎると、もっさりしてテンポが悪くなる。

重要なのは、設定上の数値ではなく、視聴者が見たときの体感で判断すること。

12. エフェクトと画面変化の役割

エフェクトと画面変化には、大きく分けて以下の役割がある。

12-1. 理解を助ける

12-2. 視聴維持を助ける

12-3. 感情やニュアンスを補う

ただし、感情を補うために使う場合でも、内容の理解を邪魔するほど強くしない。

13. エフェクトを入れる前の基本判断

エフェクトを入れる前に、まず以下を考える。

エフェクトは、

という使い方をしない。

意味が説明できないエフェクトは、基本的に入れない。

14. 画面変化が必要な場面

画面変化が必要なのは、主に以下のような場面。

場面 画面変化の役割
同じ構図が続いて単調になる 視聴維持のために変化をつける
話のテーマが切り替わる 切り替わりを明確にする
結論や重要ポイントに入る 注目を集める
図解や画像を見せ始める 視線を誘導する
比較・変化を見せる 情報の差をわかりやすくする
画面の主役が変わる 今どこを見るべきかを示す
感情の強弱を出したい 空気感を補強する

画面変化が必要なのは、意味の切り替わりがある場面である。

逆に、意味の切り替わりがないのに動かすと、ただ落ち着きのない画面になる。

15. 画面変化を入れない方がよい場面

以下のような場面では、無理に画面変化を入れない。

動きがないこと自体は悪くない。

問題なのは、意味のない静止や、意味のない動きである。

16. 基本となる画面変化の考え方

画面変化は、大きな演出ではなく、小さな変化の積み重ねで考える。

たとえば、以下のような変化でも十分である。

重要なのは、大きく派手に変えることではなく、視聴者に飽きを感じさせないこと。

自然な変化を積み重ねることで、視聴維持を支える。

17. ズーム・寄り引きのルール

ズームや寄り引きは、使いやすい画面変化の1つである。

ズームが有効な場面

引きが有効な場面

注意点

ズームは、目立たせたいから使うのであって、毎回動かすために使うものではない。

18. テロップや図解の表示アニメーションのルール

テロップや図解の出し方も、画面変化の一部である。

表示アニメーションの目的は、以下である。

有効な使い方

注意点

表示アニメーションは、派手さではなく、情報の順番を整えるために使う。

19. 画像・イラスト・スクショの出し方のルール

第6章で扱った素材も、出し方によって見やすさが大きく変わる。

たとえば、以下のように考える。

重要なのは、素材を出すこと自体ではなく、素材の何を見せたいかが伝わることである。

20. 画面外から入る動きの注意点

テロップや画像を画面外から入れる動きは、使いやすい反面、違和感も出やすい。

特に注意するのは以下。

画面外から素材を入れる場合、「出てきたことに気づかせる」ことは大事だが、動きが強すぎると、素材そのものより動きが目立ってしまう。

また、テロップの場合は、入ってくる動きに時間を使いすぎると、読める時間が短くなる。

そのため、テロップを動かして出す場合は、以下を意識する。

テロップは動かすことより、読めることを優先する。

21. 画面切り替えのルール

場面転換では、画面切り替えを使うことがある。

ただし、切り替え効果は強すぎると古く見えたり、安っぽく見えたりしやすい。

基本は、以下を優先する。

派手なトランジションは、毎回使わない。

画面切り替えが有効な場面

注意点

22. ブラー・光・装飾系エフェクトのルール

ブラーや光の演出、装飾系のエフェクトは、限定的に使う。

これらは使い方を間違えると、やりすぎ感や古さが出やすい。

使う目的

注意点

装飾系エフェクトは、必要だから使うのであって、かっこよく見せたいだけで多用しない。

23. 強調のルール

エフェクトは、強調のためによく使われる。

ただし、強調は「全部強くすること」ではない。

何かを強調するためには、他の部分を通常状態にしておく必要がある。

強調すべきもの

強調の方法

注意点

強調とは、視聴者に「ここを見てほしい」と伝えることである。

24. 効果音と画面変化の同期ルール

画面変化と効果音は、できるだけ同期させる。

以下のようなタイミングに音を合わせることで、変化が認識されやすくなる。

ただし、音を入れればよいわけではない。

以下は避ける。

重要なのは、画面の変化を自然に気づかせるために音を使うことである。

25. 画面変化の頻度の考え方

画面変化は、少なすぎても多すぎてもよくない。

少なすぎる場合

多すぎる場合

理想は、視聴者が「変化した」と意識しすぎない程度に、自然に変化を入れることである。

目安としては、以下の考え方が基本になる。

26. 画面内の主役を動きでも明確にする

第5章と第6章でも「主役を決める」という考え方があったが、第7章ではそれを動きの設計にも適用する。

たとえば、以下のように考える。

主役によって、動かすべき対象が変わる。

全要素を同時に動かすと、主役がわからなくなる。

そのため、以下を意識する。

動きは、主役を明確にするために使う。

27. チャンネルやジャンルごとにエフェクトの強さを調整する

エフェクトの強さは、動画ジャンルによって変える。

動画ジャンル エフェクトの方向性
初心者向け・教育系 わかりやすさ重視。やさしく自然な動き
SNS運用・マーケ系 少しテンポよく、現代的な画面変化
ビジネス・経営系 落ち着き重視。過剰に動かさない
金融・法律・専門知識系 信頼感重視。静かで整理された動き
AI・テクノロジー系 近未来感はありつつ、読みにくくしない
失敗談・悩み系 感情を邪魔しない自然な変化
エンタメ寄り 少し強めの演出もありだが、情報整理は崩さない

すべての動画に同じ動きを入れるのではなく、そのジャンルのトンマナに合う強さと速さを選ぶ。

28. 避けたいエフェクト・画面変化

避けたいのは、以下のようなもの。

避けたい表現 理由
毎回同じ強いズーム くどく見える
意味のない画面揺れ 見づらくなる
強すぎるトランジション 内容より演出が目立つ
長すぎるアニメーション テンポが悪くなる
全要素が同時に動く画面 主役がわからなくなる
光りすぎる装飾 読みにくくなる
小さい変化に毎回大きな効果音 うるさく感じる
とにかく動かし続ける画面 疲れる
感情と合わない演出 違和感が出る
内容に対して軽すぎる演出 信頼感を下げる
カクついた動き 品質が低く見える
急停止する動き 不自然に見える
ブラーが強すぎる動き 読みにくさにつながる

エフェクトは、入れすぎるほど良くなるものではない。

やりすぎは、見やすさを壊す。

29. イーズ確認チェックリスト

エフェクトを入れた後は、以下を確認する。

30. モーションブラー確認チェックリスト

モーションブラーを使った後は、以下を確認する。

31. エフェクトと画面変化の判断基準まとめ

エフェクトや画面変化を入れる前に、編集者は以下を確認する。

この章の一文まとめ

エフェクトや画面変化は、派手さのためではなく、理解を助け、視聴維持を支え、主役を明確にするために使う。
まず違和感を排除し、イーズで自然な動きを作り、速い動きには必要に応じてモーションブラーで疾走感を足す。
必要なところだけ、必要な強さで入れる。

第8章の目的

第8章では、動画を公開・投稿する前に、全体のマイナスポイントを最終確認するためのチェック項目を整理する。

この章は、クライアントへの納品前チェックではなく、
自分で発信する動画を、AIや編集ソフトを使って制作した後に、人間の目で最終確認するためのチェックリストである。

重要なのは、完璧な動画を作ることではない。

視聴者が見たときに、

と感じるマイナスポイントを、公開前にできるだけ潰すことである。

最終チェックは、動画の完成度を上げる作業ではなく、視聴者の離脱ポイントを減らす作業である。

この章の結論

最終チェックでは、細かい装飾を足すことよりも、
視聴者にとっての違和感・不快感・理解しづらさを取り除くことを優先する。

確認すべき軸は以下。

AIや編集ソフトを使えば、編集作業そのものは効率化できる。

しかし、最終的にその動画が見やすいかどうかは、
人間の目と耳で判断する必要がある。

1. 最終チェックの基本姿勢

最終チェックでは、作り手目線ではなく、視聴者目線で見る。

特に、自分で作った動画は内容を理解しているため、
多少わかりにくくても「伝わるはず」と思いやすい。

しかし、初めて見る視聴者は、

そのため、作り手が思っているよりも、視聴者は細かく理解してくれない。

最終チェックでは、
初見の人が、考えなくても理解できるかを確認する。

2. チェックは一度で全部見ない

最終チェックで、すべてを一度に確認しようとすると見落としが増える。

そのため、チェックは目的別に分ける。

おすすめの順番は以下。

  1. 全体の流れチェック
  2. カットと間のチェック
  3. 音のチェック
  4. テロップのチェック
  5. 図解・構成表現のチェック
  6. 画像・イラスト素材のチェック
  7. エフェクト・画面変化のチェック
  8. スマホ視聴チェック
  9. 公開前情報チェック

1回で完璧に見ようとしない。

見る観点を分けることで、マイナスポイントを見つけやすくする。

3. 全体の流れチェック

まずは細かい修正をせず、動画全体を通して見る。

ここでは、以下を確認する。

全体チェックでは、細かいデザインよりも、
動画として最後まで自然に見られるかを確認する。

4. カットと間のチェック

カットと間は、動画の見やすさに大きく影響する。

確認する項目は以下。

カットは詰めればよいものではない。

不要な間は削り、必要な間は残す。

5. 音のチェック

音は、動画の中でも特にマイナスポイントになりやすい。

視聴者は、映像の粗さよりも、音の聞きづらさにストレスを感じやすい。

確認する項目は以下。

音のチェックでは、
声が最優先である。

BGMや効果音は、声を邪魔しない範囲で使う。

6. テロップのチェック

テロップは、視聴者の理解を助けるために入れる。

確認する項目は以下。

テロップは、情報を増やすためではなく、
音声の理解を補助するために使う。

7. 図解・構成表現のチェック

図解は、視聴者が頭の中で整理しなくても理解できるようにするために使う。

確認する項目は以下。

図解は、見た目を豪華にするためではない。

視聴者の理解コストを下げるために使う。

8. 画像・イラスト素材のチェック

画像やイラスト素材は、内容理解を補助するために使う。

確認する項目は以下。

素材は、単体で綺麗かどうかではなく、
動画全体の世界観と内容に合っているかで判断する。

9. エフェクト・画面変化のチェック

エフェクトや画面変化は、理解補助と視聴維持のために使う。

確認する項目は以下。

エフェクトでは、派手さよりも、
違和感を出さないことを優先する。

10. AI編集後の人間チェック

AIや自動化を使って編集した場合でも、最終判断は人間が行う。

AI編集では、作業が速くなる一方で、以下のようなズレが起きることがある。

AIは作業を補助できるが、
視聴者にとって見やすいかどうかの最終判断は、編集者が行う。

確認する項目は以下。

11. スマホ視聴チェック

YouTube動画は、スマホで見られることが多い。

そのため、最後にスマホ視聴で確認する。

確認する項目は以下。

PCで見やすくても、スマホでは見づらいことがある。

最終判断は、できるだけ実際の視聴環境に近い状態で行う。

12. 公開前情報チェック

動画本編だけでなく、公開前の情報も確認する。

確認する項目は以下。

自分で発信する動画では、
動画本編だけでなく、公開後に視聴者がどう受け取るかまで確認する。

13. 修正優先度の考え方

最終チェックでは、気になる部分をすべて直そうとすると、公開が止まりやすい。

そのため、修正項目には優先度をつける。

必ず直すもの

できれば直すもの

余裕があれば直すもの

公開前チェックでは、
致命的なマイナスポイントから優先して潰す。

すべてを完璧にしようとして公開が止まるなら、
視聴者にとって大きな問題になる箇所から直す。

14. 最終チェックリスト

公開前に、以下を確認する。

この章の一文まとめ

最終チェックは、動画を完璧にするためではなく、
公開前に視聴者の離脱ポイントを減らすために行う。
AIや編集ソフトで作った後こそ、人間の目と耳で、違和感・読みにくさ・聞きづらさ・伝わりづらさを確認する。