文字や背景にピュアブラックを使ってはいけない理由

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を

[anmin7]

キュアブラック

[LuneC]

白のほうを下げてもらえませんかね……？明るい画面は目が疲れるので……/はてなにもダークスキンが欲しい

[JULY]

確かに Pure Black よりも Dark Gray の方が楽に感じるが、この例で示されている Dark Gray はもう少し暗くても良いと思うなぁ。

[mr_mayama]

老眼ワイ、ピュアブラックの方が読みやすい

[Iridium]

コントラストを下げるという理屈だと黒背景に灰色文字でもよいのでは？

[blueboy]

方向性が間違っている。白背景に墨色文字を使うのではない。文字は黒のままでいい。背景が明るすぎるのを是正するべきだ。ピュア白色の背景は明るすぎる。それをやめて、青成分を減らした淡黄色にするべきだ。

[hate_flag]

光の使者、ピュアブラック！（闇の力のしもべ達よ！）とっととお家に帰りなさい！

[anoncom]

初代プリキュアの話じゃなかった

[hiroshe]

背景黒いページは目に焼きついて嫌だから、すぐ閉じるようにしてる。

[wordi]

文字#d0d0d0、背景#00283cの黒板色オススメ

[tailtame]

背景に #efefef 落ち着く…。黒背景は逆に疲れてきついんだよなぁ(´～｀)　windowsのchromeのもいいけど、photoshopのUI中間カラーがいい～(｀ω´)

[sakimoridotnet]

“明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになる”

[lemondm7]

自分は本文中なら#626262を使うけど、背景色はもうちょっと強めにするかなあ。#444444だと浅すぎるイメージ

[kitaohji]

ピュアブラック、金赤などを広い領域で使うには意図を持っていれば問題ありませんが、他のエレメントとのコントラストの概念、平たく言えば色彩明度の凹凸を意識できないと、注目力だけ上がって視認性が氏にますね。

[souvenir038]

コントラストが強いと文字が読みやすくなるが、強すぎると明るさに順応しようとして目が酷使され、眼精疲労を招いてしまう。ただし目の不自由なユーザーにとっては高コントラスト、黒が見やすいことも。

[shidho]

長時間マイコンを操作していると白いものがピンクに見えるという症状を利用して犯人探しをするマンガを心当たりのキーワードで検索したのだが見つからない。

[ruicc]

kindleで黒背景にしたいけどやたら違和感あって避けてたのだが原因はこれかな

[Y_HAGIWARA]

わかりやすい「白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになる」

[linus_peanuts]

これ真に受けて、文字をグレイにしろって言ってきた上司がいて、すったもんだの挙句結局ピュアブラックになったことがある(言った本人は気づいてない)

[Harnoncourt]

クリーム色の本の紙色くらいがいいのではないかと思う。ちょっと青が入った淡黄色。

[sho]

目の不自由な人のために特別なデザインをしろとか書いてる時点で、アクセシビリティについて何も理解してない記事。

[vamview]

ほーダークグレーね。と思ってcssでdarkgray と指定すると明るすぎてびっくりするやつだ

[michael26]

だからmolokai好き

[yosshi1202]

確かに並べてみると、少しグレーにした方が優しさがある。

[itochan]

＞最適な色の幅を見つけるためにコントラストチェッカー（中略）は、WCAG 2.0を基準に色のコントラストが弱すぎるときに教えてくれるものです。しかし、逆に色コントラストが強すぎる場合には教えてくれません。

[yodelx]

好み。白背景も黒背景もいいよね。

[Hamukoro]

あの頃は背景素材が#000000で配布されてたので…

[thnn]

ブコメみんなプリキュア。

[kfujii]

目がチカチカするからね。

[timetrain]

背景の方が問題だよなあ

[vanish_l2]

キュアホワイトはもうちょっとうっすら暗くなってほしい。目が痛いから。

[primedesignworks]

黒背景に緑文字とかもう二度と見たくない元コボラーです（意味が違う

[mn112hr]

これ、はげどうですよ

[japonium]

視辛いわ

[tettu0402]

何が正しいかは置いておいて、ピュアブラックではなくグレー気味にすると「ぽく見える」って死んだじいちゃんが言ってた。

[aceraceae]

個人的にもきついコントラストは苦手なのでこういうのは広まってほしい。とりあえず輝度下げたり彩度下げたりしてるけど。黒はともかく白は眩しい。

[Dragoonriders]

地が白100％は大変ツライので勘弁してつかぁさい。文字薄墨もこっちの目が霞んでるように見えて案外ツライよ。

[u-li]

“全盲ではないけれど目の不自由なユーザーにとっては、高コントラストモードの文字のほうが読みやすいことが多いです。”

[harumomo2006]

コントラストの問題なら白地に黒の文字もダメでは

[fhvbwx]

こういうこと書くとはてなでつるし上げくらうからみんな黙っているんだと思うが、これは瞳の色の問題。欧米人（特に北方系）のプレゼン資料は大体コントラスト極小。アジア人ははっきりめのコントラストが見やすい。