東京都新宿区のWeb制作会社 ウェブラボ株式会社

スタッフブログ

文字サイズの強弱でページを見やすくする

2013.03.25 Posted by

テキストを画像としてデザイン例

Webサイトのレイアウトデザインにおいて、テキストの配置場所は最も重要ですが、それ以外にも文字サイズ、文字の色などをどのように表示するかも考えなければなりません。

記事のように読ませるテキストの場合は、文字色は黒色が基本になります。
また、以前は小さめのフォントサイズが好まれましたが、最近ではシニア世代ユーザーの増加やスマートフォンをはじめとした閲覧端末の多様化で、従来よりも大きめのサイズが好まれています。

商用サイトのフォントサイズは12pxが主流です。
そのためこれを基準として、タイトルなどは本文よりも大きくしたり、太くしたりするのが良いでしょう。

また、書体によっても見え方が異なってきます。特にアルファベットは日本語よりも小さく見えますから、大きめに設定したほうがいいでしょう。あまり小さい設定だと、文字がつぶれてしまい見づらい機種などもでてくるはずです。

あとはフォントを加工して画像としてしまう方法があります。こうすることで、フォントも色も自由自在にアレンジできます。SEO対策のテキストとしては使えなくなってしまいますが、キャッチコピーなど、人間により効果的に読ませたい文字はこの方法がいいでしょう。
自社サイトの文字サイズが適切かどうか、あらためてチェックしてみるのも良いかもしれません。

オリエンシートダウンロード

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278