これだけは知っておきたい、フォントの基本をまとめました。allWeb制作フローが変わる!便利な最新オンラインツール43個まとめ【2020年版】2020年2月21日ずっと使える、デザインの基本まとめました。改訂版2和風デザイン攻略!商用可な毛筆フリーフォント厳選27個まとめ【2019年版】3Homeウェブ制作ウェブ考察これだけは知っておきたい、フォントの基本をまとめました。Use」より許可をもらい、日本語抄訳しています。異なる書体ごとに作成された、メタル版の入った重い箱を引きずったり、デザインに必要な文字を、一文字ずつ組み合わせていく作業を連想してみましょう。クリックのみで行う今日のデジタルデザインとは、別世界のように聞こえるかもしれません。Font)という言葉が、これらのメタル文字として使われていたのは、そんなに昔のことではありません。私たちのデザインテクニックは進化を続けていますが、デザインに合ったフォントを選ぶ作業の難しさは、あまり変わっていません。このガイドでは、フォントとはなにか包括的にまとめたエントリーとなります。フォントのカテゴリーや、どのようにフォントを選び、利用するか、そしてフォントを無料ダウンロードできるWebサイトも一緒にまとめています。フォントにはどんな種類があるの?シンプルな答えとしては、どのカテゴリーにも属さないユニークなフォントなども含めると、たくさんありすぎます。フォントデザイナーやタイポグラフィーの歴史に興味がある人なら、各フォントの技術的な定義を知っているでしょうし、どれも正解と言えるでしょう。今回はこれらには触れずに、4つのベーシックなフォントカテゴリーに的を絞り、きちんと理解することで、デザインに合ったフォントを選んだり、フォントの組み合わせに役立てることができるでしょう。Serif)文字のストロークの端にある小さな飾りのある書体を指します。Tranditional)な見た目が特長です。Sans-Serif)文字通り、セリフのない書体のことを指し、ストロークの端に飾りなどはありません。Streamline)が特長です。このポイントはしばしば討論となりますが、セリフ書体は印刷媒体において、視覚的により誘導しやすくなり、視線の移動を楽にしてくれます。セリフ書体の多くが小さく、細いラインのスタイルが多いため、ウェブサイトなどスクリーン画面での表示にはあまり適していません。そのため多くのデザイナーが、スクリーン画面ではサンセリフ書体を好む傾向があります。Script)筆記体や手書きスタイルのフォントを指し、通常文字同士はつながっています。エレガントな印象から、楽しくカジュアルな手書き文字など、幅広いスタイルを演出することができます。Novelty)と呼ばれる種類のフォントは、どれも同じ意味を指し、より注目をあつめるデザインを意味しています。通常、実践的ではないユニークな書体が多く、特定のエフェクトや目的にのみ利用するようにしましょう。Typeface)という言葉を聞いて、どちらも同じ意味なのか疑問に持ったことはないでしょうか。技術的にも歴史的にも異なりますが、現在はどちらも置き換えて利用されています。簡単な違いを以下にまとめています。書体はデザインを表し、フォントはどのようにデザインに利用するかを意味します。フォントフォントは利用するもので、書体は見ているものを指します。今日のグラフィックデザインにおいては、フォントも書体も同じ意味として利用されています。デジタルデザインでは、フォントも書体と同じように扱われ、クリックボタンひとつで変更することができます。フォントのエキスパートを驚かせるほどの知識が必要でなければ、あまり違いを気にしなくても良いでしょう。Hischeなど)の中には、デザインプロジェクトにおけるフォントの選びかたと、日常生活での洋服の選びかたを比較するひともいます。あなた自身が着用する洋服によって、ひとはあなたのスタイルや、個性、経済的な背景、年齢などを判断します。異なるシチュエーションと場合によって、違う洋服を着るでしょう。だれも仕事の面接に、水着を着用しないですし、休暇中にネクタイを締め、スーツを着たいとも思いません。洋服の見た目によってデザインが変わるように、デザインにおけるフォント選びも同じ目的を持っています。フォントは、第一印象に大きく関わっており、フォント選びは目的をもって、正しく行う必要があります。仕事の面接といった真面目なコンセプトを伝えるときに、「ビーチバケーション」のような楽しい雰囲気を、フォントが表現していませんか。デザインがごちゃごちゃにならず、お互いの要素を補っていますか。これらをじっくり検討することが、デザインプロセスでは重要になってきます。フォント選びは通常、全体のデザインに合わせて行われ、オーディエンスの感情にも影響してきます。正装でのパーティに、ヨレヨレのTシャツとスウェットパンツで参加すれば、ひとは外見であなたを判断してしまいます。ブランドやビジネスが間違ったイメージで認識されないように注意しましょう。悪いフォント選びは、デザインのメッセージや意図を伝える邪魔をしてしまいます。フォントの正しい選びかた基本編まずはじめに検討したいのが、デザインのメッセージ性とうまくマッチしているか確認しましょう。手持ちのフォントコレクションや、新しいフォントを手に入れる前に、どのようなデザインの品質や個性を表現したいか、ブレインストーミングするとことをオススメします。することでデザインのイメージを保ったまま、マッチするフォントを選ぶことができるでしょう。各フォントには、それぞれ個性や雰囲気があるので、とても重要な作業と言えます。特定のフォントがどのような意味合いを持ち(真面目やカジュアル、楽しい、エレガントなど)、デザインとマッチするかどうか検討する必要があるでしょう。デザイン全体のメッセージ性と、フォントの個性がマッチしていないと、オーディエンスにうまく伝えることができなくなってしまいます。フォントを選ぶときは、ユニークな書体に目が移りやすくなりますが、個人的な好みは考えないようにしましょう。特長のあるフォントは、デザインプロジェクトに適していないかもしれません。脇道にそれてしまうことがあれば、「このフォントは、作成しているブランドの品質をサポートし、デザインコンセプトを補ってくれるのか?」自分自身に問いかけてみましょう。どのようにデザインを魅せるかも、フォントの選び方と一緒に考えておきましょう。名刺デザインでは、小さな文字でも読みやすいフォントが必要になります。ソーシャルメディア用グラフィックは、モバイルスクリーンで閲覧されることが多いので、ディスプレイフォントが適していると言えます。誰がデザインを見るかも重要になります。特定の年齢や世代をターゲットにしていますか。うまくそれらのオーディエンスに響くフォント選びとなっているか確認しましょう。あなたのフォント選びは適切ですか?フォントの雰囲気やキャラクター、コンテンツとの関連性のほかに、適合(英:Suitability)はより機能的な問題となります。選択したフォントは、意図した場所にうまくマッチしていますか。実践的で読みやすいデザインとなっていますか。初心者にありがちな間違いのひとつとして、どの種類のフォントが適しているか気付いていないことがあります。本文テキスト用書体と、ディスプレイ書体の違いなど。Body)書体は、本や雑誌、新聞、ウェブコンテンツなどの文章テキストに活用されます。これらのフォントは、目にもやさしく、読みやすいのが特長です。Arialなどが代表的なフォントと言えるでしょう。Decorative)書体は、文章テキストには向いていません。これらのフォントの種類は、注目を集めるデザインが特長です。太字や大文字などさまざまなスタイルが揃い、見出しタイトルなどに使うことができます。フォントの上に雪が積もったクリスマス風デザインや、アウトドアの雰囲気を表現する、丸太で組まれたデザインフォントなどもありますが、特にビジネスや専門的なコンテンツにはあまり適していません。ディスプレイ書体はうまく利用することで、大きなインパクトを与えることができますが、間違った使用法ではデザインがごちゃごちゃして、アマチュアっぽく仕上がるだけでなく、文字の読みにくさにもつながります。一言で簡単に表すと、ディスプレイフォントはボディ書体とは異なり、長い文字テキストなどには適さず、目的に応じて控えめに利用するようにしましょう。選んだフォントは万能ですか?デザイナーは、どんなデザインにも合わせやすいフォントを選んでおくと、時間がないときや特定のフォントが見つからないときにも便利です。Workhorse)書体とも呼ばれ、ベーシックなセリフやサンセリフ書体を指します。通常どこにでも利用でき、フォントデザイン自体には注目を集めません。スモールキャップなど)が揃ったフォントと言えるでしょう。文字テキスト量が多いデザインでは、同じ書体を利用しながら、異なるスタイルを組み合わせることで、統一感のある見た目を演出することができます。デザインプロジェクトで、ひとつの書体しか利用しないときにも、魅力的で、視線を誘導しやすいデザインに仕上げることができます。