web-dev-qa-db-ja.com

ダークまたはホワイトのカラーテーマは目に適していますか?

目、濃い色のテーマ、白い色のテーマのどちらが良いですか?

264
Jack Twain

このトピックについては1980年代から多くの研究が行われており、今日でもその多くが当てはまります。 1980年代からの1つの研究はこれを述べています:

ただし、ほとんどの研究では、明るい背景の暗い文字が暗い背景の明るい文字よりも優れていることが示されています(リフレッシュレートがかなり高い場合)。たとえば、バウアーとカヴォニウス(1980)は、明るい背景に暗い文字を使ってテキストを読んだ場合、参加者はテキストを26%正確に読むことがわかった。

参照:Bauer、D.、&Cavonius、C.、R.(1980)。コントラスト反転による視覚表示ユニットの読みやすさの向上。 E. Grandjean、E。Vigliani(編)、ビジュアルディスプレイターミナルの人間工学的側面(pp。137-142)。ロンドン:テイラー&フランシス

これが重要である理由は、焦点のためです。 XMovementに関するこの記事 が述べているように、「白は人間の目の3種類すべての色に敏感な視覚受容体をほぼ同じ量で刺激します。」虹彩を引き締めて、焦点を合わせます。目が集中しているため、明るい背景に暗い文字が見やすくなります。強い光の文字フォームで暗い背景を使用すると、アイリスが開いてより多くの光が入るようになりますが、文字フォームがぼやけます。どうして?

乱視を持つ人々(人口の約50%)は、白の黒のテキストより黒の白のテキストを読むのが難しいと感じています。これの一部は、光のレベルに関係しています。明るいディスプレイ(白い背景)の場合、アイリスはもう少し閉じて、「変形した」レンズの効果を減らします。暗いディスプレイ(黒の背景)では、アイリスが開き、より多くの光を受け取り、レンズの変形により、目にぼやけた焦点が生成されます

ジェイソンハリソン–ポスト博士フェロー、イメージャラボマネージャー–ブリティッシュコロンビア大学、感覚知覚および相互作用研究グループ

現在、コントラストと読みやすさにはさまざまな要素があるようです。部屋のアンビエント照明。モニターの明るさ。また、暗い背景(#111、#222)に薄い灰色(#EEE、#DDD、#CCC)を使用するようにコントラストを弱めるだけで、白(#FFF)と黒(#000)の緊張効果を軽減できます。 。


更新(2020年2月7日):

Nielsen Norman Groupからの新しい記事、"ダークモードとライトモード:どちらが良いか? "、このトピックにいくつかの研究をもたらします。記事のいくつかの重要な発見:

ドイツのデュッセルドルフにあるInstitutfürExperimentelle PsychologieのCosima Piepenbrock氏とその同僚は、正常な(または矯正から正常に)視力を持つ成人の2つのグループを調査しました:若年成人(18歳から33歳)および高齢者(60歳から85歳) )。参加者のいずれも、眼疾患(例、白内障)を患っていませんでした。

...

彼らの結果は、すべての次元でライトモードが勝ったことを示しました:年齢に関係なく、正のコントラスト極性は視力タスクと校正タスクの両方に優れていました。ただし、視力課題でのライトモードとダークモードの違いは、年配の大人の方が年配の大人よりも小さかったです。つまり、ただし、年配の大人の方がライトモードの方が優れていました。少なくとも視力のタスクでは、若い成人ほど多くのメリットはありませんでした。

研究は、ダークモードが視覚障害のあるユーザーにとって有益であるように思われることを発見しました:

Leggeの研究では、眼球媒質が曇っている7人の参加者のそれぞれが暗いモードでの読書率が高かったのに対し、中心視力が低下した残りの参加者はコントラストの極性の影響を受けませんでした。

彼らはこの研究がLEDディスプレイの代わりにCRTディスプレイを使用したという1つの警告に注意しましたが。

記事のいくつかの要点:

  1. 一般的に、ライトモードは、通常の視力または矯正視力から正常視力を持つユーザーのほとんどの場合、パフォーマンスの向上につながります。
  2. ライトモードのパフォーマンスは向上しますが、これらのゲインは短期的には高くなります。長期暴露は近視を引き起こす可能性があります
  3. ダークモードでフォントサイズを大きくしても、ライトモードからのゲインは相殺されません。
  4. ただし、ダークモードを提供することは推奨されますが、ライトモードでは長期的な影響が生じる可能性があります。一部の視覚障害は、ダークモードでよりよく機能し、一部のユーザーは単にそれを好みます。
  5. 長時間の読み物を提供するアプリケーション(本、記事、さらにはニュースサイト)では、ダークモードオプションをお勧めします。

記事で引用されている調査に関するもう1つの注意事項は、調査が「見やすい」読書(つまり、携帯電話、スマートウォッチ、または車のダッシュボードで1〜2語を読むこと)に焦点を合わせていたことです。


参考文献:

239
Hynes

私にとって、暗い部屋の暗い背景、または明るい部屋の明るい背景が理想的です。部屋が明るいと、目に入る光が減り、背景が暗いと、明るい明るい文字がさらに暗くなります。

暗い部屋については、私が時々画面から目をそらすことができるようにするには、部屋の残りの部分を見ることができることが重要です。

車で使用するためのGPSデバイスを見てください。時間帯によってテーマが異なります。

57
Filip Haglund

コンピュータービジョン症候群の専門家であるジェームズシーディ博士:

「目に最適な色の組み合わせは、白い背景に黒いテキストですが、他の明暗の組み合わせもうまく機能します。」

出典: http://www.allaboutvision.com/cvs/irritated.htm (目の健康に関する信頼できる情報の独立した出典)

個人的に私にとって暗い背景の明るいテキストは私の目を疲れさせます、そしてそれは私がいつも多くの同僚が暗い背景の明るいテキストを使用する理由をいつも疑問に思っている理由です、そして私にとって通常のものだけが暗いテキストであったので白色の背景。

23
Samuel M

これを「依存する」問題にする2つの要因は、環境と視覚障害です。

夜間にアプリを使用すると、暗い背景に明るいテキストが表示される場合があります。たとえば、暗い背景を使ってベッドで電子書籍を読む方が、負担が少ない(そして妻に迷惑をかけない)ことがわかります)。軍や法執行機関など、夜間視界やセキュリティを維持する必要がある人は、はるかに少ない発光量を必要とする場合もあります。別の要因として、アプリケーションに表示されるコンテンツが考えられます。たとえば、コンテンツが主にビデオまたは映画である場合、より暗く、より「映画的な」UIが適切です。

一部の視覚障害では、読みやすさのために高コントラストが必要です。これは、前景色と背景色を逆にした色セットを選択できることによって時々助けられます。

6
Stonetip

個人的な好みではなく、緊張について話しているかもしれません。しかし、私が知っていることの1つは、前景のアイコン/テキストが非常に明るい(高輝度で彩度が高い)暗い背景のテーマを見ると、身体的に少し痛いことです。暗い背景を選択した場合は、明るさと彩度を下げますが、手間をかけずに読みやすくします。

暗いテキストの白い背景は当たり前のことで、私はそれについて眼精疲労の苦情を聞いたことがありません。ただし、暗いテキストを含む#00ffff(アクア)などの明るい背景は非常に緊張します。

5
Mickael Caruso