Webプロジェクトに合ったフォントの選び方
最終更新日:
Webサイトを作るには、多くの手間がかかります。理想のサイトを公開するまでに、やることは山ほどあります。デザインやドメイン名、Webサイト作成ツール、ECプラットフォーム、色、画像、ロゴ、ナビゲーション、文字のデザインなど、選ぶものもたくさんあります。
しかし、プロが作るWebサイトとそれ以外を分けるのは、細かな部分です。「神は細部に宿る」とよく言いますが、Webデザインではまさにそのとおりです。あまり費用のかからない小さな工夫が、最も大きな効果を生むこともあります。
たとえば、ゴルフクラブの握り方をほんの少し変えただけで、プレーが大きく改善したことはありませんか？今回お話しするのは、そういうことです。小さく、一見取るに足らない変化が、大きな違いを生みます。
私たちも、大きな課題に気を取られ、Webサイトを輝かせる小さな工夫を忘れてしまいがちです。その一つが、サイトに合ったフォントを選ぶことです。ささいなことに思えるかもしれませんが、フォントは目的を持って慎重に選ぶ必要があります。
Webサイトでフォントのデザインが重要なのはなぜ？
Steve Jobsが初めてMacを開発したときのことを覚えていますか？彼は、それまでになかったことを実現しました。10種類のフォントデザイン、いわゆるタイポグラフィを用意し、ユーザーが選べるようにしたのです。当時、これは画期的なことで、業界に大きな影響を与えました。彼はタイポグラフィの祖とさえ呼ばれました。
パソコンを開くたびに、画面上でいつも同じフォントを見なければならないとしたら、どうでしょうか。目が「もう十分」と訴えるまで、どれくらい耐えられますか？
そう長くはないですよね。
適切なフォントには、サイトを際立たせ、訪問者に心地よさを感じてもらい、サイトでの体験を向上させる力があります。
フォントはさまざまなメッセージを伝えます
フォントは、ブランドらしさを伝えるために使われます。信頼感を生むフォントもあれば、優雅さや洗練された印象を与えるフォント、力強さや安定感を伝えるフォントもあります。フォントはほかにも多くのメッセージを、人の潜在意識に伝えています。
考えてみてください。法律関連のWebサイトと結婚式の写真撮影サービスのサイトでは、使うフォントのデザインが違いますよね。
フォントはビジネスの成長を後押しします
適切なフォントを使うと、訪問者はサイトに長く滞在しやすくなります。コンテンツを読み、メッセージに関心を持ってもらえます。結果として、訪問者の関心が高まれば、購入や申し込みにつながる可能性も高まります。訪問者が心地よくコンテンツを読めなければ、オンラインビジネスは成長できません。
フォントは訪問者の行動に影響します
これは特に、タイトル、見出し、ロゴ、行動を促すボタンに当てはまります。使われているフォントは心理的に作用し、訪問者が行動を起こすか、サイトを離れるかに影響します。
適切なフォントを選ぶためのヒント
1. ブランドらしさとメッセージに合うフォントを選びましょう
フォントの好みは人それぞれです。しかし、個人的な好みに左右されすぎないようにしましょう。訪問者に伝えたいメッセージに基づいて選ぶことが大切です。
伝えたいメッセージに合わせて使える、フォントの特徴をいくつか紹介します。
品格、信頼性、伝統、安心感
Georgia、Times New Roman、Trajanなど、長く使われてきたフォントを選びましょう。新聞、雑誌、書籍でよく使われています。こうした定番のフォントは見慣れているため、信頼、伝統、確かさを連想させます。
現代的、先進的、モダン、ミニマル
Simplifica、Gidole、Corbertなどのフォントを使いましょう。細いものも太いものもありますが、手書きらしさはほとんどありません。くっきりした輪郭と幾何学的な形を持つすっきりしたデザインが、現代的な印象を与えます。
力強さと安定感
角張ったデザインや太字のフォントを使いましょう。文字の太さによって、力強い印象が生まれます。強さや揺るぎなさを伝えたい場合に適しています。Mohave、Zebrail、Summit、Glamorなどがその例です。
ロマンチック、美しさ、優雅さ
曲線を多く使った書体は、ロマンチックで優雅に見えます。斜体の傾き、丸み、曲線が強いほど、その印象も強まります。Allura、Arizonia、Bolina、Sophiaなどがその例です。
2. 想定する訪問者に合わせてフォントを選びましょう
ターゲットとなる訪問者の年齢、性別、職業などの属性を考えてみましょう。
たとえば、素朴でレトロな雰囲気のコーヒーカフェなら、若いコーヒー好きの目を引くために、現代的なフォントデザインを使ってみましょう。
3. フォントの読みやすさを考えましょう
読みにくいフォントを選んでも意味がありません。一目で読めないなら、変更しましょう。
フォントのデザインのために、読みやすさを犠牲にしてはいけません。凝りすぎて、伝えたい内容が読みにくくならないようにしましょう。また、安っぽく見えるものや、雑然としたものも避けましょう。
4. フォントの汎用性を考えましょう
サイトのフォントは、さまざまな端末や画面解像度で表示されます。画面サイズが変わっても、きれいに見えるでしょうか？
このように、適切なフォントを選ぶのに、優れたデザイナーである必要はありません。時間をかけてさまざまなフォントを見比べ、ブランドらしさや訪問者のことを考えてから決めましょう。
このガイドが参考になればうれしいです。