← 記事一覧へ もどる
テロップ
Aa

読みやすいテロップデザインの基本
脱・素人感の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動画で書式を揃える。バラつきが一番安っぽい
スポンサーリンク
広告スペース(記事内・レスポンシブ)

縁取り(ストローク)を綺麗に作る

テロップの“プロっぽさ”は縁取りで決まると言っても過言ではありません。定番は二重の縁取りです。

  1. 白い縁取りを内側に 文字のすぐ外に白フチ。文字と背景の間にワンクッション作ります。
  2. 黒い縁取りを外側に細く 白フチの外にさらに黒フチ。表示は3px程度と細めにすると上品。太いと重くなります。
  3. アピアランスで順番を整える Premiereのエッセンシャルグラフィックスで、境界線を複数追加し重ね順を調整します。

表示時間とテンポ

長いテロップを一瞬で消すと、視聴者は読めずストレスになります。目安は4文字で約1秒。 長い文章は意味の切れ目で分割し、テンポよく差し替えると、読みやすさとリズムが両立します。ナレーションがある場合は、声とテロップの表示を合わせると自然です。

テンプレート化で毎回の作業を減らす

書式が決まったら、モーショングラフィックステンプレート(.mogrt)にして使い回しましょう。 毎回ゼロから作らずに済み、動画全体でデザインが統一されます。作り方は.mogrt自作の記事で詳しく解説しています。

つまずきポイント ・明るい背景で白文字が消える → 半透明の帯(ローワーサード)を敷く。
・にぎやかにしたら幼く見える → 色とフォント数を減らす。引き算が上品。
・読み切れない → 表示時間を伸ばす/文を分割。
・カットごとに書式が違う → テンプレ化して統一。

よくある質問

おすすめのフォントは?

太めのゴシック体が無難です。商用利用の可否は必ず確認を。まずは可読性の高い定番ゴシックを1つ決め、強調用にもう1書体、の2本立てが扱いやすいです。

色は何色まで使っていい?

基本色+強調色の2〜3色に抑えると締まります。強調色は「ここぞ」の1色だけに決めると、逆に目立ちます。

テロップ作業に時間がかかりすぎる。

テンプレ化とショートカットで大幅に短縮できます。.mogrtの記事効率化の記事をあわせてどうぞ。

まとめ

読みやすいテロップは「太ゴシック・二重の細い縁取り・下1/3・色は絞る・4文字1秒・テンプレで統一」。 センスではなくルールです。この10原則を守るだけで、動画は一段“ちゃんとして”見えます。まずは縁取りと配置から直してみてください。

スポンサーリンク
広告スペース(記事末・レスポンシブ)

この記事は日本語・英語の情報をもとに検証・再構成したものです。フォントの利用可否は各自ご確認ください。