サイト背景色と文字色:NAGASAKI BURABURABU～

ブログメニュー

2012年02月05日

サイト背景色と文字色

昨日の記事の続きです。
前の記事では、

ホームページやブログの背景色は
真っ白より黒のほうが

見ている人の目に負担をかけませんよ

という内容でした。
では、背景が黒のとき文字色は何色がいいのか。

その前に、「黒」が良いと言っていますが、
真っ黒がいいのか。
についてお話します。

これは文字色とのコントラスト、
簡単に言うと背景色と文字色の明るさの差によっても
視認性に差異が出ますので、

背景の色だけで
判断するわけにはいかないのですが

背景を真っ黒にしてしまうと、
文字色を明るくしたときの輝度差が大きくなりやすいので

背景色は真っ黒ではなく、
「ちょっと暗い色」というくらいが良いでしょう。

上段の黒い背景色と比べると
この部分の灰色の背景色のほうが

幾分読みやすいのは、
文字色との明るさの差が縮まったからです。

ある調査では、
この記事の冒頭のエリアのように
真っ黒の背景に真っ白の文字色だと
ページからの離脱率が高いという結果が出ています。
確かに行間に文字の残像のようなものが見えて
逆に目に痛い感じもします。

文字色を少し暗くしてあげると
それが軽減されるようですので、

サイトのテーマカラーが決まっているときは
その色を少し混ぜた暗色の背景を敷き

文字色も同系色の明るい色を使用すると
オシャレで読みやすくなります。
　(このエリアを参照)

しかし、

使用しているテンプレートの背景色が白で
背景色の指定が難しい場合、
または、やっぱり背景は白で
スッキリ感を出したい場合は
どうしましょう。

次回は白い背景色のサイトの
文字色についてお話します。

＞＞次の記事「文字色」

同じカテゴリー（ブログあれこれ）の記事画像

同じカテゴリー（ブログあれこれ）の記事

格安は格安なりなのでしょうか、サーバー
それでもワードプレスの利用をやめられないワケ
ロリポップに設置したワードプレスがハックされた事後処理の覚書
メールマガジン着信
スタイルシートのお話
文字サイズ

Posted by いーじー at 02:04│Comments(0) │ブログあれこれ

名前:
メール:
URL:
情報を記憶:
コメント:	上の画像に書かれている文字を入力して下さい
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込

このページの上へ▲

プロフィール

いーじー

福岡六本松生まれ、長崎育ち長崎在住。銀行･ビール･ジュエリー･パソコン教室･ホームページ制作・国家公務員・建設会社営業を経て、現在ホームページ制作業の勤め人に戻っています。好きな言葉は「知行合一」。愛読書は竹田陽一、栢野克己、山本周五郎。

1999年にクルマに寝袋を積んでの日本一周を計画、福島→新潟まで行ったところで北上を断念し富山→長野と南下して帰ってきました。99年当時にメールマガジンを発行、個人のホームページ開設。学生時代は報道写真を目指し、いまは趣味の写真で素材の撮り貯めを兼ねています。

ちょうど昨今のfacebookのブームのように、2000年頃はオフ会の参加や企画も沢山ありました。商売でもプライベートでも「オン - オフ」が繋がると楽しいですね。