4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

記事本文のフォントカラーは黒じゃだめなんですか??

Last updated at Posted at 2017-08-02

黒がだめなんではなく、真っ黒がよろしくないんです。

背景色(#FFFFFF)真っ白に対してフォント色(#000000)真っ黒ではコントラストが強すぎて
ユーザーが閲覧する際は、目が疲れてしまい、よくない組み合わせであります。
部分のみ使うのであれば構わないのですが、文章を書くときにこの組み合わせを使ってしまうと
読むのにかなり、ユーザーに負担がかかってしまいます。

自分もWeb初心者だったころは、

「白と黒だからこれでいいだろ。。。」と思って#ffffff , #000000 で設定しておった時期が自分にもありました。。。

結局、現実世界でも背景と文章が真っ白と真っ黒という組み合わせっていうのはあまりなくて
どこか白じゃなかったりどこか黒じゃなかったり。。。そういった感じで世の中回っているみたいです。
身近な例でいいますと、紙と鉛筆がわかりやすいのかな。と思います。

紙は真っ白なこともありますが、鉛筆は本当に真っ黒じゃありませんよね。

ということで、何か制作をする際には真っ白と真っ黒は避けたほうが無難です!
黒にもいろいろありまして、
だいたい背景真っ白に対してグレーっぽい黒だと読みやすくなります!

  1. #111111(ここはもしかするとコントラストが強いかも。。。)
  2. #222222
  3. #333333
  4. #444444
  5. #555555
  6. #666666 etc...

だいたいこのあたりがよく使われたりします。
自分自身は、#4d4d4dや#3c3c3cなどを使ったりしますが、上記のような連続したもので全然問題なしです。
純粋な白黒の組み合わせではなく、どちらか一方が少し薄い白と黒を使うよう意識すれば、
ユーザーにも優しいWeb開発が進められることができます!
color.png

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?