16 minutes read
セリフ体、サンセリフ体、プロポーショナル体、等幅体のいずれのタイプフェイスについて話しているかにかかわらず、1つのことは明らかです – フォントは、あなたのブランドが他の人にどのように認識されるかを決定します。
今では、デザインツールには何千ものバナー用フォントが用意されています。
バナーのデザインには、あなたのインスピレーションとイマジネーション以外に限界はありません。
しかし、一昔前までは、広告といえば、紙媒体の折り込みチラシや屋外のディスプレイだけでした。
さらに、フォントの選択肢も限られていました。
また、フォントの選択肢は数種類に限られており、メタルフォントは金属製の箱に入れられ、テキストは一文字ずつ手作業で組み立てられていました。
この記事では、35種類のクールなバナーフォントについてご紹介します。
読み進める前に、フォントはデザインの好みだけではないことを覚えておいてください。
さて、早速始めましょう。
What Are the Different Types of Fonts?
フォントは簡単に4つの大きなカテゴリーに分けることができます。
- Serif
- Sans Serif
- Script
- Display
Serifフォントは、文字の端に小さな線が付いている、どちらかというと伝統的なフォントです。
Sans Serif（フランス語で「セリフなし」の意）フォントは、前述のものと似ていますが、各文字の端に付けられた線がないのが特徴です。
Sans Serif（フランス語で「セリフなし」の意）フォントは、先に述べたものと似ていますが、各文字の末尾に付け足しがなく、テキストにモダンな印象を与えるとされています。
スクリプトとは、手書きを模倣して筆記体に見えるフォントの総称です。 ほとんどの場合、名前の後にScriptという文字が付いているので、すぐに見分けることができます。
ディスプレイフォントは、通常、装飾的な文章や、メッセージをより注目させたい場合に使用されます。
ディスプレイフォントは、通常、装飾的な文章やメッセージに注目を集めたい場合に使用されます。
では、本題に戻って、バナーデザインに使える35のクールなバナーフォントをご紹介しましょう。
Volkhov
photo source
最初の定番フォントはVolkovです。堅牢なデザインのセリフ書体で、読みやすく、目立つので、複雑なテキストに適しています。
バナーデザインのタイトルとして使うこともできますが、メッセージを伝えるフォントとしての方が適しているでしょう。 他のSerifフォントとは異なり、Volkovはモダンなデザインの中でエレガントに見え、読みやすい自然な流れを特徴としています。
Serif Proの出典
https://www.behance.net/gallery/37843727/Anthonys-Pizza-Rebrand-Concept
Source Serif Proは、Serifフォントのもう一つの優れた例です。 Volkovよりも細いですが、スタイルは似ています。
しかし、長さに関係なく、どんな種類のコピーテキストでもうまく機能します。
Advent Pro
photo source
Advent Proは、見栄えのするバナーフォントのリストの中で、最初のサンセリフのエントリーです。
Advent Proはサンセリフ系フォントの第一弾で、細めのデザインが特徴のモダンな書体です。
しかし、この書体にはthin、extra-light、light、regular、medium、semi-bold、boldの7つのモードがあります。
Allura
photo source
Scriptフォントではありますが、スタイリッシュなだけでなく、読みやすさも兼ね備えたAlluraが気に入っています。
ですから、バナーのデザインには最適です。 AlluraはRob Leuschke氏によってデザインされ、スクリプト以外のフォントも含む、最高級のハンドレタリングフォントファミリーから来ています。
Open Sans
photo source
バナーをきれいに見せると同時に読みやすくする無料のバナーフォントを探しているなら、Open Sansを見てみましょう。
このフォントは、印刷とウェブの両方に最適化されており、モバイルでもよく見えます。
マーケティング キャンペーンを準備している場合、消費者の大半がスマートフォンで多くの時間を過ごすため、モバイル デバイスでのバナーの見え方は基本的なことです。
もうひとつの重要な事実は、Open Sans には 897 文字の完全なセットが含まれており、ギリシャ語やキリル文字を含むほとんどの言語で利用できることです。
Playfair Display
photo source
「バナーに最適なフォント35選」の続きとして、バナーのタイトルに使用できる書体をご紹介します。
Playfairは、伝統的なDisplayフォントではありませんが、大規模なディスプレイ用に特別にデザインされたため、この名前がついています。
ただし、Regularスタイルを本文に使うこともできます。
Rock Salt
photo source
もう一つのクールなバナーフォントはRock Saltで、バナーに個性的で既成概念にとらわれない印象を与える書体です。 この書体はフェルトペンでデザインされていますが、確かにそのように見えます。
多くの点で、漫画に出てくるようなフォントに似ています。
Sacramento
photo source
Sacramentoは、Scriptカテゴリに属するフリーのバナーフォントです。 言い換えれば、手書きを模倣しています。
このフォントは、今日利用可能な最も正確なスクリプト書体の1つで、非常によくできています。
このフォントは、丸みを帯びたスタイリッシュなデザインで、伝統的な手書き文字のように読みやすくなっています。
タイトルや本文を引き立てるようなフォントを探しているなら、Sacramentoが最適かもしれません。
Ultra
photo source
Ultraは、Displayカテゴリに属するフリーバナーフォントです。 ウッドタイプのスタイルで、太い文字ですがとても読みやすいです。 シャープでドラマチックな印象の力強いヘッドラインを作るのに最適です。
伝統的な見た目のヘッドラインを探している方には、まさにうってつけのフォントかもしれません。
伝統的なスタイルの見出しを探している人にはぴったりかもしれませんが、スペースが大きくなるので、長いメッセージを入れたい場合には適していないかもしれません。
Veteran Typewriter
photo source
Veteran Typewriterは、タイプライターの文字を完全に再現しているため、Serifフォントと間違われるようなディスプレイフォントです。
Serif系の書体を冠していますが、このフォントはタイトルやコールトゥアクションにのみ使用することが推奨されています。
最初は納得できないかもしれませんが、適切なバナーに使用すれば、かなり読みやすく、スタイリッシュな外観になることを保証します。
Short Stack
photo source
Rock Saltに似たフリーのバナーフォントで、小文字が含まれるものを探しているなら、Short Stackがお勧めです。
セミジオメトリックでコントラストを抑えた外観は、ブロック体を模した手書き文字のようなスタイリッシュな書体です。 ミディアムサイズからラージサイズまでのテキストに使うことができます。
Quattrocento Sans
photo source
Quattrocento Sansは、あなたのボディテキストにクラシックかつエレガントな印象を与えます。 このフォントは、小さいサイズで使用しても読みやすいように設計されています。
クアトロチェント・サンズは、クラシカルでありながらエレガントな印象を与えます。
他のサンセリフ系のフォントと組み合わせたり、スクリプト系の書体と組み合わせたりすると、より効果的です。
Poiret One
photo source
装飾的で幾何学的、かつ新鮮な印象を与えるフォントをお探しですか？
ポワレワンは、これらの特徴を見事に網羅しています。
タイトル、ラベル、ヘッドライン、サイン、そしてロゴにも最適なフォントです。
メッセージにスタイルを加えたい場合は、バナーのボディテキストに使用することもできます。
Pinyon Script
photo source
Pinyon Scriptは、洗練された読みやすさをメッセージに加えるもう一つのScriptフォントです。
Pinyon Scriptは、洗練された読みやすさをメッセージに加えるスクリプトフォントです。
なお、Pinyonは大きなサイズで使用するのが最も効果的です。
Nobile
photo source
Nobileは、本文にもタイトルにも適した優れたバナーフォントです。 このフォントは、タイプフェイスデザインの修士号を取得したデザイナー、Vernon Adamsによって作られました。
他のフォントと同様に、このフォントもオープンソースのGoogleフォントです。
バナーデザインに適しているのは、Nobileがデスクトップでもモバイルでもよく見えることです。 読みやすく、見栄えもよく、スタイルもレギュラー、イタリック、ミディアム、ミディアムイタリック、ボールド、ボールド・イタリックの6種類があります。
クリエイティブなプロジェクトを際立たせる最高のスクリプトフォント20種類以上
時代を超えたデザインに使いたい最高のビンテージフォント30種類
ブランドのためのクールな声を見つけるのに役立つモダンフォント60種類
あなたのブランドのための声を見つけるのに役立ちます。 Voice For Your Brand
Luckiest Guy
photo source
20世紀半ばの広告にインスパイアされたものです。20世紀半ばの広告にインスパイアされた Luckiest Guyは、20世紀半ばの広告にヒントを得たディスプレイフォントで、タイトルなど数秒で目に留まるような文章に適しています。
スタイルはRegularの1種類のみで、大文字のみです。
Knewave
photo source
Luckiest Guyが気に入らない人は、Knewaveがタイトルフォントの選択肢になるかもしれません。
また、このフォントは、非常に目立つメッセージ、主にタイトルやコールトゥアクションなど、瞬時に注意を引くようなメッセージに適したボールドフォントでもあります。
Montserrat
photo source
バナーフォントのリストに追加されたもう1つの素晴らしいフォントがMontserratです。 このフォントは、タイプフェイスデザインの学位を持つデザイナー、Julieta Ulanovskyによって作られました。
このフォントは、ブエノスアイレスの古い看板やポスターからインスピレーションを受けています。
このフォントは、ブエノスアイレスの古い看板やポスターからヒントを得て作られました。同じ書体で異なるメッセージや行を強調したい場合に最適です。
Montserratには18種類のスタイルがあるので、このような選択が可能です。 細いものから極太のものまでさまざまです。
どの書体も読みやすく、タイトルや本文に適しています。
Parisienne
photo source
このリストの8番目のエントリ、Sacramentoフォントを覚えていますか？
このフォントは、人間の手書きの文字に似ていますが、右に傾いているのが特徴です。
文字は丸みを帯びていて、スタイリッシュで見栄えがします。
文字は丸みを帯びていて、スタイリッシュで見栄えがよく、サクラメント文字のように読みやすく、つながりやすいのが特徴です。
イタリック体のタイトルやイタリック体の本文で、手書きタイプのフォントで書かれた似たようなメッセージとのつながりが必要な場合には、Parisienneが最適かもしれません。
Francois One
photo source
Francois Oneは、ウェブでの使用に最適なSans Serifフォントで、デスクトップはもちろん、スマートフォンでも読めます。
タイトルに使うのがベストですが、短い文章や短いコールトゥアクションを使えば、ボディテキストとしても効果的です。
レギュラー1本のスタイルで、かなり大胆な印象を与えるので、タイトルにおすすめです。
Helvetica
Photo source
Helveticaはネオ・グロテスクな書体です。 1957年にマックス・ミーディンガーとエドアルド・ホフマンによって作られ、60年代、70年代に多く使用されました。
明快で読みやすく、バリエーションが豊富なことが人気の理由です。 2007年には、タイポグラフィ誕生50周年を記念して、ゲイリー・ハストウィットがこのフォントのドキュメンタリーを制作しました。
Helveticaは、所得税申告書、テレビ広告、オンライン広告、看板など、あらゆるところで使われているので、誰もが知っています。
デザイナーはこのフォントを好きになったり嫌いになったりしますが、その圧倒的な存在感は揺るぎません。
では、なぜこのクラシックなフォントがこれほどまでに人気なのでしょうか。
文字の間隔は狭いですが、秩序があり、明快で、イタリック体ではなくオブリーク体であり、オンラインでもオフラインでも、基本的にどこにでも、何にでも合うのです。
Helveticaを使った有名ブランドの広告例
高い評価を得ているこのフォントは、LGやルフトハンザ、NBAなど、さまざまな有名ブランドのオンライン広告の顔となっています。
ここでは、Helveticaのバリエーションが使われたディスプレイ広告の例をご紹介します。
p
Univers
Photo source
1957年にAdrian Frutigerによって作られました。
1957年にAdrian Frutigerによって作られたこの書体は、20世紀後半に最大の成功を収め、現在では広告やメディアで最も使用されているフォントスタイルの1つとなっています。
このフォントの優れた点は何でしょうか？
このフォントの特徴は、Qのテールがベースライン上にあることや、iのドットが長方形であることなどです。
このフォントは、非常にエレガントであると評価され、一躍有名になりました。
Universを使った有名ブランドの広告例
バリエーションが豊富なので、いろいろな組み合わせで使っても目を引くことができ、文字をポップにしたいときには最適なフォントの一つです。
ここでは、eBayとFedExの広告例をご紹介します。
Frutiger
p
Photo source
これもAdrian Frutigerがデザインしたサンセリフ書体で、シャルル・ド・ゴール空港の方向指示標識システムのために特別に作られたものです。
この書体のルーツは、フルティガー氏の原点であるコンコルドの書体にあります。
小文字であっても、開口部が開いていることで明瞭度が増しています。 可読性が高いため、様々な用途や素材に使用することができます。
Frutigerを使った有名ブランドの広告例
フランスの空港ではどこでも見かけることができるほか、人気のオンライン写真共有プラットフォームであるFlickrにも採用されました。
Futura
Photo source
1925年にPaul Rennerによってデザインされました。 広告、ポスター、雑誌、書籍などあらゆる形態に最適な、実に汎用性の高いスタイリッシュな書体であるFuturaは、2017年に出版された『Never Use Futura (The History of a Typeface)』という本の題材にもなっています。
1969年にアポロ11号の宇宙飛行士が月面に残した記念プレートをはじめ、いたるところにあります。
この本では、”見始めないと気づかないようなありふれた顔の用途、そしてそれから逃れられないこと “を説明しています。 凝縮されたバリアントは、デザインのための優れたディスプレイになります。
このフォントは、小さなスペースに押し込んでも読むことができます。
有名ブランドのFuturaを使った広告例
Futuraは、最も汎用性の高いフォントのひとつです。
スタンリー・キューブリックのような著名な映画監督に好まれ、映画「Vフォー・ヴェンデッタ」では至る所に使用されていました。
Bethesda Softworksは彼らのゲームの多くでこのフォントを使用しており、その例を挙げるときりがありません。
Cisco、PayPal、D&G、Nikeなどの大手ブランドも、オンライン広告にこのフォントを採用しています。 以下にその例をご紹介します。
VAG Rounded (VW)
Photo source
1979年にフォルクスワーゲンのコーポレート書体として最初にデザインされました。
このフォントは、1979年にフォルクスワーゲンのコーポレート書体としてデザインされました。
今でも広告に使われていますが、それはまさに、そのシンプルでコーポレートなスタイルと力強さのためです。
このフォントは、Futuraに似ていますが、その名が示すように、より丸みを帯びた形をしており、多くの人にとって親しみやすいと考えられています。
このフォントは、スペース効率がよく、直線的で、使っていて楽しいフォントです。
VAG Roundedを使った有名ブランドの広告例
とても温かみがあり、親しみやすいこのフォントは、現在、Redditのロゴやオンライン広告に使われています。
Gill Sans
Photo source
Eric Gill氏によって作成されたサンセリフ体のフォントです。
エリック・ギルが制作したサンセリフ体で、ロンドン地下鉄のフォントである1916年のUnderground Alphabetをベースにしています。
Gill Sansは1928年にMonotype社から発売され、その外観はモダンさとクラシカルさが完全に融合しています。
1948年、英国鉄道はポスターや時刻表の書体にGill Sansを採用しました。
1948年、British RailwaysはGill Sansをポスターや時刻表の書体として採用しました。
これほどクラシックなものがあるでしょうか。
シンプルで明快なので、小文字でも大文字でも使用しやすく、広告にも最適でした。
今でもBBCのロゴにはGill Sansが使われています。
2017年にBBCは、まさにデジタルの世界のために作られたReithという独自の書体をデザインしましたが、ロゴではそれを変えませんでした。 これは単純にイギリスのオーラが出ていますね。
Gill Sansを使った有名ブランドの広告例
BBCやTommy Hilfigerのオンライン広告ではGill Sansが選ばれています。
Avant Garde
Photo source
このフォントは、書体の世界では画期的なものでした。 ハーブ・ルバリンが雑誌「アバンギャルド」のロゴ用にデザインしたものですが、瞬く間に成功を収め、フォントとして定着しました。
そのスタイルは近未来的で、正確な幾何学的形状とハードなアングルが並んでいます。
Avant Gardeを使った有名ブランドの広告例
Avant Gardeは、Adidas、Calvin Klein、Bloomingdale’sなどのビッグブランドが使用するデジタルスペースで見ることができます。
Meta
Photo source
Erik Spiekermannによって1991年にデザインされました。
1991年にErik Spiekermannによってデザインされたこのフォントは、ヒューマニストのサンセリフ書体です。
それ以来、企業のテキストやロゴに使用されてきましたが、そのうちのひとつがThe Weather Channelです。 2010年からはギリシャ政府の公式書体にもなっています。
Spiekermann氏は、Helveticaとはまったく異なるフォントを作りたいと考えていました。
SpiekermannはHelveticaとは全く異なるフォントを作りたいと考えていましたが、その点はMの文字に見られます。
Metaは、さまざまな製品のラベルにも使用されました。
Metaを使用した有名ブランドの広告例
Metaフォントは現在、The Weather ChannelとHerman Millerがオンラインバナーで使用しています。
Avenir
p
Photo source
このフォントは1988年にAdrian Frutigerによってデザインされたもので、書体デザイナー自身が自分の作った作品の中で最高のものだと考えています。
幾何学的なサンズに分類されますが、tの尾や不完全なoのような人間的なタッチもあります。
多くの大学で、ブランディングのガイドラインやテキストのキャプションにメインのサンセリフ・フォントとして採用されました。
Avenirを使用した有名ブランドの広告例
Avenirは、Aolやトヨタ、Black Deckerなど、多くのブランドで採用されているフォントです。
p
Times New Roman
Photo source
これも見逃せない名作です。
1931年にデザイナーのStanley Morison氏が新聞の読みやすさが足りないと言ったことから、このフォントが作られました。
1932年にはTimes New Romanが使われるようになりました。 また、このフォントはデジタル化された最初のフォントのひとつでもあります。 今では、どこでも見かけるようになりました。
安全に論文を書きたいときには、この時代を超えたフォントを使うと間違いがありません。
このフォントはセリフ体に分類されますが、デジタル広告で使用しているブランドもあります。
Times New Romanを使った有名ブランドの広告例
クラシカルな製品にはクラシカルな印象を与えるこのフォントは、オンラインでもその製品を美しく見せる方法を知っています。 ここでは、Tiffany & Co.やGUESSなどの例をご紹介します。
ノックアウト
Photo source
これは、Jonathan HoeflerとTobias Frere-によってデザインされたサンセリフ書体です。ジョーンズ 1994年にデザインされました。
9種類の幅があり、それぞれに32のバリエーションがあり、画一的な考え方を予感させる19世紀の書体に戻っています。
Akzidenz Grotesk
Photo source
名前の最初の単語からして、商業的、宣伝的な目的でデザインされたことがわかります。
このフォントは19世紀後半に作られましたが、50年代から60年代にかけて、デザイナーたちが使い始めて人気を博しました。
19世紀後半に作られたフォントですが、50年代から60年代にかけてデザイナーが使い始めて人気を博しました。
文字の幅は同じくらいで、一般的なサンセリフ系のフォントでは2階建てのgが使われていますが、このフォントでは1階建てのgが使われています。
Akzidenz Groteskは、ポスターやパンフレットから直接画面に移行するのがスムーズで、ページに独特の雰囲気を持たせることができました。
DIN
Photo source
このフォントは、グラフィックデザイナーの間で最も使われているフォントの一つのようです。
MyFontsで最も売れている書体にもなっている。
この書体はMyFontsで最も売れた書体でもあります。読みやすく、マーケティング資料にインダストリアルな企業イメージを与えたいときに使いやすい書体です。
Franklin Gothic
Photo source
この書体は20世紀初頭にMorris Fuller Bentonによってデザインされたもので、多くの広告や新聞の見出しなどに使われていました。
40年代に入ってから、デザイナーの間で人気が出始めました。
このフォントは、本文よりも見出しに適しているため、タイトルが何か重要なことを言っているように見えます。
とにかく目立ちます。
ミニオン
Photo source
1990年にRobert SlimbachがAdobe Systemsのためにデザインしたもので、ページ上で凝縮されたボディテキストの形をしています。
これは、私たちの生活を豊かにしてくれます。
ルネッサンス時代をイメージした、どちらかというとシャイなセリフのフォントのようです。
このフォントは、ルネッサンス時代に影響を受けた、どちらかというとシャイなセリフのフォントのようですが、そのクラシカルな外観は、読みやすさを重視した本文用としても最適です。
セリフ系に分類されているからといって、怖がる必要はありません。
おわりに
バナーのデザインは、いかにメッセージを伝えるかにかかっています。
ビジュアルはもちろんですが、本文も重要です。
そのためには、それぞれのバナーに適したフォントを慎重に選ぶ必要があります。
この記事では、バナー用の35種類のフォントを紹介していますので、例や説明を参考にして適切なバナーフォントを選んでください。
さて、あなたのお気に入りのオンライン広告用のフォントを教えてください
。