[design]の最近のブログ記事

最近どうも真っ白の背景に真っ黒の文字が並んでいる画面で、文字を読んでいると、目に焼きついてしばらく影が残るのが非常に疲れると感じるようになりました。
自分も年なのかな。とか思いつつモニタの輝度を 100% から 40% にまで下げたワケですが。

で、実際どの程度までコントラストを落とせばちらつかないか、自分レベルで試してみたので一応アップしときます。


(1) background:#FFFFFF / text:#000000
背景とテキストの色の差が最も大きいもの。
範囲が狭いとさほど疲れは感じないようですが、一応比較対象として。


(2) background:#FFFFFF / text:#141414
文字の色を黒と認識できる範囲で、少し明度を上げたもの。


(3) background:#F4F4F4 / text:#141414
2 に加え背景の白を若干暗くしたもの。
1 に比べると大分目への負担が下がったように思う。


(4) background:#F8F8F4 / text:#142014
3 に対して、背景、文字ともに若干色味を加えたもの。
かなり目に優しくなった気がする。


(5) background:#E3E3E0 / text:#99998C
逆にコントラストを下げすぎてみた。
やりすぎると読みにくい。
部分的な使い方ならいいと思うけど、テキストが全文このコントラストだとさすがにしんどい。

結局のところ、モニタ環境によってかなり差がでるので、
webだと微妙な色の強弱はあまり意味を成さないのかもしれないなあと。