はじめに:「一生懸命編集したのに、なんかダサいにゃ…」
「ねえひろぼー!テロップを入れたり色をつけたり、一生懸命時間をかけて動画を編集したんだけど…。完成したものを見ると『なんかダサい…素人っぽい…』ってなっちゃうの。
これって私にデザインのセンスがないからなのかな?」猫娘、落ち込まなくて大丈夫だよ!実は、プロとアマチュアの違いは「センス」じゃなくて「デザインの基礎ルール」を知っているかどうかだけなんだ。
「えっ!? ルールを知るだけでプロっぽくなるにゃの?」その通り!フォントの選び方を間違えないことや、画面の中の色の数を絞るだけで、誰でも劇的に動画が垢抜けるんだよ。
今日は、今日からすぐに使えて、あなたの動画が一気にプロ顔負けになる「テロップと配色の基本ルール」を完全ガイドするね!
1. 動画の印象は「フォント(書体)」で9割決まる



「ゴシック体」と「明朝体」の使い分け
- ゴシック体(太め):
【印象】元気、親しみやすい、力強い
【用途】YouTubeのテロップ、解説系、エンタメ系
※迷ったら「ゴシック体」一択で間違いありません。 - 明朝体(細め・ハネあり):
【印象】高級感、和風、真面目、エモーショナル
【用途】Vlog、美容系、シネマティック動画
※細すぎるとスマホで読めなくなるため、太めの明朝体を選びましょう。
まずは、自分の動画のジャンルに合わせて、「メインで使うフォントを1種類に決める」ことから始めましょう。
脱・デフォルト!フリーフォントを導入しよう
- Noto Sans JP: Googleが提供する超万能ゴシック体。美しくて読みやすい。
- けいふぉんと!: ポップで楽しい雰囲気が出るため、エンタメ系に最適。
- ラノベPOP: 少し遊び心のある、楽しげなデザイン。
「Adobe Fonts」が使える環境なら、そこから探して同期するのが最も安全で早いです。
プロの隠し味「カーニング(文字詰め)」
特に「、」や「。」といった句読点、「っ」や「ャ」などの小さい文字の周りは隙間が空きやすくなります。Premiere Proのエッセンシャルグラフィックスパネルなどで「カーニング」の数値を少しマイナスにするだけで、文字に「塊感(まとまり)」が生まれてギュッと引き締まります。このひと手間がプロの仕上がりを作ります。
2. 「3色ルール」で配色の迷子を卒業する



ベース・メイン・アクセントの黄金比
- 1. ベースカラー(70%): 背景や文字のベース色。白や黒、薄いグレーなど、映像を邪魔しない色。
- 2. メインカラー(25%): チャンネルのイメージカラー。テロップの枠や強調したい部分に使う色。
- 3. アクセントカラー(5%): 「ここだけは絶対に見せたい!」という重要なキーワードだけに使う色(赤や黄色など)。
この比率を守るだけで、画面全体に統一感が生まれ、一気にプロの動画へと垢抜けます。
「原色」はそのまま使わない
- 赤: 少し彩度を落とした「深紅」や、明るい「朱色」にする
- 青: 「ネイビー」や「空色」に寄せる
- 黄: 蛍光色を避け、少しオレンジ寄りの黄色にする
このように、ほんの少し色味をずらして「パステルカラー」や「ビビッドカラー」などトーンを揃えるだけで、デザインが一気に洗練されます。
文字の視認性を高める「袋文字(縁取り)」
- 二重縁取り: 文字(白)+縁(黒)+外縁(白)などで、どんな背景でも読めるようにする。
- 座布団: 文字の後ろに長方形の背景(透過した黒など)を敷く。
影(ドロップシャドウ)をつける際、ボヤッと広げすぎると古臭いデザインになるので注意が必要です。影のぼかしを「0」にしてクッキリと落とすと、今っぽいポップな仕上がりになります。
-

【合わせて読みたい!目立つ!インパクト!動画のサムネに使う文字のオススメ配色方法】
はじめに:「文字の色を変えても、背景と同化して全然読めないにゃ…!」 「ねぇひろぼー……。YouTubeのサムネイルを作ってみたんだけど、背景の写真に文字が埋もれちゃって、全然読めないのにゃ。 赤色に ...
続きを見る
3. 「セーフマージン」でレイアウトを整える



安全地帯(セーフゾーン)を守る
- アクションセーフ(外側の枠): 重要な動きや被写体は、必ずこの枠より内側に収める。
- タイトルセーフ(内側の枠): テロップなどの文字情報は、必ずこの枠より内側に配置する。
この枠の内側にテロップを収めることを徹底するだけで、スマホで見てもテレビで見ても、文字が見切れる(切れる)ことのない安全な動画になります。
「三分割法」で配置を決める
この「線の交点」に被写体の顔や重要なアイテムを置き、「線の上」に水平線や建物の柱を合わせます。たったこれだけで構図がバシッと安定し、映画のようなまとまりが出ます。なんとなく真ん中に置くのをやめて、意図を持って配置しましょう。
「余白」は恐怖ではなく味方
画面に「余白」があるからこそ、視聴者の視線は「メインの被写体」や「テロップ」へと自然に誘導されます。余白を恐れず、あえて何もない空間を作ることが、スッキリとして見やすいプロの映像を作るコツです。
4. 動き(アニメーション)は「さりげなく」

「イージング」で動きに緩急をつける
Premiere Proなどでキーフレーム(動き)をつける際は、必ず「イーズイン(ゆっくり止まる)」や「イーズアウト(ゆっくり動き出す)」を設定しましょう。動きに緩急(イージング)をつけるだけで、プロが作ったような滑らかでリッチなアニメーションになります。
テロップ出現時の「0.5秒の演出」
- フェードイン: 不透明度を0%→100%にする(優しく上品な印象)
- スライドイン: 下からスッと上がってくる(スタイリッシュ)
- ポップアップ: ボンッと少し跳ねて現れる(元気でポップな印象)
ただし、演出の時間が長すぎると動画のテンポが悪くなるため、0.3秒〜0.5秒程度の短い時間でサッと動かすのが鉄則です。
トランジションは「カット」が基本
場面が大きく変わる時や、時間の経過を表したい時だけ「クロスディゾルブ(じわっと変わる)」を使うなど、無意味なエフェクトを「削る勇気」を持つことが大切です。
5. 最後に必ず「スマホ」でチェックする

文字サイズと明るさの最終確認
動画の書き出しが終わったら、必ず自分のスマホにデータを送り、「画面の明るさを下げた状態」や「音量を小さくした状態」でもしっかり内容が伝わるかをテストしましょう。
サムネイルとの統一感を持たせる
動画内で使ったフォントやメインカラーを、サムネイルでも同じように使うことで、「動画とサムネの世界観」が統一され、チャンネル全体のブランディング(視聴者の記憶に残る印象付け)に繋がります。
-

【合わせて読みたい!YouTube再生回数激増!サムネ&イントロ編集の黄金ルール】
はじめに:「一生懸命動画を作ってるのに、全然再生されないにゃ…」 「ねえひろぼー!一生懸命動画を作ってYouTubeにアップしてるのに、全然再生回数が伸びないの…。なんで誰も見てくれないにゃ!?」 猫 ...
続きを見る
まとめ:デザインは「センス」ではなく「ルール」で作る!

今回は、動画の「素人っぽさ」を完全に消し去るための、テロップと配色のデザインルールについて完全ガイドしました。
- フォントの統一| 初期フォントをやめ、見やすいゴシック体のフリーフォントを導入する。
- 3色ルールと原色回避| 使う色は3色に絞り、目に刺さる「原色」は避けてトーンを合わせる。
- セーフマージンと余白| 文字は安全な内側に配置し、あえて「余白」を作って高級感を出す。
「自分にはデザインのセンスがないから…」と諦める必要はありません。動画編集におけるデザインとは、芸術的なセンスではなく、「視聴者にとって見やすいルールを守ること」に尽きます。
最初から全てを完璧にするのは大変なので、まずは「動画全体で使うフォントを1つに決める」ことから始めてみてください。文字が読みやすくなるだけで、視聴者はストレスなくあなたの動画を長く楽しんでくれるはずですよ!
今日も最後まで読んでくれてありがとうございました!


