タイポグラフィは、書かれた単語を視覚的に表現したものです。ただし、効果的に使用すれば、伝達される内容に意味を追加することもできます。優れたタイポグラフィとは、お気に入りのフォントを選択するだけではありません。視聴者にとって読みやすく、心地よい方法でタイプを設定および配置します。

ウェブとモバイルが今日のダイナミックな力であるため、ブランドをさらに前進させるタイポグラフィを探求する絶好の機会があります。企業のウェブサイトは通常、消費者がブランドとやり取りする場所であるため、複数のプラットフォームで型機能を使用できることがますます重要になっています。

– Cristin Burton、グラフィックデザイナー ビッグストック

専門のWebデザイナーになることなく、タイポグラフィをスキルの1つに効率的にしたい場合は、アートを習得するのに役立つリソースがたくさんあります。このガイドに従って、1か月で優れたタイポグラファーになるための毎週のプロセスを説明します。

1週目：基本を学ぶ

タイプを効果的に使用するには、文字の構造と文字が相互に作用する方法をしっかりと理解する必要があります。これには、文字のさまざまな部分とフォントの分類方法を知ることが含まれます。広告

書体とフォント
まず、これら2つの用語の違いを理解する必要があります。書体は、さまざまな太さの異なる文字のセットであり、最終的にフォントファミリを構成します。フォントは、書体内の文字スタイルの1つのセットです。基本的に、フォントは書体の特定のサイズ、太さ、スタイルですが、書体は包括的なデザインを共有する一連のフォントです。

書体スタイ​​ル
書体はさまざまなスタイルカテゴリに分類されており、最適な用途を定義するのに役立ちます。最も一般的で基本的な分類は、セリフとサンセリフです。 A セリフ は文字の端から始まる小さなストロークであり、サンセリフフォントにはこれらのストロークがありません。サンセリフフォントは通常、Webで読むのに最も簡単で、セリフはタイトルや大胆な表現に最適です。

手紙の構造
のバリエーション 手紙の一部 さまざまなスタイルのフォントを構成するものです。各フォントには、パーツの独自の形状とサイズの独自のセットがあります。あなたが知っておくべき主な部分のいくつかは次のとおりです。

• X-height：小文字のxの高さ、またはアセンダーとディセンダーを除く小文字の高さ。
• ベースライン：文字のセットが均一性と読みやすさを作成するために配置する架空の線。
• アセンダー：エックスハイトより上に伸びる文字の部分。
• ディセンダー：ベースラインより下に下がる文字の部分。
• カウンター：文字で囲まれたスペース。

リソース
これらのレッスンとチュートリアルは、タイプの基本をより深く理解するのに役立ちます。広告

• Webタイポグラフィ101
  これは、フォントの種類と文字間隔の概要に関する簡単なレッスンです。
• タイポグラフィのクラッシュコース：タイプの基本
  このコースでは、文字の構造、タイプの分類、およびスタイルが意味にどのように影響するかについて説明します。

2週目：書体の組み合わせと変更

特定のプロジェクトに適していると思われるフォントを誰でも簡単に選択できます。ただし、プロジェクトに実際に意味を追加し、フォントスタイルをカスタマイズしてその効果を最適化する場合は、さまざまなスタイルを組み合わせて手動で調整する方法を学ぶ必要があります。

書体の組み合わせ
書体を組み合わせると、プロジェクトに深みと興味を追加して、視聴者の注意を引き付け、目を動かし続けることができます。統一された補完的なスタイルを確保するためにこれらの組み合わせを組み合わせるときに考慮する必要がある特定の原則があります。

コントラスト：選択した書体は、認識できるほど異なるだけでなく、スタイルが衝突するほど異ならないように、十分に一意である必要があります。このバランスは、重量、サイズ、構造、色を変えることで見つけることができます。

階層：書体の実際のスタイルに加えて、視聴者の目を導くのに役立つ視覚的な階層を確立することで、コントラストを作成できます。

広告

書体の変更
各フォントには、その構造を確立するための組み込みのスペース設定があります。ただし、特定のレイアウトでは間隔が適切でない場合があります。これは、リーディング、カーニング、トラッキングと呼ばれるこれらのスペースを調整することで修正できます。リーディングとは、コピーのブロック内のベースライン間の距離を指し、カーニングは2つの特定の文字間のスペースであり、トラッキングとは、テキスト内のすべての文字間の均一な間隔です。これらの設定をわずかに変更することで、レイアウトをより読みやすく、見た目に美しく、意味のあるものにすることができます。

リソース

• タイポグラフィチュートリアル：リーディング、カーニング、トラッキング
  このチュートリアルに従って、文字の間隔と、タイプに変更を正常に適用する方法について学習してください。
• タイポグラフィのクラッシュコース：書体を組み合わせるための原則
  これは、さまざまな書体を組み合わせてコントラストを効果的に作成するためのより詳細なガイドです。
• より良いタイポグラフィへの5つの簡単なステップ
  このガイドでは、テキストのブロックが読みやすいことを確認するためのより技術的な詳細について説明します。

3週目：レイアウト

シンプルなテキストベースのドキュメントをまとめる場合でも、意図的なレイアウトは、読者がコンテンツ全体を消化することと、より興味深いものに進むことの違いを意味する場合があります。フォントとフォントスタイルのバリエーション、空白、適切なリーディング、カーニング、トラッキングはすべて、見た目に美しいプロジェクトに貢献します。

グリッド：堅実なレイアウトを開発するための便利な方法は、グリッドシステムを使用することです。これにより、間隔と配置の一貫性を見つけることができます。 InDesignには、使いやすく、タイプのレイアウトとカスタマイズに最適な優れたグリッド機能があります。

リソース 広告

• 誤植レイアウトにグリッドを利用する
  これは、グリッドの使用法をナビゲートするのに役立つステップバイステップガイドです。

第4週：創造性を発揮し、視覚的階層を使用する

タイポグラフィのスキルを向上させると、よりユニークでクリエイティブなレイアウトを試したり、独自のレタリングをカスタマイズしたりすることができます。堅実なレイアウトを作成する方法を理解したら、読者の興味を引き付ける視覚的な階層を作成するためのさまざまな方法の実験を開始できます。

階層：さまざまなレイアウトや書体をテストするときは、対象読者を念頭に置き、ソリューションが彼らのニーズと期待を満たしているかどうかを検討してください。たとえば、信頼できるプロのブランドを表現することを目的としたプロジェクトに、装飾性の高いフォントを使用するのは最も効果的ではない場合があります。書体の組み合わせについて学んだことを使用して、さまざまな階層を作成します。

レタリング：タイポグラフィが上手になるための旅で特に野心的な場合は、レタリングを試してみることを検討してください。これは文字を描く技術ですが、すべてコンピューター（通常はAdobe Illustrator）で行うこともできます。

リソース

• エキサイティングで珍しい視覚的階層の作成
  これは、サイズ、スペース、および組み合わせを使用して新しい階層を作成する方法を学習するのに役立ちます。
• タイプとレタリングの違いを理解する
  これらの両方の慣行をより深く理解し、誤植の野心がどこまで実行されるかを決定します。

準備ができた！

タイポグラフィのレッスンを計画したので、始める準備ができました。月末までに、専門のタイポグラファーになる準備が整い、すべてのプロジェクトがより簡単に、より効果的に視聴者とコミュニケーションできるようになります。