28 動画に最適なフォント・ペア
ビデオを作るときは、どんな小さなディテールも重要です。テキストは動画の中で重要な役割を果たし、それとともにテキストの色、サイズ、フォントも重要です。
あなたの動画にぴったりのフォントの組み合わせを見つけるのは大変な作業に思えるかもしれません。Wave.videoのデザイナーによる実用的なヒントとともに、次の傑作動画でフォントをどのように組み合わせられるか、28の素晴らしい例を集めました。これらのフォントはすべて無料で、Wave.videoエディタで利用できます。
ヒント1.視覚的階層を確立する
ビデオを見るとき、視聴者はあなたが伝えようとしているメッセージを明確に理解する必要があります。多くの場合、彼らの注意を引くには最初の数秒しかない。特にインスタグラムのストーリーズや動画広告ではそうだ。
メッセージの最も重要な部分を拡大することで、最も重要なことに視聴者の注意を向けさせましょう。ただし、強調する内容が多すぎないように注意しましょう。そうしないと、動画が乱雑になり、不必要な視覚的「ノイズ」が発生します。
数字、パーセント、日付のハイライトに最適。
フォント・ペア1:MerriweatherSans+ Abril Fatface
MerriweatherSansは低コントラストの半縮約書体で、どのサイズでも読みやすい。逆にAbril Fatfaceはページ上で強い存在感を放ち、その曲線で注目を集めるようにデザインされている。タイトルにも最適だ。
ビデオでの見え方
ヒント2.対照的なサイズのフォントを使う
動画の視覚的階層を確保するもう1つの方法は、対照的なサイズのフォントを使用することです。強調したいテキストは、他のメッセージよりもかなり大きなサイズにする必要があります。
例えば、このビデオでは、2つのフォントサイズの差は50ポイントです。これは、階層構造を確立し、フレーズの中で何がより重要であるかに注意を向けるのに役立ちます。
用途:ビデオ内のタイトル
フォント・ペア2:ラート・イタリック+モンセラット・ボールド
Latoは2010年の夏にポーランドのデザイナーŁukasz Dziedzicによって作られたサンセリフフォントファミリー。なめらかでバランスの取れたLatoは、本文で使用すると非常に「透明」な印象を与えるが、同時に大きなサイズやフォントで使用すると独創的な特徴を見せる。
MontserratはLatoと素晴らしいフォントのペアを提供する。コントラストをより鮮明にするには、Latoを斜体にし、Montserratを太字にしてみてください。
ビデオでの見え方
フォント・ペア3:Raleway + Oswald Bold
Ralewayはエレガントなサンセリフフォントファミリー。通常のテキストにも数字にも最適。一方、Oswaldは古典的なゴシック書体をベースにしている。両者を合わせると、動画上のテキストに最適なマッチングとなる。
ビデオでの見え方
フォント・ペア4:オズワルド・ライト+ライムライト
ライムライトは古典的なアールデコフォントからの引用。このスタイルは1920年代の時代背景や、映画や劇場関連の映像によく合います。
オズワルドの "軽い "バリエーションはライムライトとよく合う。
ビデオでの見え方
ヒント3.各フォントに明確な「役割」を割り当てる
ビデオでは、追加するすべてのディテールに目的が必要です。それぞれのフォントに特定の「役割」を割り当てることで、視聴者がビデオのメッセージを理解しやすくなります。例えば、ビデオの見出しには1つのフォントを使い、本文には別のフォントを使うことができます。
フォントによっては、私たちの頭の中にすでに明確な連想がある。例えば、しばしば筆記体のフォントは手書きを模倣するために使われる。あるいは、スタイリッシュなタイプライター・フォントは、昔ながらの装置で実際にタイプされた文字を模したものだ。
例えば、感動的な名言をシェアする場合、作者の名前にははっきりとした「手書き風」のフォントを使いましょう。そうすることで、動画に信憑性を与えることができます。
用途:視覚的な引用。
フォント・ペア5:PTサン+PTセリフ
このフォント・ペアでは、本文にPTSansを使い、著者名にはPTSerifを使っている。同じフォント・スーパーファミリーのバリエーションでも、いかに相性が良いかに注目してほしい。
フォントペア6:Roboto Slab Bold + OpenSans Italic
OpenSansはニュートラルでありながら親しみやすいデザインで、プレスとウェブの両方に最適化されている。このフォントをRoboto Slabと組み合わせるとスマートな印象に。
ビデオでの見え方
ヒント4.セリフフォントとサンセリフフォントを組み合わせる
タイポグラフィにおいて「サンセリフ」とは、ストロークの末尾に「セリフ」と呼ばれる伸びる特徴を持たないフォントや書体のことである。本文よりも見出しに使われることが多い。サンセリフフォントはウェブコピーにも広く普及している。その背景には単純な理由がある。解像度の低いスクリーンでは、小さなストロークが読みにくかったり、完全に消えてしまったりする可能性があるからだ。
サンセリフフォントの例としては、Lato、Verdana、Helvetica、Tahoma、Lucida Grandeなどがある(もちろん、他にもたくさんある)。
一方、セリフ体には小さなセリフがあり、ストロークの終わりにはエクステンションがある。セリフフォントの例をいくつか挙げよう:Times New Roman、Arno、Courier、Garamond。
フォントを組み合わせるときの基本的なルールのひとつは、サンセリフフォントとセリフフォントを組み合わせることだ。こうすることで、お互いのバランスが取れる。
フォント・ペア7:グラビタス・ワン+モンダ
Gravitas Oneは重厚な広告タイプとしてデザインされた。太い縦線と非常に細い横線のコントラストに注目してほしい。ミディアムからラージサイズで使用するのが最適。あらゆる種類の動画広告に最適。
フォントペア8:オープンサンライト+メリウェザーライトイタリック
動画に目新しさを与えるには、同じフォントをさまざまなバリエーションで使ってみましょう。フォントを太字にしてみたり、斜体にしてみたり。
ビデオでの見え方
フォント・ペア9:ウルトラ+モンセラット・ボールド
ウルトラの文字を大きくすることで、2つのフォントのコントラストをさらに際立たせる。
フォント・ペア10:Georgia Italic+ Roboto CondensedItalic
上品。小売業や不動産業などの動画広告に最適。
ヒント5.個性的なフォントとニュートラルなフォントを組み合わせる
フォントを人間だと考えてください。強烈な個性を持つ2人を一緒にしようとすると、圧倒されてしまうかもしれない。2人ともこの関係で果たすべき役割が大きすぎて、衝突は避けられないだろう。
このルールはフォントのペアにも有効だ。個性豊かなフォントと同じような強いフォントを組み合わせようとすると、ぶつかり合って矛盾が生じる可能性がある。それよりも、よりニュートラルで落ち着いたフォントを選びましょう。これは、カリグラフィや手書き風のフォントと、普通のプレーンなフォントを組み合わせようとする場合に特に効果的です。
用途:告知、ビデオ広告、特別オファー。
いくつか例を挙げよう。
フォントペア11:モンセラット+ダンシングスクリプト
ダンシング・スクリプトの名前がそれを物語っている。明るく、鮮やかで、遊び心のあるテキストを映像に載せるためにデザインされた。よりバランスのとれたMontserratと組み合わせれば、完成度の高い仕上がりに。
ビデオでの見え方
フォント・ペア12:プチ・フォーマル・スクリプト+ロボト
Petit Formal Scriptは、ウェブで使用するために特別にデザインされました。13pxまで小さく設定できるにもかかわらず、動画の中でテキストが区別できるようにしてください。Petit Formal ScriptはRobotoとよく合います。
ビデオでの見え方
フォント・ペア13:ダミオン+アーキボ・ブラック
フォント・ペア14:オズワルド・ボールド+ダミオン
筆記体のDamionがニュートラルなOswald Boldとどのようにバランスをとっているかに注目してほしい。筆記体のテキストが動画で読みやすくなるように、少し大きめにしましょう。
フォント・ペア15:イエローテイル+オズワルド・ボールド
イエローテイルは1930年代の古典書体を受け継ぐオールドスクールなフォント。Oswald Boldとの相性は抜群。
フォントペア16:ブリ+モンセラット
イエローテイルと、よりニュートラルなフォントとのもうひとつの組み合わせは、モンセラット。スタイリッシュなオールドスクール広告や短い動画に最適です。
ビデオでの見え方
フォント・ペア17:アレグレイアSC+パシフィコ
ヒント6.1つの動画で2つ以上のフォントを使用しない
フォントの組み合わせに関しては、ひとつの黄金律がある。言い換えれば、1つの動画にあなたの武器である派手なフォントをすべて入れようとしないことだ。これでは映像が台無しになり、乱雑に見えてしまう。
このルールは、ビデオの1つのスライドにすべての異なるフォントを適用するのではなく、異なるスライドに異なるフォントを使用する場合でも当てはまります。動画内のフォントと色は統一してください。そうすることで、視聴者がビデオを見やすく、快適になります。
用途:あらゆるビデオ
フォントペア18:ジョージア・ イタリック+モンセラット・ボールド
フォント・ペア19:タンジェリン+ラルウェイ
ビデオのテキストに異なる種類の情報を伝えたり、異なる重みを持たせたりする必要がある場合は、異なるフォントを使うのではなく、同じフォントでさまざまな大きさのものを使ってみましょう。そうすることで、動画の中で最も重要なことを強調することができます。
ビデオでの見え方
フォント・ペア20:モンセラット・ボールド+タフ
このビデオテンプレートでは、Tahuは「個性」があり、Montserratは私たちのお気に入りのニュートラルフォントのひとつです。動画全体を引き締めるために、異なるスライドのテキストメッセージに同じ色を適用してみてください。
ヒント7.同じスタイルのフォントを組み合わせる
あるフォントはより普遍的で、どんな目的にも使える。また、独特のルック&フィールを持つものもある。ある時代や目的を連想させるかもしれない。
例えば、1920年代といえば、私たちはすぐに映画『ギャツビー』で見たような看板を想像する。例えばこんな感じだ:
このフォントと、まったく違う時代のもっとモダンなものを組み合わせるのは奇妙なことだ。
動画に一貫性を持たせるには、同じスタイルと見た目のフォントを使うようにしましょう。うまく組み合わせられるかどうかわからない場合は、どちらかのフォントではなく、よりニュートラルなフォントを使ってみてください。いくつか例を挙げてみましょう。
フォント・ペア21:オレオ・スクリプト+ガラモンド
これらのヴィンテージ風フォントは、映像にレトロな雰囲気を即座に作り出す。
フォントペア22:ラレーウェイ+オズワルド
シンプルで洗練されたスタイリッシュなこのフォントは、アナウンスやウェビナーのプロモーション、短い情報提供用のソーシャルメディア・ビデオに最適です。
フォントペア 23:プレイフェアイタリック+ジョージア
ヒント8.躊躇するときは、同じフォントの異なるスタイルを使う
フォントの数が多すぎて、選ぶのに迷ってしまうこともあるでしょう。迷ったら、同じフォントの異なるバリエーションを使えばいい。バリエーション」とは、太字や斜体だけでなく、フォントサイズも異なるという意味だ。
いくつか例を挙げよう。
フォント・ペア 24:オズワルド・ボールド+オズワルド・ライト
フォントペア25ポピンズ・ボールド + ポピンズ・イタリック
フォントペア 26:ジョージア+ジョージア イタリック
フォント・ペア 27:オープンサンライトイタリック+オープンサンレギュラー
フォントペア 28:プレイフェア・ボールド +プレイフェア・イタリック
完璧なフォントのペアを見つけるツール
あなたのビデオに最適なフォントのペアを見つけたいなら、その作業を簡単にする役に立つウェブサイトやツールをいくつか紹介しよう。
FontJoyはディープラーニングによってフォントの組み合わせを生成する。使いたいフォントが1つでもあれば、それをウェブサイトに追加すれば、プログラムがフォントのペアを提案してくれる。また、フォントの片方(ヘッダーか本文)をロックすることもでき、FontJoyは2つ目の部分のフォントだけを生成し続ける。
どこかでフォントを見かけたとき、そのフォントが何なのか知りたくなったら、このアプリがぴったり。フォントのShazamだと思ってください。
FontPairは、既製のフォントペアの素晴らしいコレクションです。さまざまなフォントタイプ(Display/SansSerifなど)でフィルタリングしたり、人気のあるフォントを調べてペアを見つけることができます。
結論
動画にぴったりのフォントを探すときは、シンプルなものを選び、あまり多くのフォントを使わず、ニュートラルなフォントと「個性」のあるフォントを組み合わせること。
動画でどのようにフォントを組み合わせますか?下のコメントでシェアしてください!