記事一覧

トップ > パソコン > ホームページ > フォントカラーを変えてみた

フォントカラーを変えてみた

2015.08.04 00:10

今月に入ってから本サイトと新雑記帳の本文のフォントカラーが変わったのにお気づきになられたでしょうか?

バックグラウンドカラーをブラックにしてフォントカラーをシルバーにしていたのですが、最近、当方の目が衰えてきたのか文字の残像が焼きついて見辛くなってきてしまいました。

この件をネットで少々調べたところ、暗い背景にコントラストの高い色をフォントカラーに使うと目に負担が掛かって見辛くなるとかなんとか。

バックグラウンドカラーが黒系ならばフォントカラーのコントラストを抑えてあげることで見やすく、また目が疲れにくくなるのだそうです。
続き
人工的に作る色でゴールドやシルバーは完全には表現のできない色なのですが、グレー色にコントラストを高めてやるとシルバーに近い色が表現されるようになります。

このコントラストの高さが目に負担を掛けて見辛くしていたので、今回、完全なグレー系の色に変更してできるだけバックグラウンドの黒に馴染むぐらいまでカラー出力を落とすようにしました。

あまり落とし過ぎると明暗がはっきりしなくなって逆に見難くなってしまいますから、バックグラウンドの黒と上手くバランスさせてグレー色でも中間出力から若干上げたぐらいのグレーにまで下げてあります。

もう少し下げても良いように感じていますが、そうすると今度は小さな文字が見難くなってしまいますので、妥協点としてこの明るさのフォントカラーにしています。

それと知人からフォントサイズが小さいとの指摘を受けているのですが、高解像度のディスプレイで見た場合など、確かに当方もフォントサイズが小さいと感じることがあります。

ですが、サイズを変更してしまうとサイト表示のバランスを大きく崩してしまう為、これ以上、大きなフォントサイズに変更ができませんことをご了承願います。

文字が小さく見づらい場合は、お手数ではありますが、ブラウザに備わります『拡大機能』を利用してサイト表示の倍率を上げてご閲覧頂きます様、お願い申し上げます。

コメント一覧

えんひろ 2015.08.05(水) 13:48 修正

サイト作りって改めて手間暇が掛かるものですね。実際、当方も目の衰えは感じつにはいられませんので読者としては有難い気遣いです。m(_ _)m

はるぼー 2015.08.06(木) 02:01 修正

スキンにフォントカラーやリンク文字の色、行間や文字間隔を含め、サイトで使用されるパーツなどの設定は一括管理設定できるようにスタイルシート(所謂CSSファイル)を使用して構成していますから、変更自体は簡単にできるようになっています。

ただ、一度落ち着いてしまったサイトデザインを変更するには結構勇気がいりまして、崩してしまうのを恐れて弄るのが億劫になってしまっているんですよね。

今でも長文を読んでいますと文字の残像が残りますから、もう少し煮詰める必要があるように感じますが、元のカラーリングを残しつつ見やすいようにするのは意外に難しいです。