デザイン

デザイン

Webデザインにおいて「フォント選び」がどれだけ重要か?がわかる7つの視点

7,060 views

読了時間 : 約1分51秒

Webデザインにおいてタイポグラフィーの書体は見過ごされがちです。しかし、書体は考えている以上にブランドのイメージに関係するものです。

 

1.フォントタイプは意思決定に影響を与える

書体はマインドコントロールパワーを持っています。書体によって、閲覧者の感じ方が変わるのです。

以下のチャートは、書体によって情報を信じる人数が変わるかどうかを表しています。この調査では、「Baskerville」という書体が読み手に信頼されやすく、また「Geogia」は信頼を最も得にくいフォントという結果となりました。

 

image001

 

2.フォントタイプは感情を呼び起こす

人々の関心を引き付けるには、感情を呼び起こすことが重要であり、書体はそのためのツールとなります。良い書体は、あなたのブランドに対するポジティブなイメージを与えます。

以下はEVSが創作したWebページです。ハンドライティング書体で書かれている“一緒ならとんでもないものも作れる”というメッセージは個人的で、完璧でないといった印象をもたらし、閲覧者の自分もその一部であるといった感情を呼び起こします。

 

image003-640x315

 

3.フォントタイプはブランドと結びつく

あなたが選んだ書体は、閲覧者にブランドがどういうものなのかというアイディアを与えます。

以下のインフォグラフィックはフォントタイプを上手く使いわけ、伝えたいメッセージを目立たせています。

 

mistakes-choosing-fonts-640x1831

 

また、このデザイナーはeとsを含んだ書体で鳥のロゴを作りました。このような流れる書体は循環や持続性を強調します。

 

image007

 

4.適切な書体は信頼を構築する

ブランドに対してポジティブな感情を受け取ってほしい時、一番いい方法は信頼を構築することです。ブランドに合ったプロフェッショナルさのあるフォントを選ぶことで信頼が構築されます。

 

image009-640x328

 

このサイトのフォントはエレガンスさを表しており、ジュエリー業界にマッチしています。

 

5.フォントタイプによって読みやすくなる

ロゴがブランドイメージにインパクトを与えるのと同時に、Webコンテンツも成功のために欠かせません。閲覧者が読みやすいフォントを選びましょう。

 

6.第二文も重要

以下は、サブタイトルのフォントによってロゴが与える印象が変わるという例です。

 

image011-640x320

閲覧者はロゴとサブタイトルを同時に見る傾向があるため、サブタイトルのフォント選びを間違えるとロゴの持つインパクトを壊してしまいます。サブタイトルロゴよりも細く小さくしましょう。

 

7.フォントサイズも重要

フォントサイズは、書体や色などと同様に重要です。

 

image013-640x960

 

この画像のように、文の中で目立たせたい文言があれば、フォントサイズを大きくしましょう。

 

ブランドを分析し、顧客の期待に合うようなフォントを選定することが重要です。

 

(※本稿は「The Power of Typography in Web Design」を翻訳・再編集したものです)

【コンビニでも使える!メルペイ初回利用1500円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:500円分
※さらにメルペイスマート払で1000円分ポイント!
 友達招待でさらに500円分ポイント!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

ポイント50%&20%還元『メルペイフィーバー・メルペイサンデー』
■キャンペーン期間:2020/03/01 ~ 2020/03/31

 

 

【MOV初回限定 合計2,000円相当無料クーポン3枚】

クーポンコード:seleqt2000

 
対応地域:神奈川県、東京都、大阪府、京都府、兵庫県(新登場)
 
2000円オフで登録» »MOVの初回利用2000円オフのクーポンを使って登録はこちら!
 
アプリDLはこちらから↓

MOV《モブ》- タクシー配車

MOV《モブ》- タクシー配車

DeNA Co., Ltd.無料

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ