• はてなブックマーク
  • RSS
  • Line

デザインの基本とメソッド+ちょこっと流行り

2024.08.19 Mon

シリーズ|文字とフォント(Vol.4)

Adobe Fontsで選べるおすすめフォント
〜第4回 欧文・デザインフォント編〜

Adobe社が提供しているAdobe Fontsのサービスを利用すると、プロのデザイナーにも重宝されているような高品位なフォントを使うことができます。Creative Cloudのいずれかのプランに加入していれば、追加料金を必要とせずに使い放題です。今回は、そのAdobe Fontsで選べる欧文フォントの中から手書きに近い書体や個性の強いデザイン書体などを紹介していきます。
※第1回目の「和文・ベーシック編」はこちら
※第2回目の「和文・デザインフォント編」はこちら
※第3回目の「欧文・ベーシック編」はこちら

デザインのアクセントにもなるフォント

和文書体と同じく、欧文書体にもセリフ体やサンセリフ体といった基本的な分類には当てはめづらい多様なフォントがあります。今回は、そのようなデザインフォントを中心に紹介していきます。まずはAdobe Fontsのサービス内で用意されている「分類」のうち、前回は紹介しなかった「筆記体」「等幅」「手書き風」に属するフォントを見ていきましょう。

手で書いた文字のような「筆記体」はスクリプト書体とも呼ばれます。同様に「手書き風」も筆記具で書いたような文字ですが、Adobe Fontsの「筆記体」には、文字を組んだときに前後の文字がつながるように設計されたフォントが多く含まれています。

筆記体(スクリプト書体)はフォーマルな場面に用いられることが多く、原則として大文字のみで組むことは厳禁です。ただし、Adobe Fontsの「筆記体」カテゴリーには、流麗なフォントのほかに、ペンでカジュアルに描いたようなフォントも数多くあります。「筆記体」カテゴリーのフォントファミリーの数は、本記事の執筆時点で413個です。

「手書き風」カテゴリーでは、185個のフォントファミリーが提供されています。「筆記体」とは異なり、1文字ずつが独立したデザインのフォントが含まれています。

「等幅」は、字幅が一定のフォントを集めたカテゴリーです。欧文フォントは基本的に文字によって字幅が異なりますが、「等幅」フォントは正方形の仮想ボディをベースとして設計されている和文フォントのように、どの文字でも同じ字幅が実現されています。「等幅」のフォントに対して、一般的な欧文フォントのように文字ごとに字幅が異なるフォントはプロポーショナルフォントと呼ばれています。Adobe Fontsでの「等幅」カテゴリーには、本記事の執筆時点で90個のフォントファミリーが用意されています。

「筆記体」「等幅」「手書き風」といった分類はされていますが、デザインのイメージの方向性はフォントごとに大きく異なります。分類はフォントを探すうえでの1つの目安にはなりますが、どのような雰囲気に仕上げたいかによって、最適なフォントを選ぶことが重要です。本記事では、特定のイメージを表現しやすい個性的なフォントや、書体によってデザインに視覚的な彩りを加えられる装飾フォント(オーナメントフォント)についても紹介していきます。

筆記体・手書き風・等幅のフォントをピックアップ!

ここからは具体的に、Adobe Fontsで使える欧文のデザインフォントを厳選して紹介していきます。まずは「筆記体」「等幅」「手書き風」のカテゴリーに含まれるフォントです。

続け文字として書かれる「筆記体」は特に、実際にデザインで用いるテキストの文字の並びによっても印象が変わります。Adobe Fontsではサンプルテキストに任意の文字列を入力してプレビュー確認もできるため、フォント選びの際に有効活用すると良いでしょう。

これらの3つのカテゴリーにはとても多くの書体が含まれていますが、以下がピックアップしたフォント例です。

【A】Bluemlein Script Collection(Sudtipos)
30個以上もの筆記体が含まれたバリエーション豊かなコレクションで、それぞれ筆致が異なります。掲載画像のフォントは装飾性の高いMissFajardose Proです。
【B】Brush Script(Adobe)
筆で書いたようなカジュアルなタイプの伸びやかな筆記体です。主に堅苦しくない雰囲気で表現したいポスターや看板などのデザインに適しています。
【C】Courier(Adobe)
等幅の仕様です。もともとはIBMのタイプライター書体で、表計算の資料や技術文書に適しています。それを踏まえて、独特な性質を生かした工夫のあるデザインもできそうです。
【D】Liza(Underware)
後に入力した文字によってリアルタイムで自動的に前の文字のデザインが置き換わる技術的な仕組みが導入されています。掲載画像は提供されている3種のうちのLiza Displayです。
【E】P22 Zaner(P22フォントベンダー)
装飾性が高く、結婚式の招待状などのエレガントなデザインにマッチしやすい筆記体です。掲載画像のP22 Zaner Pro Oneを含め、4つのバリエーションが用意されています。
【F】Selfie(Sproviero Type)
丸みがあって文字の形の面での装飾性は高いですが、線の太さの強弱を抑えて一定にし、独特な雰囲気に仕上げられています。多くの流麗な筆記体と比べると、視認性・可読性が高いフォントです。

個性の強いデザインフォントをピックアップ!

次に、Adobe Fonts上でのカテゴリーを限定せずに、特定のイメージの表現に役立ちやすいフォントを紹介していきます。ここで紹介しているフォントの多くは、個性的な印象を与えやすいことも特徴です。

Adobe Fontsの欧文フォントにはとても多くの種類が含まれているため、「分類」のみでの絞り込みでは、なかなか必要な書体を探し当てることが難しい場合もあります。そのときには「近未来的」「豪華な」「楽しい」といったさまざまな用語がある「タグ」での絞り込みも活用すると良いでしょう。

以下に、Adobe Fontsからピックアップした多種多様なデザインフォントの例を挙げていきます。

【A】Amador(Parkinson Type Design)
中世で用いられていたゴシックなブラックレター体の様式を踏襲したフォントです。文字の “黒み” が多く、時代性や格式を感じさせるデザインに活用できます。
【B】BD Brick(Buro Destruct)
四角形と三角形を使った “モジュール式” の構造で、図形をレンガのように積み上げて文字が表現されています。ドット絵などとの相性も良いフォントです。
【C】Fit(DJR)
「空間を埋め尽くすことだけを考えてデザインした」というインパクトの強い極太フォントです。テキストを読ませる目的よりは、“魅せる” 文字のデザインに活用できます。
【D】Guapa(Type-Ø-Tones)
幾何学的なサンセリフをデコデザインに変換している実験的なフォントです。書体名はスペイン語で “かわいい” という意味で、その名の通りにかわいい遊び心を感じさせます。
【E】Olicana(G-Type)
万年筆で手書きしたようなフォントで、掲載画像は3種のバリエーションのうちのOlicana Roughです。インクが飛び散る様子を表現したグラフィックも “文字” として含まれています。
【F】P22 Typewriter (P22 フォントベンダー)
タイプライターで印字したようなデザインに仕上げられています。文字がかすれている部分が多くて不安定な印象で、ホラーやサスペンスの雰囲気にも似合いそうなフォントです。

装飾に使えるオーナメントフォントをピックアップ!

欧文書体では特に、フォントのデータではあるものの入力すると絵やアイコンなどが出てくる「オーナメントフォント」が数多くあります。イラストを描くことなく、デザインに手軽に装飾を加えたいときに便利なフォントです。

Adobe Fontsでも、各種のオーナメントフォントが提供されています。「分類」ボタンにはオーナメントフォントのみに絞り込む専用の機能は用意されていませんが、まずは「装飾」タグを選ぶと、手書き書体などとともにいくつかのオーナメントフォントが表示される仕様です。どれか1つオーナメントフォントを選んだ状態で、「おすすめ」欄から「類似のフォント」を見ると、さらに多くのオーナメントフォントを発見できます。

以下は、Adobe Fontsからピックアップした主な装飾用フォントです。

【A】Charcuterie Ornaments(Laura Worthington Type)
同系統でCharcuterie Frames、Charcuterie Ornaments、Charcuterie Catchwordsの3種があります。Charcuterie Ornamentsには、王道のアイコンのほかに飾り罫も含まれています。
【B】Critter(Adobe)
ビジュアル要素は強いですが、文字としての機能も残された “読める” 飾りフォントです。それぞれの文字は生き物のモチーフに基づいて表現されています。
【C】HWT Star Ornaments(Hamilton Wood Type Collection)
さまざまなスタイルの星のマークを中心に集めたオーナメントフォントです。アルファベットの大文字と小文字でデザインは共通ですが、角度が変わります。
【D】LTC Fleurons(Lanston Type Co.)
ボタニカル(植物)の要素が強いシンボルが含まれています。画像は3種のうちのFleurons Rogersです。角度の異なる “文字” の組み合わせで、飾り罫も描き出すことができます。
【E】MVB Pedestria Pict(MVB Fonts)
人物を中心としたピクトグラムが収録されています。ビンテージのボトルキャップに描かれた文字からインスピレーションを得てデザインされた楽しいフォントです。
【F】Swing King Icons (Ivy Foundry)
コミックにも合うようなアイコン・記号が用意されているフォントです。カジュアルな雰囲気で、それぞれの絵柄は全体的にポップかつかわいらしい雰囲気で表現されています。

* * * * * * * * * *

全4回にわたってAdobe Fontsで使えるオススメのフォントを紹介してきましたが、このほかにも同サービスには多くのさまざまな書体が用意されています。本シリーズの記事を入口として、上手にAdobe Fontsを使いこなし、デザインのイメージの方向性や用途に応じた適切なフォントを選びましょう。

読込中...

Follow us!

SNSで最新情報をCheck!

Photoshop、Ilustratorなどのアプリの
使いこなし技や、HTML、CSSの入門から応用まで!
現役デザイナーはもちろん、デザイナーを目指す人、
デザインをしなくてはならない人にも役に立つ
最新情報をいち早くお届け!

  • Instagram