サイトやブログなどの文字は「黒い文字に白い背景」が読みやすいですよね。
しかしGoogleなどの有名サイトって、パッと見ると文字が黒に見えますが、真っ黒じゃないんです。
実は、真っ白の背景に真っ黒の文字だと、コントラストが強くて目に優しくないんですよね。目が疲れやすくなり、離脱率が上がる可能性も。
続きを読めば、ブログ本文に向いてる色がわかります。
文字の色を工夫することで読者にやさしいブログになるというメリットが。誰でもマネできますよ。
Webデザイナーはいちばん濃い黒を使わない
多くのサイトは文字が黒ですが、実は、真っ黒じゃないんです。
わたしたちがよく見る有名サイトも文字は濃いグレーになってます。
では、GoogleとYahoo!で使われてる文字の色を見てみましょう。
- 左:真っ黒
- 中央:Googleサイトの文字色
- 右:Yahoo!サイトの文字色
並べてみると結構色がちがいますね。
ちなみにこのブログは、Yahoo!と同じ色「#333333」を使ってます。
確認したところ、Amazonなどのショッピング系サイトも文字は濃いグレーでした。楽天のサイトは「#666666」で、見本の色よりも明るいグレーが使われてます。
なぜ真っ黒を使わないのでしょうか?
いちばん濃い黒は目が疲れる
文字の色を濃いグレーにする理由は、目に優しいから。
真っ白な背景と真っ黒な文字でかかれたブログは、コントラストが強くて目が疲れるんです。
以下枠の中、真っ黒文字と真っ白背景にしてみました。
ブログ記事では、特に強く伝えたいことを強調する装飾をします。流し読みする人も多いので、目に留まるように工夫するのは大切です。
しかし、あっちに赤文字、こっちに太字、そっちにアンダーライン・・・など、いろんな装飾があると、どれが重要なのか分からなくなるんです。
文字が真っ黒だと、圧力強い感じがしませんか?
短文なら問題ないですが、長時間読むと疲労を感じます。
記事の内容が良くても、目が疲れたら読むのをやめますよね。目に優しいってことは、読み手に優しいってことなんです。
WPテーマ【JIN】で文字の色を変える手順
もし、真っ黒の文字にしてたら変更をおすすめします。
ちなみに、当ブログで使ってるWordPressテーマ「JIN」で文字を変更する場合は、以下手順で行ってください。
- ダッシュボード左側メニュー「外観」の「カスタマイズ」をクリック。
- 「カラー設定」を選択。
- 「サイト内の文字色」の「色を選択」ボタンをクリック。
- 「#333(#333333)」など、好みの濃さのグレーを設定します。明るめの色にしたいなら「#666(#666666)」がおすすめ。
目に優しいブログにしよう
今回は文字色についてお伝えしました。
- 有名サイトの文字は濃いグレー。
- 真っ黒文字は目が疲れやすい。
- テーマによっては、簡単に文字色を変更できる。
文字を濃いグレーにすると、疲れにくくてちょっとおしゃれに見えます。
ぜひ文字の色を確認してみてくださいね。
ではでは。