デザイン

デザイン

PR

タイポグラフィをデザインするなら要チェック!おすすめのタイポグラフィツール12選

UX Planet

UX Planet is a one-stop resource for everything related to user experience.

本記事は、12 Helpful Typography Tools
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

3,320 views

読了時間 : 約4分4秒

より多くのデザイナーがコンテンツ優先アプローチのメリットを理解するにつれて、優れたタイポグラフィを作成することはデザインプロセスにおいて欠かせない部分になってきています。

 

Web上の情報の95%が言語で書かれています。(Oliver Reichenstein)

 

しかし、タイポグラフィーに関する作業をすることは、初心者であれば難しい課題となる可能性があります。タスクをより快適にするために、このリストを用意しました。この記事に記載されているすべてのツールは、あなたのコンテンツを洗練させ、より良い製品をデザインするのを助けることを目指しています。

 

各ツールは、次のセクションに分かれてまとめられています。

 

  • ・フォント
  • ・フォントのペアリングとスタイリング
  • ・スケール
  • ・インスピレーション

 

 

○フォント

タイポグラフィに関するワーキングプロセスは、デザインのために選択したフォントから始まります。フォントの選択は、聴衆に送るメッセージにおいて重要な役割を果たします。

 

Googleフォント

フリーフォントをお探しですか?それらを見つけるのに最も便利な場所の1つは、無料で使用できる850種類以上のフォントからなる堅牢なディレクトリであるGoogleフォントです。検索機能がなければ、そのような巨大なコレクションで迷子になる可能性さえあります。しかし、Google Fontsではカテゴリや視覚的なプロパティ(太さなど)に応じてフォントを検索できます。

 

Calligraphr

あなたの製品に適したフォントが見つかりませんでしたか?問題ないです!これで自分のフォントを作成できます。 Calligraphrは、手書きをベクターフォントに変換するためのツールです。

 

FontFace Ninja

普段サイトにアクセスした際に、そこで使われているフォントの名前が何であるか気になった経験はありませんか?もちろん、ブラウザで開発ツールを開いてフォントを見つけることはできますが、こちらははるかに簡単です。Fontface Ninjaは、Google Chromeの無料ブラウザ拡張機能で、どのウェブサイトでもフォントを閲覧してブックマークすることができます。

 

Emotype

Emotypeを使用すると、ウェブサイトにおいて伝えたい感情に基づいて簡単にフォントを見つけることができます。フォントは手作業で選択でき、4つの感情のグループに分類されます。自信、歓迎、ユニーク、ニュートラルの分類です。

 

 

 

○フォントのペアリングとスタイリング

プロジェクトに最適なフォントを選ぶことは大きな課題になる可能性があります。非常に頻繁に複数のフォントが必要となり、それは完全なペアリングを見つける必要があることを意味します。フォントはお互いに補完し合い、快適に読める体験を作り出す必要があります。

 

Archetypeapp

プロジェクトに対応するフォントのペアを見つけるのに役立つツールをお探しですか?Archetypeappを使用してください。Archetypeappを使うとデザイナーは一貫したタイポグラフィスタイリングとライブスペーシングをブラウザで作成できます。

 

Font Joy

Font Joyのスローガンは、「フォントのペアリングが簡単に」です。このツールは、フォントペアリングのディープラーニングを行います。しかし、ユーザーとしては、このサービスを使用する際に難しいことはありません。フォントをペアリングするために必要なことは、「新しいフォントペアリングを作成する」をクリックし、保持したいフォントをロック、または手動でフォントを選択するだけです。

 

 

 

○スケール

完璧なフォントのペアを見つけたら、さまざまな見出しレベルと本文のサイズの関係、つまり階層に関する作業を開始します。適切な階層構造は、サイト上のさまざまな種類のコンテンツ間の関係を人々が理解しやすくし、可読性を向上させます。

 

Material Design Type Scale

Material Design Type Scaleには、製品とそのコンテンツのニーズをサポートするさまざまなスタイルがあります。タイプスケールは、タイプシステムでサポートされている13のスタイルの組み合わせです。それには、再利用可能なカテゴリのテキストが含まれており、それぞれに意図されたアプリケーションと意味があります。

 

Modularscale

この電卓は、モジュラースケールと呼ばれる一連の数値を作成します。モジュラースケールは、ルーラーのように使用します。

 

Type Scale

タイプスケールも簡単なスケール計算機です。使用するために必要なことは、段落テキストの基本フォントサイズを入力してから、ヘッダーと小文字の周囲の値から選択することだけです。

 

 

 

○インスピレーションとおまけ

インスピレーションは製品デザインのプロセスにおいて重要な役割を果たします。インスピレーションなしでは、エキサイティングな製品を作るのは本当に難しいです。よって、デザイナーとしてのあなたは、必要なデジタルデザインだけではなく、さまざまなものからインスピレーションを得るのにも十分な時間を費やすべきです。

 

Typewolf

Typewolfは、ウェブサイトやポスターの実際の作業の仕組みを見たいデザイナーのための優れたリソースです。日々のインスピレーションを得るには、「今日のサイト」のセクションをご覧ください。

 

Typographic posters

Typographic postersは、ポスターのコレクションです。このサイトは世界中のポスターの優れた例を提供しています。

 

Kerntype

Kerntypeはツールではありません。こちらはゲームです。ルールは簡単です。文字間のスペースを分散させることによって、快適で読みやすいテキストを実現することがミッションです。このシンプルでエキサイティングなゲームはより良いデザインに繋がるでしょう。

 

 

 

これらは、デザインに役立つタイポグラフィツールのほんの一部の例です。他にも多くの素晴らしいタイポグラフィツールがあります。

 

 

 

※本記事は12 Helpful Typography Toolsを翻訳・再構成したものです。

 

 

 

▼こちらの記事もおすすめです!

 

おすすめ新着記事

おすすめタグ