タイポグラフィがあなたのウェブサイトにとって重要である理由

公開: 2017-06-13

コンテンツのマーケティングは、新しいクライアントを引き付け、顧客を維持し、いいね、サブスクリプション、リード、販売のいずれの形式であっても、コンバージョンを生み出すための重要な戦略です。

コンテンツは、それ自体がメッセージとして存在する可能性があります。これは、メッセージがどのフォントであるか、またはどのようにパッケージ化されているかに関係なく、メッセージは変更されないと考える傾向があるためです。

それともそうですか？

メッセージがどのように作成されるかを考えてみましょう。言語的および意味論的な観点から、主要なアイデアが思い浮かび、メッセージを組み立てるために単語が慎重に選択されます。効果的にコミュニケーションをとるには、聴衆を知り、選択した言葉に彼らがどのように反応するかを予測できる必要があります。

これらの単語は、後で理解、処理、および消化されるために読む必要があります。しかし、聴衆に読んでもらうためには、適切かつ効果的な方法でメッセージを提示する必要があります。

プレゼンテーションは非常に重要です。ほとんどの人は、しわくちゃの茶色の紙袋ではなく、宝石商の箱の中にダイヤモンドの指輪があることを期待し、誰もそれを見つけるためだけに後者を探すことはありません。タイポグラフィとは、コンテンツ、つまり視聴者に伝えようとしているメッセージを提示してパッケージ化することです。

タイポグラフィとは何ですか？

タイポグラフィとは、テキストをドキュメントに配置する方法、またはこの記事の目的のためにWebページに配置する方法のことです。特にタイポグラフィは創造性と革新性に密接に関係しているため、それはしばしば芸術と見なされます。タイポグラフィは、テーマの強調、個性の定義、アイデアの強調、感情の表現、興味の生成、全体的なデザインの美学の構築など、多くの目的に役立ちます。それはレイアウトとコンテンツの共通部分であり、あらゆるWebサイトのWebデザインの不可欠な部分です。

考慮する価値のあるタイポグラフィの要素

タイポグラフィには、フォントの選択、カラーパレット、サイズ、線の長さ、レイアウト、デザインとの統合など、Webデザインに影響を与える要素が多数含まれています。タイポグラフィを効果的に使用するには、これらすべての要素に精通していることが重要です。

書体：タイポグラフィについて考えるときに最初に頭に浮かぶのはです。「フォント」と「タイポグラフィ」という用語を同じ意味で使用するものもありますが、フォントはタイポグラフィを構成するものの単なるサブセットを構成します。書体は、単に使用されているテキストスタイルの名前を指します。例としては、Helvetica、Times、Papyrus、Arialなどがあります。
フォント：ほとんどの人は「フォント」と「書体」を同じ意味で使用しますが、具体的に言うと、フォントは特定の書体のスタイルを指し、サイズ、高さ、幅、スタイルを示します。 Arial Narrow、サイズ14、斜体はフォントです。無数のプロレギュラー、サイズ12もそうです。
追跡：これは、テキストのブロック内の文字または文字のグループ間のスペースです。トラッキングは比較的標準的な傾向がありますが、テキストの密度に影響を与えるように調整できます。
カーニング：追跡はより一般的な用語ですが、カーニングは特に、通常は水平面内の個々の文字と文字の間の距離を指します。
行の長さ：これは、ページを左から右に走るテキストの長さを指します。これは、余白、カーニング、およびフォントサイズを調整することで変更できます。行の長さが長いほど、読みにくくなります。
Leading：Leadingは、文字のすぐ上とすぐ下のテキスト行に対して文字が配置される場所の間のスペースの測定値です。

これらの要素は、ページの読み取り方法に影響を与える上で重要です。ほとんどの人は、トラッキング、カーニング、行の長さ、およびリードのわずかな調整が劇的で価値のある結果をもたらす可能性があることを無視しながら、フォントと書体だけに焦点を合わせています。

なぜ

タイポグラフィはウェブサイトの視覚的個性を強調します

一見すると、あなたのウェブサイトへの訪問者はそれが何であるかを決定することができるはずです。ここではたくさんの心理学が働いており、多くのサブテキストがほぼ瞬時に作成されます。

色、レイアウト、タイポグラフィからヒントを得ることで、書かれた内容を調べたり写真を見たりしなくても、包括的なトーン、ムード、メッセージ、テーマを感じることができます。数秒以内に、訪問者は彼らがターゲットオーディエンスのメンバーであるかどうかを決定するか、単に彼らのためではないとしてウェブサイトを却下します。

タイポグラフィは、個々の視覚要素の相互作用が互いに相乗的に作用して、望ましい感情的反応を引き出すため、この目標を達成するのに役立ちます。

タイポグラフィはあなたのブランドを定義するのに役立ちます

あなたのブランドは単なるロゴではありません。ナイキのトレードマークであるスウッシュやスターバックスのサイレンと同じように、これらの実際のブランド名のタイポグラフィも同様に認識可能であり、ブランドの認知に貢献しています。

有名なブランドを選び、フォントを別のものに変更するだけです。ブランドが他の多くのコンテキストで使用されるフォントを使用している場合でも、タイポグラフィとロゴの組み合わせは、2つが離婚できないように、人々がブランドを識別および認識する方法に貢献します。

言うまでもなく、象徴的なロゴがあり、それが適切なタイポグラフィで補完されている場合、その組み合わせは顧客の心の中で際立っており、ブランドを前進させます。

タイポグラフィは読者の注意を集中させます

先に触れたように、あなたのウェブサイトのコンテンツは最高の質のものかもしれませんが、それが効果的に提示されなければ、あなたの努力は無駄になってしまいます。読者をすぐに理解させる方法の1つは、タイポグラフィを活用することです。上記のすべての要素は、コンテンツが認識されるだけでなく、体験される方法にも貢献します。

Comic Sansで公開されているものを読んで、真剣に受け止めているかどうかを誰かに尋ねます。たぶん、彼らはメッセージを些細なものか些細なものとして却下したでしょう。さらに良いことに、すべての単語が同じフォントであり、すべての行が正当化される、恐ろしい「テキストの壁」を提示します。たとえトピックが彼らが本当に興味を持っているものであったとしても、彼らはおそらく最初の段落を通り抜けるのに苦労しました。

書体とサイズ、レイアウト、色を少し調整することで、記事の読みやすさに大きな違いが生まれ、メッセージの要点を強調するのに役立ちます。読者はあなたの努力に感謝するでしょう。

タイポグラフィはあなたのウェブサイトの一貫性を無傷に保ちます

タイポグラフィは、Webサイトのさまざまな要素を結び付ける接着剤です。

あなたのウェブサイトへの訪問者は一貫性を求めます。そして、それは必ずしもあなたのウェブサイトに他の人のように見える一般的なクッキーカッターの外観を意味するわけではありません。これらの要素は、ページの上部から[Call-To-Action]ボタンまで、内部で相互に適切に機能する必要があります。検索エンジンは適切に表示されたコンテンツを好む傾向があり、アナリティクスでのWebサイトのパフォーマンスは一貫性を反映します。さらに、ユーザーは探しているものを見つけることができ、ウェブサイトをさまよって数分を費やす必要がなく、あらゆる段階でイライラする必要があります。

タイポグラフィは、サイトの均一性を強化するか、サイトの欠如を明らかにする可能性があります。コンバージョン率は、読者がアクセスしたときのユーザーエクスペリエンスを示します。

タイポグラフィをあなたのために機能させる方法

フォント、書体、およびそれらのバリエーション

自由に使用できる書体の種類を知っているか、少なくとも使用したい書体に精通していることが重要です。フォントにはさまざまなバリエーションがあり、いくつかの違いは微妙です。しかし、これらのニュアンスはプレゼンテーションに影響を与える可能性があるため、Webサイトの個性と存在感を高める際に、選択肢を理解してください。

一握りのカテゴリの何千ものフォント

使用するフォントを探すのに数時間、数日、さらには数週間を費やしても、探しているものが見つかったかどうかはわかりません。ありがたいことに、フォントはほとんど重複することなく、きちんとしたカテゴリに簡単に分類されます。

セリフ：セリフは、ストロークの終わりにあるわずかな突起で、通常は下部に見られますが、文字の上部または右端または左端にも見られます。例として、これらのフォントの小文字の「m」または「n」には「フィート」が付いているように見えます。セリフフォントの例には、Times、Baskerville、Cambriaなどがあります。
Sans Serif ：これらのフォントには、終端ストロークまたは「フィート」がありません。見た目はすっきりとしていて、合理化されているか、ミニマリストですが、小さいサイズでは読みにくい場合があります。これらのフォントの例には、Arial、Helvetica、Calibriなどがあります。
スクリプト：これらの装飾フォントは、エレガントな外観で人気があり、結婚式の招待状、証明書、および同様の文書によく見られます。それらを効果的に使用するには、十分なスペースを確保し、芸術性を評価するのに十分な大きさのサイズで、控えめに使用してください。
ディスプレイ：この種のフォントは、映画のポスター、看板、新聞の見出しによく見られます。スクリプトフォントと同様に、多すぎると圧倒される可能性があるため、これらは強調のためにのみ使用してください。
手レタリング：名前が示すように、これらのフォントは、子供の手書きをシミュレートする、手でレンダリングされた外観を持っています。または黒板での非公式で急いで走り書き。これらのフォントの利点は、他のカテゴリにはない人間的な要素を持っていることです。

読み取り可能なコンテンツが読み取られる

読みやすさにはいくつかの要因があります。コンテンツ自体は別として、タイポグラフィのすべての要素、特にスペースの使用を考慮してください。カーニングと追跡は、本文をスキャンする能力に大きな違いをもたらす可能性があります。

ユニットを意味のある方法で処理できるように、個々の文字、単語、行、およびセクションの間に十分な距離を追加して、作成したコンテンツに十分な余裕を持たせます。

行の長さは、1行あたり50〜75文字の範囲に保ちます。これは、行が正当化されているかどうかに関係なく、約10〜15語を使用することを意味します。

フォントの選択

プロジェクトに選択したフォントは、Webサイトのブランディング、個々の製品、製品ライン、または会社全体のいずれであっても、プロジェクトを完全にサポートまたは却下するために、視聴者の行動に影響を与え、指示することができます。彼らがあなたの聴衆を行動に駆り立てる方法に対するあなたの選択の影響を必ず考慮してください。

あなたのブランドが確立されたアイデンティティを持っていて、あなたの聴衆があなたのブランディングで使用されているフォントだけであなたのブランドを認識できるなら、これはますます重要になります。物事を変えると、ブランドへの信頼が失われたり、製品の品質が悪化した疑いがあるなど、視聴者に悪影響を与える可能性があります。

微妙さをマスターする

タイポグラフィは、外観に変化を加えるだけで、個性と意味をもたらします。性格のバランスが適切な書体を見つけるのは非常に難しい場合があります。フォントの視覚的な手がかりと特徴は、実際の言葉を覆い隠す可能性のある感情、トーン、魅力の要素を追加します。

グラフィックデザイナーと協力してウェブサイトやブランドを開発するときは、プロジェクトに特定のフォントを選択した理由を必ず尋ねてください。優れた設計者は、彼らの選択を説明するのに非常に寛容であり、あなたは彼らの思考の流れについても洞察を得ることができます。

結論：何が機能するかを見つける（そしてそれに固執する）

あなたのウェブサイトのために働くタイポグラフィを確立するのに多くの時間と労力を要するかもしれません、そしてあなたは途中でいくつかの間違いをするかもしれません。新しいフォントと書体が毎日作成され、リリースされており、現在有効なレイアウトとテーマは、最終的には古くなり、時代遅れになります。しかし、自分に合ったものを見つけたら、それを守り、コンバージョンが上がるのを見てください。