タイポグラフィがユーザーエクスペリエンスに与える影響
公開: 2018-01-20タイポグラフィは、時間の経過とともにますます人気が高まっている芸術と技術です。 焦点を当てている分野が何であれ、すべてのデザイナーが持っていなければならないのは重要なスキルです。
あなたがビジネスを営んでいる人、したい人、または単にデザイナーである人なら、タイポグラフィは理由もなくあまり話題になりません。 タイポグラフィの助けを借りて、あなたはあなたの読者とユーザーに永続的な影響を与えることができます。
一部の人にとっては一群の言葉のように見えるかもしれませんが、その一群は非常に論理的かつ技術的な方法でまとめられており、そのすべての要素がお茶に注意を払っています。 無視してはならず、無視してはならないのは、設計における重要な要素です。
タイポグラフィに注意を払う必要がある理由がわからない場合は、簡単にするために、イラスト、ブランド、またはデザインに読者の注意を向け続けることができます。 はい、写真は千の言葉を話すことができます、そしてあなたのロゴや他のイラストもそうすることができます。 しかし、タイポグラフィは、彼らがあなたの作品を見続ける時間と、それが彼らに与える影響にかなり影響します。
グラフィックデザインの重要性
グラフィックデザインでは、タイポグラフィは、あなたが取り組んでいるブランドとビジネスを可能な限り密接に表すようにタイプを配置する技術と結果に関連し、人々にそれが本当に何であるかについての考えを与えます。
タイポグラフィが優れているほど、気付かれる可能性が高くなります。 そのため、特にロゴの場合、一部の企業は画像を残し、非常に特殊な方法で文字を使用してロゴを作成しています。
これにより、ブランドを覚えやすくなります。最も一般的な例の1つは、コカコーラです。 コカ・コーラのロゴの裏にはかなりの物語があり、それはすべてがどのようになってきたかを正確に示しており、それが世界のすべての地域に与えた影響は非常に明白です。
コカ・コーラのロゴは、その要素のどれだけがブランド自体に関連付けられているかを正確に確認できるため、最良の例です。
賢いグラフィックデザイナーは、デザインとブランドの視覚的側面と言語的側面の両方を明確に伝える方法でタイポグラフィを探索する方法を知っています。
さて、「視覚的および言語的側面」とは正確には何を意味するのでしょうか。
- 視覚的–イラストの視覚的外観によって作成された意味。 テキストと画像の両方。 タイポグラフィの特徴とそれがどのように感じさせるかが、その視覚的品質に貢献しています。
- 口頭–イラストで使用されている単語またはフレーズの文字通りの意味。
正しい方法で組み合わせると、視覚的側面と言語的側面がユーザーエクスペリエンスに大きな影響を与え、さまざまなメッセージを示して伝えることができます。
視覚的側面と言語的側面のバランスが取れた非常に強力なロゴのもう1つの例は、キットカットロゴです。
この研究は、ここで、タイポグラフィがどのように私たちに影響を与えることができるか、そしてマーケターがそれを彼らの利益のためにどのように使用できるかを非常に明確に示しています。 これは、IBM、メルセデス、ニベア、マールボロなどの人気企業が使用しているフォントが国際的に認められていることを示しており、これらの企業が商標フォントのデザインと著作権に投資しているのはまさにそのためです。
信じられない場合は、グリーンピースの広告キャンペーンの以下の画像をご覧ください。
キットカットとは言えませんが、あなたの心は即座にブランドとの認識可能なつながりを生み出します。
タイポグラフィの効果
KevinLarsonとRosalindPicardは、タイポグラフィが気分にどのように影響するかについての調査結果を、優れたタイポグラフィの利点も扱った論文「TheAestheticsofReading」で発表しました。
以下は非常に単純な例であり、研究の最初のものです。 どちらが見栄えが良く、読むのが楽しいと思いますか？
両方のドキュメントで異なるのは、テキストのレイアウトと配置だけです。 2番目の画像は非常にはっきりと読みやすく、ほとんどの人はそれを読むことに興奮しています。 鮮明でクリアなレイアウトで、他のレイアウトよりも非常に好まれています。
最初の画像は非常に紛らわしく、処理するには多すぎるように見えます。 それはあなたの心を混乱させる可能性があり、単に見るのも楽しいものではありません。
これらのプロセスは私たちの脳の中で常に起こり、私たちの気分やその後の選択に大きく反映されます。
同様に、この論文では、合字、スモールキャップ、数字、下付き/上付き文字など、テキストの書き方もテストしています。
各文字、単語、文、段落の間のスペースでさえ、特定の認知タスクでの気分と生産性に影響を与えます。
この論文は、不均一なストロークの重みや文字間および文字内の間隔よりも対称性の方がはるかに好ましいことを示しています。
これらはすべて、オフラインだけでなくオンラインで作業するときに考慮する必要のある要素です。
そうは言っても、数学的にではなく、光学的に間隔を空けてロゴやイラストを配置することをお勧めします。 下の画像は、両方の違いを示しています。
ポジティブな気分、より良い結果
あなたのイラストがより積極的に誘発するほど、彼らがあなたのブランドやビジネスに引き付けられることは明らかです。 上記の研究は、優れたタイポグラフィが認知能力も高めることを証明しています。
真実は、タイポグラフィも判断に影響を与える可能性があるということです。 New York Timesは、「あなたは楽観主義者ですか、それとも悲観主義者ですか」という調査を実施しました。 この研究では、壊滅的な出来事の間の安全の参加者の気持ちについて議論しましたが、それは書体があなたに与える可能性のある影響についてでした。 そして、害はなかったので、おそらくそれは倫理的とも言えます。
使用したフォントは、Comic Sans、Computer Modern、Trebuchet、Helvetica、Georgia、Baskervilleでした。 調査は約45,000人の参加者を対象に実施され、その結果、人々は他のフォントよりも1.5％多くBaskervilleフォントに同意する傾向があることが示されました。
1.5％は小さな割合のように見えるかもしれませんが、結局のところ、書体が判断に影響を与えることを示すには十分です。
同じテキストで使用するフォントが多ければ多いほど、それをパーソナライズし、表現力と創造性を高めることができます。 正直なところ、あなたの書体はほとんどあなたのボディーランゲージとして機能し、私たちは皆、ボディーランゲージがいかに重要であるかを知っています。 それはあなたとクライアントの間に感情的なつながりを作り出すか、あなたのマーケティングピッチを完全に台無しにする可能性があります。
そして、良いタイポグラフィとなると、理解するのは簡単ですが、実行するのはそれほど多くありません。 あなたのテキストは理解しやすいので、それはあなたの聴衆が集中するための強い個性の感覚を発達させます。
Webデザインのタイポグラフィ
ウェブサイトをデザインするときは、おそらくそこにたくさんの情報があることを覚えておく必要があります。そのため、書体とスタイルを混同しすぎるのではなく、一貫性を保つことをお勧めします。読むのが痛い。
優れたタイプセットページは、読者とユーザーに、どこから読み始め、どのようにページを下に進むかを正確に伝えます。 重要なこととそうでないことは、言葉ではなく、ウェブサイトのページにテキストがどのように配置されているかによって明確に述べられています。
色も非常に重要であり、最小限に抑えるか、Webサイト全体でセットのみを使用する必要があります。 飛び回りすぎると、読者を混乱させ、ウェブサイトやページの要点を理解しにくくする可能性があります。
同様に、見出しとその内容に違いがないほど単純にしすぎないでください。
コンテンツマーケティングのタイポグラフィ
読者に影響を与え、コンテンツを通じてあなたのビジネスに呼びかけることが、コンテンツマーケティングの目的です。 感情を伝えずにテキストを読むことはほぼ不可能です。そのため、伝えたい感情、書き込むのに最適なフォント、その他すべてを理解する方がはるかに優れています。注意。
覚えておくべきもう1つのヒントは、太字は注意を引きますが、斜体は読者にあまり影響を与えないということです。 ただし、コンテンツをイタリック体にすることで、テキストに少し優雅さと洗練さをもたらすことができます。
また、情報は、正直なところ、誰も通過する時間がない膨大な段落のチャンクよりも、箇条書きで設定した方が処理が簡単です。
一方、Calibriなどの「鮮明な」書体を使用すると、ポイントが非常に明確で確実になります。
入門
さて、あなたはあなたが達成しようとしていることが何であるかを正確に知る必要があります。 タイポグラフィプロジェクトの目標は明確でなければなりません。 読者に何を感じてもらいたいかを知ることは重要であり、その考えを念頭に置いて作業することは、要素を明確に強調するのに役立ちます。
さまざまなフォントスタイル、サイズ、色を試して、テキストに下線を引いたり、太字にしたり、イタリック体にしたり、正確なムードを伝えて、人々にあなたの仕事について知らせ、一目で注意を引くだけでなく、あなたがする必要があることは何でもしてください。しばらくそのままにしておきます。 素人の場合は、ロゴデザインツールを自分で試して、何が効果的で何が効果的でないかを確認できます。
また、小さなフォントであっても、テキストが読みやすいことが非常に重要であることを忘れないでください。 文字を正しく識別し、最初の文字だけを理解するために多大な労力を費やすことなく、テキストをスムーズに読むプロセスを作成できる必要があります。
以下は、タイポグラフィのスキルを向上させるためにアプリケーションと理解を釘付けにするいくつかの要素です。
タイポグラフィの要素
- 書体：使用されるテキストスタイル（たとえば、Times New Roman、Calibri、Arielなど）。
- フォント：書体の特定のスタイル、およびその幅、高さ、サイズ（たとえば、Century、サイズ12、太字）。多くの場合、書体と同義語として使用されます。
- 追跡：テキスト内の文字間のスペース。
- カーニング：追跡に似ていますが、テキスト内の文字と文字の間の空白も指します。
- Leading ：テキストの1行とその上下の行の間の距離の測定。
- 行の長さ：名前が示すように、行のテキストの長さ。
結論は
タイポグラフィは、書かれた単語の視覚的要素に焦点を当てた芸術形式です。 ターゲットオーディエンスに適切に視覚化するだけで、忘れられないインパクトを生み出すことができます。 どんなデザイナーにとっても、デザイン業界でのキャリアを発展させ、強化したいのであれば、タイポグラフィに細心の注意を払い、タイポグラフィのスキルを習得することに取り組むことが重要です。
タイポグラフィはボディランゲージであり、ユーザーがあなたのブランドに対して抱く第一印象を左右します。
そして、サイラス・ハイスミスが言うように、「タイポグラフィは物語の詳細と表現です。 それは雰囲気の声、またはある種の歴史的背景を表しています。 多くのことができます。」