読みやすいテロップデザインの基本
脱・素人感の10原則
同じ内容でも、テロップの見た目で動画の印象は激変します。“素人っぽさ”の原因はセンスではなく、いくつかの原則を外しているだけ。 フォント・縁取り・配置・表示時間——パッと読めてプロっぽく見せる10の原則を、日本の実務tipsをもとにまとめました。
まず:可読性と視認性を分けて考える
テロップには2つの役割があります。ここを混同すると全部が中途半端になります。
- 可読性(読みやすさ):通常の字幕・説明。長く出るので疲れず読めることが最優先。
- 視認性(目を引く強さ):冒頭・オチ・強調。一瞬で印象に残すのが役割。
通常テロップは可読性、要所だけ視認性——と役割で使い分けるのが基本です。全部を目立たせようとすると、逆に何も伝わりません。
脱・素人感の10原則
| # | 原則 | ポイント |
|---|---|---|
| 1 | 太めのゴシック体を使う | 細い明朝は動画で読みにくい。太ゴシックが基本 |
| 2 | フォントは絞る | 1動画に1〜2種類まで。混ぜるほど散らかる |
| 3 | 縁取りは細く二重に | 白フチの外に細い黒フチ。背景から浮かせて読ませる |
| 4 | 影は控えめに | 強い影は野暮ったい。薄く落とす程度で十分 |
| 5 | 下1/3に置く(ローワーサード) | 顔や重要な被写体に被せない |
| 6 | 色は2〜3色まで | 強調色を1つ決める。使いすぎると幼い印象に |
| 7 | 背景との相性を見る | 明るい背景に白文字は消える。帯や縁取りで対処 |
| 8 | 余白を取る | 画面端ギリギリに置かない。窮屈さは素人感の元 |
| 9 | 表示時間は“読める長さ” | 目安は4文字=約1秒。長文は分割 |
| 10 | テンプレ化して統一 | 1動画で書式を揃える。バラつきが一番安っぽい |
縁取り(ストローク)を綺麗に作る
テロップの“プロっぽさ”は縁取りで決まると言っても過言ではありません。定番は二重の縁取りです。
- 白い縁取りを内側に 文字のすぐ外に白フチ。文字と背景の間にワンクッション作ります。
- 黒い縁取りを外側に細く 白フチの外にさらに黒フチ。表示は3px程度と細めにすると上品。太いと重くなります。
- アピアランスで順番を整える Premiereのエッセンシャルグラフィックスで、境界線を複数追加し重ね順を調整します。
表示時間とテンポ
長いテロップを一瞬で消すと、視聴者は読めずストレスになります。目安は4文字で約1秒。 長い文章は意味の切れ目で分割し、テンポよく差し替えると、読みやすさとリズムが両立します。ナレーションがある場合は、声とテロップの表示を合わせると自然です。
テンプレート化で毎回の作業を減らす
書式が決まったら、モーショングラフィックステンプレート(.mogrt)にして使い回しましょう。 毎回ゼロから作らずに済み、動画全体でデザインが統一されます。作り方は.mogrt自作の記事で詳しく解説しています。
・にぎやかにしたら幼く見える → 色とフォント数を減らす。引き算が上品。
・読み切れない → 表示時間を伸ばす/文を分割。
・カットごとに書式が違う → テンプレ化して統一。
よくある質問
おすすめのフォントは?
太めのゴシック体が無難です。商用利用の可否は必ず確認を。まずは可読性の高い定番ゴシックを1つ決め、強調用にもう1書体、の2本立てが扱いやすいです。
色は何色まで使っていい?
基本色+強調色の2〜3色に抑えると締まります。強調色は「ここぞ」の1色だけに決めると、逆に目立ちます。
まとめ
読みやすいテロップは「太ゴシック・二重の細い縁取り・下1/3・色は絞る・4文字1秒・テンプレで統一」。 センスではなくルールです。この10原則を守るだけで、動画は一段“ちゃんとして”見えます。まずは縁取りと配置から直してみてください。
参考(日本語)
workjoy:Premiere Pro テロップデザインアイディア集 →BRISK:テキストテロップの入れ方とおすすめフォント →
テロップ大百科:テロップデザインのコツ10選 →
この記事は日本語・英語の情報をもとに検証・再構成したものです。フォントの利用可否は各自ご確認ください。