読みやすく目に優しい文字・文章に

読みやすく目に優しい文字・文章の書き方講座！

内職的貯蓄節約生活＞読みやすく目に優しい文字・文章に

読みやすく目に優しい文字・文章に

　インターネットをよく利用する人ならわかると思いますが、パソコンの画面で長時間文章を読むのは、非常に目が疲れます。また、弱視の人や高齢者は、小さい文字は読みにくいのです。ホームページの目的は、訪問者にできるだけ文章を読んでもらうことですから、読みにくく目が疲れる文字や文章では、アクセスアップする上で致命的になります。

　ですから、できるだけ目に負担がかからなく、誰でも読みやすい文字や文章にすることを心掛けなくてはいけません。それでは、どういう文字や文章にすればいいのか？について、ここで講座したいと思います。

□文字の大きさは相対指定に

　ケンも最初は、文字の大きさを決めるのに、悩みました。ホームページビルダーを利用している人は、「font 　size="-1"」にしている人が多いようですが、これだと小さすぎるし、「font size="0"」だと逆に大きすぎるし・・・。文字は、小さい方がかっこいいのですが、先ほど述べたように弱視の人や高齢者は小さい文字は読みにくくなります。逆に、大きい文字は読みやすいのですが、あまり大きすぎると間抜けになってしまいます。ここが難しいんですよね。

　そもそも、文字の大きさを指定するには、「px」「pt」などの『絶対指定』と、「％」「smaller」「larger」などの『相対指定』があります。

　絶対指定を使うとブラウザの文字サイズを変更することができませんが、文章の改行や画像とのバランスなど、デザインを細かく指定できます。逆に相対指定だと、閲覧者の環境によってデザインが崩れる場合もありますが、レイアウトを工夫すれば親切なページを作成することができます。

　ちなみに、ケンは相対指定の「％」にしています。理由は、ブラウザの文字サイズを変更できるからです。試しに、文字の大きさを変えてみてください。Internet Explorerの場合、ツールバーから「表示」⇒「文字のサイズ」を選択、「最大」「大」「中」「小」「最小」と、5つの文字の大きさに自由に変えられるはずです。

　また、スタイルシートで「％」指定にすれば、簡単に思うようにな文字の大きさにすることができます。ちなみに、当サイトは「font-size:92%;」にしています。

□フォントは普通に

　フォントはゴシック体や明朝体など、様々なものがあります。文字にも個性をだそうと変わったフォントにしている人がいますが、フォントは特別なものを使わないほうがいいです。普通のフォントの方が圧倒的に読みやすいので、特に文字に個性を出す必要はありません。

□文字の色の基本は黒

　通常の文章の文字色は黒をベースにするのがいいでしょう。背景が白で文字が黒。これが一番見やすい配色です。また、多くの色を使うと読みにくくなりますので、黒一色で統一させます。ただし、強調したい部分や見出しなどには、黒以外の色を使ってもかまいません。とはいっても、1色か2色までですが。

□行間隔は少し空ける

　文章が長くなると行間が詰まりすぎて、読みにくくなることがあります。ですから、行間を少し空けたほうがいいでしょう。行間隔も％で指定がいいと思います。「line-height:130%;」は、文字サイズ×1.3の高さです。130％程度の行間があれば読みやすくなります。

□改行を入れる

　改行はできるだけ多めにしておいたほうが、読みやすい文章になります。改行が少ないと、今どこを読んでいたのか、位置関係がわからなくなる場合があります。そして、できれば、3～5行ごとに段落をつけ、１行空けたほうがいいでしょう。100字程度の段落で区切ると、読みやすくなります。

□文章は横書き、左揃えに

　ホームページの文章はほとんどが横書きです。縦書きはディスプレイには向きません。また、横書きの文章は、左から右に読んでいくので左揃えにします。人間は、横書きの文章を読む場合、左に起点を置きます。そのため、左で揃えた文章は読みやすいのです。逆に、中央寄せは、視点が動くので読むのが疲れます。見出し以外は、読みにくくなるのでやめたほうがいいでしょう。

□見出しを使う

　文章量が多い場合などは、どこを読んでいるのかわからなくなることがありますが、見出しを使えば、間単に読んでいる場所に戻ることができます。また、訪問者に興味を持ってもらえるような見出しを使うことで、長い文章でも訪問者に読みたいと思わせることができます。

前【ホームページのデザイン講座】へ

次【HTMLタグはこれだけ覚えれば十分】へ

TOP【読みやすく目に優しい文字・文章に】へ↑
HOME【内職的貯蓄節約生活】へ

MENU(内職・ネットで稼ぐ編)

・ホームページ作成の仕方・ホームページ作成に必要なもの・レンタルサーバー・ドメイン講座・レンタルサーバの選び方　・格安レンタルサーバー比較・ホームページのテーマとコンテンツ・タイトルの付け方・ヤフー・グーグルはHP作成の手本　・webユーザビリティとは　・ホームページのデザイン講座　・読みやすく目に優しい文字・文章に
・HTMLタグはこれだけ覚えれば十分