Nexus 9
PS4
Intuos Pro
Core i7-4790K
ページの先頭へ
トップに戻る
2012年9月25日 Web制作

ブログの文字色は「黒」より「灰色」がいいの?|読みやすく美しく


見比べてみる。
ブログの記事が白背景の場合、記事の文字色は「#000000」がいいのか、それとも「#666666」くらいまで明るくしたほうがいいのか。考えていても仕方ないんで並べて比較してみましょう。
上から順番に「#000000」~「#777777」となっています。

font-size:10px

この文字列は#000000です。読みやすいですか?

この文字列は#111111です。読みやすいですか?

この文字列は#222222です。読みやすいですか?

この文字列は#333333です。読みやすいですか?

この文字列は#444444です。読みやすいですか?

この文字列は#555555です。読みやすいですか?

この文字列は#666666です。読みやすいですか?

この文字列は#777777です。読みやすいですか?

font-size:13px

この文字列は#000000です。読みやすいですか?

この文字列は#111111です。読みやすいですか?

この文字列は#222222です。読みやすいですか?

この文字列は#333333です。読みやすいですか?

この文字列は#444444です。読みやすいですか?

この文字列は#555555です。読みやすいですか?

この文字列は#666666です。読みやすいですか?

この文字列は#777777です。読みやすいですか?

font-size:16px

この文字列は#000000です。読みやすいですか?

この文字列は#111111です。読みやすいですか?

この文字列は#222222です。読みやすいですか?

この文字列は#333333です。読みやすいですか?

この文字列は#444444です。読みやすいですか?

この文字列は#555555です。読みやすいですか?

この文字列は#666666です。読みやすいですか?

この文字列は#777777です。読みやすいですか?

結果

真っ黒な文字だと目がチカチカするし、明るすぎると視認性が悪くなります。環境によって見え方に若干の違いがあるでしょうが、個人的には「#333333」~「#555555」が見やすいかと。
記事の読みやすさはユーザーの「直帰率」「リピート数」「訪問別ページビュー」に関わる大切なポイントなので、ブログ管理人の方は今一度デザインを見直してみてください。
関連するかもしれない記事