現代のクリエイティブのための30のタイポグラフィアプリ

オンラインのタイポグラフィは、何年にもわたって飛躍的に成長してきました。普通のフォントとデザインに適さないフォントのどちらかを選択しなければならなかった時代は終わりました。



しかし、タイポグラフィデザインに関連する方法は長い道のりを歩んできましたが、フォントの選択はすべてのデザインプロジェクトで依然として困難な側面です。

タイポグラフィへの道をナビゲートするのを助けるために、ここにあなたがする必要があるものがあります フォントについて学ぶ ：それらのカテゴリ、フォント選択プロセス、それらの使用法、および作業を強化するために使用できるタイポグラフィツール。

目次

フォントカテゴリ

ほとんど分類されていないいくつかの「クレイジー」なフォントを含め、オンラインで利用できるフォントはたくさんあります。しかし、すべてのタイポグラファーまたは書体デザイナーが精通している必要がある4つの基本的な遍在するカテゴリーがあります。これらは、フォントの組み合わせでよく使用されます。

  • セリフ - セリフフォントは、文字の端に「小さな足」が付いているフォントです。彼らは一般的に深刻なまたは従来の外観を持っています。
  • サンセリフ - 「セリフなし」を意味するサンセリフは、文字の末尾に線が付いていないフォントです。このように、彼らは一般的に合理化された現代的な外観を持っています。
  • 脚本 - スクリプトフォントは、文字をつなぐ筆記体の手書きスタイルに相当します。彼らは一般的にエレガントな手描きの外観を持っています。
  • 表示 - ディスプレイまたは装飾フォントは、聴衆の注意を引くために「叫ぶ」ものです。彼らは通常、ユニークで実用的ではない外観を持っています。

フォントまたは書体



多くの人が混乱します 書体としてのフォントおよびその逆 。技術的には、2つの用語は同じ意味ではありません。ただし、これらは通常、今日のコンテキストのメッセージを犠牲にすることなく、同じ意味で使用されます。

明確にするために、書体はデザインです–それはあなたが見るものです。一方、フォントはデザインの表現方法であり、使用するものです。

書体+スタイル+サイズ=フォント

たとえば、Times New Romanは、そのままでは書体です。 12ポイントTimesNew RomanBoldはフォントです。別の例として、10ポイントのCalibriItalicと48ポイントのCalibriBoldは、2つの異なるフォントですが、書体は同じです。

フォント選択の重要性

フォント選択の重要性

ほとんどのデザイナーにとって、デザインプロジェクトに適切なフォントを選択することは、イベントに着用する適切な服を選択することによく似ています。あなたが着る服はあなたの人生のいくつかの側面について何かを言います：あなたの性格、あなたのスタイル、あなたの年齢（またはあなたが投影したい年齢）、あなたの社会的および経済的背景、そしてあなたが一般に伝えたい印象。

さまざまな状況やイベントでは、さまざまな衣装が必要です。しかし、1つ同じことがあります。それは、考えるのに適切なレベルが常にあるということです。

あなたの服装の選択があなたのために何をするかはあなたのフォントの選択と同じ目的を持っています。ウェブやグラフィックプロジェクトの全体的なデザイン以上に、一目でわかる最初の印象を受けるのはタイポグラフィです。

これは、視聴者が最初から見て判断するデザインの一部です。そのため、フォントの選択は適切で、関連性があり、目的を持っている必要があります。

フォントの選択は、通常、デザインの全体的な外観のトーンを設定します。言うまでもなく、それは人々があなたの作品やブランドをどのように認識するかに影響を与える重要な要素です。フォントの選択が悪いと、デザインのメッセージから視聴者の注意をそらすことがよくあります。

フォント選択プロセス

基礎

フォントを選択する際の主な目的は、フォントがデザインプロジェクトに適していることを確認することです。デザインのメッセージや目的を正確に伝える必要があります。

使用できる書体を検索する前に、視聴者にデザインをどのように見て解釈してもらいたいかを考えておくことをお勧めします。このようにして、使用したいスタイルがすでにわかっているので、時間とリソースを節約できます。

選択するフォントが、ブランドと同じムードまたは「個性」を表すことが重要です。フォントがデザインのメッセージを補完または後押ししない場合、代わりに視覚的な切断が発生するため、これは重要です。

聴衆もあなたが考慮する必要がある重要な要素です。これは、市場に非常に特定の人口統計が含まれている場合に特に重要です。選択したフォントはそれらと共鳴する必要があります。

フォントの適切性

フォントの適切性

適合性は、フォントを選択する際に考慮すべき重要な要素です。選択するフォントは、使用する場所で機能する必要があります。それはあなたのデザインの文脈で実用的でなければなりません。

初心者のタイポグラファーが犯す最も一般的な失敗の中には、間違ったフォントカテゴリを使用することがあります。ボディとディスプレイの書体を誤って選択するものもあります。

前者は、コンテキストの本文で使用されます–例。雑誌のテキスト、本のテキスト、新聞のテキスト、Webコンテンツ。本文コピーのフォントは、常に読みやすく、見やすいものでなければなりません。書体のスタイルが読者の気を散らさないことが不可欠です。

一方、後者は、長々と読むのに適した書体ではありません。ディスプレイフォントは、「Hey！私を見て！'正しく使用すると、大きなプラスの影響を与える可能性があります。そうでなければ、彼らはデザインを素人っぽいものに減らします。

フォントの多様性

すべてのWebまたはグラフィックデザイナーには、「働き者」と呼ばれることが多い、頼りになる書体のリストがあります。これらは、いつでもどのような設計プロジェクトにも使用できます。これらは通常、デザインに簡単かつシームレスにフィットできるニュートラルフォントです。

主力の書体は通常、SerifフォントとSans-Serifフォントの組み合わせであり、用途が広く、ほとんどどこでも使用できます。働き者がいると、単一の書体を使用してさまざまなスタイルをデザインのさまざまな側面に割り当てて、全体的なまとまりのある外観を作成できます。

フォントの読みやすさ

デザインにタイポグラフィが必要な場合は、コミュニケーションに不可欠なものがある可能性があります。これは、読みやすさが見逃してはならない要素であることを意味します。

あなたのメッセージを読むためだけに人々が目を細めなければならない場合、あなたはデザインの重要な側面に失敗しました。視覚的な評価とは別に、読みやすいフォントを確保するためにチェックする必要のある要素は次のとおりです。

サイズ

ポイントサイズは、デザインのコンテキストに適合している必要があります。たとえば、名刺のフォントサイズは発表ポスターのフォントサイズとは異なります。デスクトップとハンドヘルドデバイスで表示されるグラフィックスの設計についても同じことが言えます。

間隔

適切な間隔調整を行うと、読みやすさに有利な影響があります。一般に、かなりの間隔を空けると、テキストの読みやすさが向上します。ただし、スペースが狭い場合は、さまざまな組み合わせを試してから、十分な情報に基づいてテキストを読みやすくすることを決定してください。多くのオンラインタイポグラフィツールを使用すると、ユーザーは文字の間隔を調整できるため、1つを使用して正しい間隔を調整してください。

エックスハイト

エックスハイトは、フォントの小文字の「高さ」です。読みやすさを確保するために、エックスハイトは寛大である必要がありますが、大文字の高さに近いほどではありません。

フォントの組み合わせ

フォントの組み合わせまたはフォントの組み合わせは、タイポグラフィを必要とするすべてのデザインプロジェクトで重要な役割を果たします。この側面の素晴らしい点は、プロセスをそれほど難しくないタスクにするオンラインの膨大な量のリソースです。

一部のツールは、既製のフォントの組み合わせを提供します。スターターフォントとペアリングするのに最適なフォントを検索できるWebサイトもあります。ただし、これらのリソースがある場合でも、フォントペアリングの基本を学ぶことが重要です。

補完的なフォントをペアにします。

作成されるすべてのフォントには、特定のムードまたは特性があります。フォントを組み合わせるときは、各フォントのムードが互いに補完し合うようにしてください。デザインでスターターフォントとして表示書体が必要な場合は、補足フォントがニュートラルであることを確認してください。

フォントを補完することは、共有品質を見つけることを意味する場合もあります。これは、一緒にうまく機能する可能性のある、2つのはっきりと異なるフォントとの共通点を見つけることを意味します。

共有される品質は、高さまたは基本構造です。時々、品質は微妙です。しかし、2つのフォントを組み合わせると、すべてが正しく適合します。

場合によっては、2つの補完的なフォントを見つけることが、技術的なプロセスになることがあります。しかし、多くの場合、これは「フォント心理学」に関する知識を使用した試行錯誤のアプローチの組み合わせでもあります。

あまりにも多くのフォントを使用しないでください。

基本的なタイポグラフィのルールは、物事をシンプルに保つことです。 1つのデザインで複数のフォントを使用する場合、その組み合わせによって視覚的な切断が発生し、デザインやブランドに悪影響を与える可能性があります。

また、フォントの数が多すぎると、そもそもタイポグラフィを追加する目的が損なわれます。使用されている書体の寄せ集めに気を取られるため、聴衆はあなたのデザインのメッセージを受け取りません。

ここで、プロジェクトで複数のフォントを使用する必要がある場合は、それらが完全な一致、シームレスな混合、またはその両方であるかどうかにかかわらず、すべてのフォントのバランスが取れていることを確認してください。

視覚的な階層を提示します。

ペアリングの各フォントは、デザインの全体的なルックアンドフィールに独自の関連性を持っている必要があります。フォントは、何らかの形の視覚的階層をもたらすように十分に異なっている必要があります。最も試行錯誤された「トリック」は、1つのSerifフォントと1つのSans-Serifフォントを組み合わせることです。

これは、本文のコピーで使用されるフォントにとって特に重要です。フォントのサイズ、高さ、間隔は、視聴者がページを見てそのコンテンツを読む方法に重要な役割を果たします。

同じことがフォントの組み合わせにも当てはまります。一般的に、見出しは印象的な外観を提示する必要があります。デザインコンセプトに応じて、伝統的な書体または装飾的な書体にすることができます。あるいは、体は全面的に判読可能でなければなりません。

また、画像のキャプション、署名欄、引用された行など、他のテキスト要素に適した補完フォントを選択することも重要です。

同じデザイナーが作成したフォントを使用してください。

タイポグラファーは、フォントユーザーが自分の作品を識別するのに役立つ「署名の外観」を持っていることがよくあります。この外観は通常、特定の構造を持つ認識可能な美学であり、論理的で簡単なフォントの組み合わせになります。

1人のデザイナーから自分のデザインに合う2つの補完的なフォントが見つからない場合は、代わりに「フォントスーパーファミリー」をチェックしてください。これらは、SerifとSans-Serifの両方のタイプフェイスが互いにバランスを取るように特別に設計されたフォントファミリーです。

タイポグラフィツール

インターネットは 最高の タイポグラフィツールとリソースを見つける場所。実際、最近のほとんどの設計者は、フォントの選択がプロジェクトの全体的な設計とうまく機能することを保証するための頼りになるツールを持っています。

ここにあなたがエースするのを助けるための最高のタイポグラフィリソースの30があります 行う あなたの仕事の側面。

Typegenuis

TypegeniusはCanva.comのサブセットです。これにより、ユーザーはあらゆるデザインプロジェクトに最適なフォントの組み合わせを見つけることができます。プロセスは、スターターフォントの選択から始まります。書体を選択すると、サイトはスターターフォントを最もよく補完するフォントを表示します。簡単に比較できるように表示テキストが表示されます。

WordMark.it

WordMark.itは、ユーザーのコンピューターにインストールされているフォントを使用してテキストのプレビューを表示するフォント選択プロセスをユーザーに提供します。プログラムを問題なく使用するには、Flashプラグインをインストールする必要があります。 JavaScriptも有効にする必要があります。このプログラムは、FlashがなくてもAppleの主力製品でも動作します。

フォントリス

Font Squirrelは、簡単に検索できるように分類された書体の優れたリソースです。このサイトでは、分類（例：サンセリフ、手描き、等幅）およびタグ（例：見出し、斜め、ヘビー）のフォントを提供しています。フォントは、ライセンスとファミリサイズの2つの主要なフィルタでも表示されます。ウェブサイトのすべてのフォントは、商用利用が100％無料です。

TypeWolf

TypeWolfは、ユーザーがWebデザインに使用するのに最適なフォントを見つけて特定するのに役立つ、厳選された書体Webサイトです。このサイトは、タイポグラフィに関連するすべての情報を提供するオンラインリソースの1つです。また、あらゆる種類のファウンドリのフォントを提供する独立したリソースでもあります。

抽象的なフォント

Abstract Fontsは、商用および個人用に数千を超えるダウンロード可能な書体を提供しています。手間のかからない検索のために、フォントはカテゴリ、アルファベット順、およびデザイナーで検索できます。このサイトには、追加のフォントの詳細が掲載されているフォーラムもあります。

フォントの炎

Font Flameは、ユーザーが画面に表示されるフォントの組み合わせを「好き」か「嫌い」かを選択できる、独自の厳選された書体のリソースです。楽しくシンプルなフォントペアリングのためのTinderのようなプロセスを実装しています。

Google Fonts

Google Fontsは、優れたタイポグラフィを通じて、すべてのWebデザインをより美しく直感的にすることを目的としています。このサイトでは、オープンソースのデザイナーWebフォントを幅広く提供しています。その広範なディレクトリは、個々の書体デザイナーとファウンドリで構成されており、書体に関連する詳細と、それらの使用法と人口統計に関する統計が含まれています。

窒素

Typekitは、Web上で最高のフォントのユーザーフレンドリーなリソースです。世界中の主要な書体ファウンドリと提携して、毎日何千もの書体をデザイナーに提供しています。このサイトからダウンロード可能なすべてのフォントは、商用および個人使用に利用できます。

何でも入力

Type Anythingは、ユーザーが優れたフォントの組み合わせを作成できるように設計されたシンプルなツールです。このプログラムにより、ユーザーはデザインプロジェクトを補完する最も適切なフォント設定をカスタマイズできます。フォントのペアリングを簡単にするために、TypeAnythingにはキーボードショートカットも用意されています。

タイプナゲット

Type Nuggetは、完全にレスポンシブな植字リソースであり、ユーザーがオンラインで最適なフォントの組み合わせを制御できるようにします。スムーズで洗練されたユーザーインターフェイスを備えたこのサイトは、互換性がありアクセス可能なCSSのナゲットを生成します。選択プロセスとアプリケーションは、コーディングの経験がなくても簡単に実行できます。

モジュラースケール

Modular Scaleは、本文や見出しのサイズや間隔など、植字に使用できる測定値を生成する、ユーザーフレンドリーなタイポグラフィツールです。サイトからの出力は、SassまたはJavaScriptプラグインを使用して、コピーして貼り付けることができます。

タイプキャスト

Typecastは、視覚的およびセマンティックなデザインを作成するために設計された高度なオンラインツールです。ユーザーはこのプログラムを使用して、Webフォントの読みやすさ、外観、およびレンダリングを確認できます。このサイトでは、デザイナーが自分のデザインの実用的なプロトタイプを手軽に共有することもできます。

フォンティック

Fonticは、主にPSDファイルに使用されるオンラインタイポグラフィツールです。プログラムは、ワンクリックでフォントのPSDをスキャンします。ユーザーはフォントを選択し、対応するコードをPhotoshopから直接取得できます。

FontReach

FontReachは、何千ものWebサイトをスキャンして、Web全体でフォントの使用法を提供するオンラインタイポグラフィリソースです。このサイトには、オンラインで使用されている上位のフォントと、各書体に関する関連情報も掲載されています。

使用中のフォント

Font In Useは、タイポグラフィのための優れたオンラインリソースです。このサイトは、フォント、フォーマット、業界別に分類された植字の公開アーカイブです。プログラムの背後にあるチームは、ユーザーのリテラシーとタイポグラフィの理解を向上させることを目的として、グラフィックデザインを文書化し、評価します。

RightFontApp

RightFontはMac用の軽量フォントアプリです。このプログラムを使用すると、ユーザーはMac、Dropbox、またはGoogleドライブでフォントをプレビュー、同期、ダウンロード、および管理できます。また、主にPhotoshop、Illustrator、Sketch用の簡単なフォント管理機能も提供します。

Typ.io

Typ.ioは、フォントペアリングの最新のインスピレーションをデザイナーに提供します。簡単に検索できるように、すべての組み合わせをカテゴリタグとキーワードタグで検索できます。このサイトには、デザインで使用されている対応する書体を含むサンプルWebサイトも表示されます。

タイプサンプル

Type Sampleは、ブックマークレットを使用してWebフォントを識別するタイポグラフィツールです。ユーザーは最大3つのフォントサンプルを無料で保存できます。無制限のサンプルの場合、ユーザーは年間少額（$ 5）を支払う必要があります。

フォントペア

Font Pairは、デザイナーがGoogleFontsをシームレスに統合するのに役立ちます。このサイトでは、可能な組み合わせを6つのカテゴリに分類しています。Sans-Serif/ Serif、Serif / Sans-Serif、Sans-Serif / Sans-Serif、Cursive / Sans-Serif、Cursive / Serif、Serif / Serifです。

タイプ詳細

タイプの詳細は、デザイナーが特定のWeb書体について知る必要があるすべての優れたリソースです。このサイトには1日に1つのフォントがあり、関連する固有の詳細がすべてリストされています。プログラムはまた、特定のフォントが特定のWebデザインに最適である理由をリストします。

フォントショップ

Font Shopは、その名前が示すように、eコマースサイトとタイポグラフィのオンラインディレクトリを組み合わせたものです。このサイトでは、フォントのニュースやアップデートも提供しています。カスタムフォントを入手したい、またはフォントデザイナーになりたい人にとっては素晴らしいリソースです。

プロトタイプ

Prototypoを使用すると、デザイナーは数回クリックするだけで独自のフォントを作成できます。リアルタイムソフトウェアは、ユーザーが描画やコーディングのスキルを必要とせずに、カスタマイズされたフォントをすばやく簡単に生成するのに役立ちます。 Prototypoで作成されたすべてのフォントは、Webデザインやその他のWebベースのアプリケーションで使用できます。

フォントフィット

Font Fitは、タイポグラフィの高度なオンラインソースであり、ユーザーは自分のデザインプロジェクトに合う適切なフォントまたはフォントの組み合わせを見つけることができます。このサイトは、分類ごとに分割された書体の広範なライブラリを強化して、フォント検索をより高速かつ簡単にします。また、ユーザーがデザインに正確に合うようにフォントの適切なサイズを決定するのにも役立ちます。

マイフォント

MyFontsのWhatthe Fontは、ユニークなタイポグラフィ検索ツールです。このプログラムを使用すると、ユーザーは不明なフォントのサンプル画像をアップロードできます。サイトのデータベースには、一致する可能性のあるフォントが数秒で表示されます。その広範なディレクトリで結果を生成できない場合、ユーザーはWebサイトフォーラムにアクセスして可能な回答を得ることができます。

FontAwesome

Font Awesomeは、フォントおよびCSSツールキットです。カスタマイズが簡単なスケーラブルなベクターアイコンをデザイナーに提供します。 CSSを介して実行できるものはすべて、プログラムに適用されます。

フリーフォントをダウンロードする

Download Free Fontsは、その名前が示すように、ユーザーが無料でフォントをダウンロードできるWebサイトです。これは、オンラインで最大のフォント保管庫の1つです。簡単に検索できるように、すべてのフォントはアルファベット順に分類されています。

可動タイプのリーグ

League of Movable Typeは、オンラインで最高の可動フォントの厳選されたリソースです。 2009年以来、プログラムの背後にあるチーム、別名The Leagueは、いくつかのよくできた無料のオープンソースフォントの立ち上げに成功しています。

失われたタイプ

Lost Typeは、Pay-What-You-Wantタイプのファウンドリを実装する独自のタイポグラフィリソースです。このサイトでは、世界中のデザイナーによる50以上のフォントフェイスの美しいコレクションを提供しています。販売からの全額の100％の支払いは、フォントデザイナーに直接送られます。

タイプ小説

Type Novelは、オンラインで見つけたユニークなフォントのTumblrを利用したリソースです。このサイトには、クールで人気のないフォントの画像が掲載されています。

フリーフェイス

Free Facesは、さまざまなサイトで見られる無料のフォントを提供するWebサイトです。これは、デザイナーが商用または個人的な使用を確認できるフォントのディレクトリとして機能します。検索を簡単にするために、フォントはSans、Serif、Cursive、Slab、Mono、およびDisplayの6つのカテゴリに分類されています。

2月20日の干支

ダウンロードして使用する前に、フォントのライセンスを確認することをお勧めします。これは、購入したフォントであっても、法的な問題から自分自身（またはクライアント）を保護するために行う必要のある方法です。

友達と共有してください:

最新ニュース

人気の記事