黒い背景に白いテキストでプログラミング?


130

黒い背景に白いテキストでプログラムする人はいますか?目に優しいという噂を聞いたことがあります。どうしたの?それは伝統的な白地の黒より良いですか?長所と短所は何ですか?


106
「白地に伝統的な黒」?最近の子供たち...
Michael Mrozek

7
@タワー:DOSを実行しているコンピュータを見たことがありますか?
Andreas Rejbrand

5
重複した質問はもう利用できません。
ThatGuy

7
何らかの理由で、これが重複する質問はもう存在しません。この質問は再開する必要があります。
エンドファージ2012

3
@MichaelMrozek従来の色は、白が黒(セルロース紙)で、ライトブラウンが黒(パピルス)です。現代のデジタル時代では、私たちは好きな色の組み合わせを持つことができますが、それらのどれも伝統的ではありません。この質問の主なポイントは、目を明るくするよりも暗い背景を使用する方がよいかどうかです。ですから、あまり賢くなりすぎないようにしてください。
カイ・セルグレン、2015

回答:


63

それは実際には黒地に白、または黒地に緑または琥珀色で、これが伝統的な方法です。私はそれらすべてを使いました。:)

画面の見方と紙に印刷されたソース素材の見方を交互に見た方がはるかに簡単なので、ワードプロセッサで白地に黒を使用するようになったと思います。

また、画面の背景と周囲の照明の間のコントラストは小さくなければならないため、白い背景は、ほとんどの人がほとんどの時間コンピュータを使用する明るい部屋で最適に機能します。暗闇の中でプログラミングしている場合、黒の背景はコントラストが低くなりますが、それはなぜあなたの部屋に適切な照明がないのかという問題です...

もちろん、色の設定の選択に影響を与える可能性のある個人的な好みがあり、視力(またはその欠如)によって、ある設定が他の設定よりも優れている場合もあります。


29

スラッシュドットについては、理解できない技術的な詳細をすべて調べることができるという無限の議論があります(よりテクニカルな分析では、明るい側が暗い方が好ましいようです)。

この記事では、Webデザインについてですが、無意識の黒テーマの危険性について警告しています。私が理解している重要な点は、フォントは配色よりも重要であることです。また、フォントが細い場合、白のフォントを使用した黒(一般的には暗いではなく、純粋な黒)の背景に、黒が白に這い上がり、フォントがぼやけて見えるため、不利です。

それにもかかわらず、個人的には、暗い背景で読む方がはるかに簡単です。「暗い背景に明るいフォント」またはその逆の明確な答えはないと思います。それは個人の好みや習慣にもっと重要に依存しなければならないでしょう。確かに、正しいスキームでは、フォント(ライティング)を投影して背景を前面に出し、控えめにすることができます。さて、これを行う光が暗いのか、それとも暗闇で光るのか、自問してみてください。ここで重要なのは、黒が紙の白よりも優れていることを示唆する印刷との類似性を支持する支持者が、電子スクリーンに関しては状況ではないという事実を知らないということです。ここで、あなたの目にある白いビームの強度は、黒に比べてはるかに高いです。

そして、最高の背景色や前景色のようなものはありませんが、重要なのはその組み合わせです。適切な組み合わせは適切なコントラストを与え、コントラストは重要です。そして、コントラストは十分に高くなければなりませんが、緊張するのに十分ではありません。濃い黒の純粋な白は傷を負う可能性がありますが(コントラストが大幅に高い)、同時に暗い緑の白が落ち着きます。黒の琥珀も同じです。

また、背景が暗い場合は、淡くて濃くないはずです。そのため、ダークグレーやティールなどは、黒よりも優れており、青、赤などよりも優れています。灰色の黒は優れています。

solarizedテーマは、実際に彼らのウェブサイトの後に行く、テストのいくつかの良いラウンドの後です。良いところのI愛メモ帳++は solarized、のようなよく知られているテーマの一部ということですzenburn活気に満ちたインクは、スタイルコンフィギュレータで構築されたご利用いただけます。間違いなく黒曜石は最高です!:) ここでVisual Studio用にキャッチしてください


13

正直なところ、それは好みのものであり、環境問題の可能性があるようです。あなたはそれぞれの方法が優れていると信じている人々を見つけるでしょう。

私は個人的には、黒地に緑と黒地に琥珀色の端子があったのでコード化しましたが、今は可能な限り黒の背景に明るい灰色のテキストを使用しています。非常に長いセッションでも、黒の背景は非常に快適に見えますが、白の背景は非常に疲労します。「100ワットの電球を見つめる」と説明されているのを聞いたことがあります。

部屋の照明も大きな影響を与える可能性があります。明るい部屋は明るい背景に適し、暗い部屋は暗い背景に適しています。モニターから目を離してときどき目をリラックスさせると、瞳孔を明るくしたり、暗くしたり、明るくしたりするのに必要な広い瞳孔と狭い瞳孔を切り替えるのに苦労する必要がなくなります(常にこれを行う必要がありますか?)。

最善のアドバイスは、両方を試してみて、1週間ほどかけて、どちらを好むかを決めることです。両極端がはっきりしている場合は、純白や純黒よりも控えめなテーマを使用してみてください。柔らかいグレーを試してください。


12

簡単な答えは、「白い背景の暗いテキストはより多くの人に合います」です。

私の答えはこれに言及していますhttps : //graphicdesign.stackexchange.com/questions/15142/which-is-easier-on-the-eyes-dark-on-light-or-light-on-dark

乱視を持つ人として、私は参照が示唆するように、暗いテキストで白い背景が読みやすいと思います。(具体的には、ビジュアルスタジオ2013でダークテーマを使用した後、これを体験しました。ぼやけているので、2012のデフォルトテーマに戻す必要がありました。)

以下は引用です:

読みやすさの科学は決して新しいものではなく、最高の研究の一部は80年代前半の広告作品から来ています。この情報は現在も関連があります。

まず、「コントラストの反転による視覚表示装置の読みやすさの向上」というタイトルの論文からの引用です。現在のところ、コントラストリバーサルは白地に黒を意味するものと考えていますが、このドキュメントは1980年からVDU(モニター)が黒地に緑になっていることを思い出してください。このペーパーは、現在使用している画面フォーマットへの変更を推進するための研究の一部を形成しました。

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

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

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

ジェイソンハリソン–ポストドクターフェロー、イメージャラボマネージャー–ブリティッシュコロンビア大学感覚知覚および相互作用研究グループジェイソンが言及する「ファジング」効果はハレーションと呼ばれます。

視覚障害に基づいて主な設計目標を推進するのは奇妙に感じるかもしれませんが、人口の50%がこの「障害」を持っている場合、実際には障害よりも標準に近いです。

Webはこのトピックに関する研究で溢れていますが、これらの2つの引用は、暗い背景に明るいテキストが悪い考えである理由を簡潔に正当化すると思います。


3

プログラミングと黒地に白のレイアウトをプラスすると、使用するエネルギーが少なくなると確信しています。黒のレイアウトによるエネルギー節約サイトの例は、http://blackle.com/です。


24
古いCRT画面を使用している場合のみ、使用するエネルギーが少なくなります。LCDスクリーンはバックライトで照らされており、液晶は光を遮断するため、スクリーンが黒の場合と同じ量(または少しでも多く)のエネルギーを使用します。
Guffa

8
「2013年のモニター販売の大部分は、画面の黒い部分を照らさないLEDバックライトLCDです。一部の古いCCFL LCDモニターは、画面全体を無駄にバックライトで照らしていました。2005年以降、メーカーはCCFLから離れました。」
Jori 2013

3

外側がすでに暗いときにプログラミングしている場合は、モニタと部屋のコントラストが小さいと目が良くなるので、うわさは本当かもしれません。


3

以下は自分の考えや他のものと混ざっています。

  • ピュアブラック:

    純粋な黒の純粋な白のテキストは読むにはひどいです(一部のグラフでは見栄えがします)。コントラストが高すぎるため、純粋な黒は不自然に見える場合があります。したがって、Visual StudioはPhotoshopと同じようにダークグレーを使用しています。

  • Visual Studioチームは言う:

    Visual Studioブログによると、暗いエディターテーマが全体的に優先され、長時間の使用による負担の軽減が最大の理由です。

  • 感情的な期待:

    感情的には、少なくとも私が推測する一部の人にとっては、暗いテーマの作成に関連するものは、それらのソフトウェアのように、より良く感じるかもしれません。それがより期待されているので、同様に物、例えばブログや何か、明るい背景は良いかもしれません。

  • 色の黒:

    目については、バックライトが明るすぎないことを常に確認するため、一般的に、明るいテーマと暗いテーマのどちらでも問題ありません。Visual Studioについては、目のスキャンは色のスキャンによるものだと思います。あなたは知っている、それらすべての色を認識するのはすでに難しい(そうじゃなくても、あなたは要点を理解している)そして、途中でその大きな太い白がずっとある。たとえ明るい色の漫画であっても、2つの白いバーを楽しむことができないように、目は「色に敏感なモード」を持っていると思います。

    背景が明るいため、物事がきれいに見え、記事が読みやすくなります。暗い背景は色を強調するのに役立ち、コードを読みやすくします。

    ブログとコードテキストの1つの違いは、コードは通常、その構造を際立たせることができるように色分けされていることです。記事を読むと、単語の背後にある意味に重点が置かれますが、読み取りコードは視覚的な構造と色に重点を置き、単語自体に重点を置きます。写真の編集や映画の再生では、暗い色を使うと気が散ることが少なくなります。私たちは実際にはコードを写真やビデオのように扱います。暗い背景はフェードアウトし、視覚的な構造を際立たせます。


ここで興味深い考え!1.私がコードを見ているとき、それを読んでいない。私は構造を見ているので、通常はその小さな断片を読みます。2.最近のほとんどのシステムは構文の強調表示を提供しており、黒の背景で強調表示を対比するためのオプションがもっとあると思います。
ベンジョン2018年

3

目を疲れさせないので黒背景を使用しています。いつも白い背景を使っていましたが、2年後、目が疲れてきました。画面の明るさを下げようとしましたが、役に立ちませんでした。

やっと黒に切り替えて目がストレスになったり水っぽくなったりすることはほとんどありません(でも、まもなく眼鏡をかけます)...


2

私はこれが古い質問であることを知っていますが、私は私の入力の少しを与えると思いました。多分それは誰かを助けるでしょう。

数時間のノンストッププログラミングから、真っ白な背景が私の目を傷つけ始めました。私のビジョンは、私がやめなければならないところまでぼやけていました。暗いテーマを使用しようとしましたが、テキストに焦点を合わせることが難しく、コードをスキャンして特定のビットを見つけるのが難しくなりました。私が探しているものがわからない場合があるため、検索機能が常に機能するとは限りません(例外のないバグの解決など)。

周りを見回してみると、一部のゲーマーやプログラマーは黄色がかったメガネを使用していることがわかりました。人気のある選択肢は、Gunnarsのようです。しかし、私は70ドルをメガネに使う気にはなりませんでした。歴史的に、私のメガネの快適ゾーンは非常に狭く、時間やお金を無駄にしたくなかったからです。

それで、さらに検索してf.luxに行きました。それは完全に無料です。デフォルトの設定は私には少し極端すぎたので、2週間経っても慣れませんでした。でも、少し調整した後は、とても楽しんでいます。日中は画面は通常の色調と明るさですが、夕方が近づくにつれて、画面は調光設定に移行します。(慣れてきたら)無効にして違いをテストしようとすると、通常の画面を見るのが大変でした。したがって、機能します。試してみることにした場合は、却下する前に数週間使用してみてください。慣れるまでしばらく時間がかかりました。

とにかく、私のように暗いテーマに我慢できない場合、これらの2つのオプションはおそらくその問題を解決するための良い方法です。



1

BKは私が経験する多くのポイントを持ち出します。まず、これは古い投稿であることを知っていますが、それでも関連のある質問です。次に、私が異なるのは、暗いテーマと従来の明るいテーマのハイブリッドを使用することです。

個人的に私は暗い背景が視覚的に優れていると思います。コードを作成するとき、このタイプのテーマをIDE ダークテーマfor Visual Studio 2010 with Productivity Power Toolsで使用します。私が異なる1つのことは、非常に暗いコード領域を使用しないこと、またはテキストの色を変更しないことです。オプション>環境>フォントと色>プレーンテキスト>アイテムの背景>カスタム>シルバーを変更します。これにより、IDEで見た目が美しく暗いメニューなどが表示されますが、コードに集中できます。また、デフォルトのIDEに固有のすべてのテキストと色分けが保持されます。もちろん、これはVisual Studio 2010用です。新しいバージョンやさまざまなIDEには独自のテーマがあります。

私は非常に光に敏感な目をしているので、休憩なしで終日コーディングを行うと頭痛がしがちです。そのため、IDEのメニュー、ツールバー、サイドバーを暗くすることを好みます。私もガンナー眼鏡を使用しています。

明るいオフィスの状況などでは、暗い背景の白い背景が実際には目に適していることを裏付ける証拠はかなりあります。/ux/53264/dark-or-white-color-theme-is-better-for-the-eyesこれらの調査への回答を通じて、非常に優れた情報源がいくつかリストされています。これは主にエンドユーザー向けの設計に関するものですが、結局のところ、私たちが開発者であるにもかかわらず、私たちはまだIDE製品のエンドユーザーであり、同じルールが依然として適用されます。

結論として、それはあなたの環境、あなたの視力、そしてあなたが好むものと関係があります。私は個人的に、暗いIDEを使用し、灰色または銀色の作業スペースと、従来は暗いテキストを使用しています。これにより、コントラストを簡単に見つけることができますが、白で圧倒されて目が痛くなることはありません。


これは、OPのような長所/短所のリストよりも意見のほうが多いです。また、投稿には既に承認済みの回答があります。
mbomb007 2015年

はい、投稿には回答が承認されていますが、回答を検索するときに探していた詳細は提供されませんでした。OPはマルチパートの質問をしました。私は長所と短所を除いて質問のすべての部分に答え、別のディスカッションからその側面を処理したソースへのリンクを提供しました。これはOPの質問に答える私の意見です。「黒い背景に白いテキストでプログラムする人はいますか?目に優しいという噂を聞いたことがあります。どういうことですか?」質問には、主観的で、ケースごとに個別の回答が必要です。
JKirkbride 2015年

@ mbomb007すでに受け入れられた回答がある場合でも、追加の回答が許可されます。ウェブサイトのルールでは何もそれを禁止していません。その場合、質問に承認済みフラグが付いた後は、回答を投稿できません。
BK


0

それはあなたの目に本当にクールです。

白はフルカラー-rgb(255、255、255)-を意味し、黒はカラーなし-rgb(0、0、0)を意味します。したがって、白い背景に対して黒いテキストを読んでいるとき、画面は小さな部分(テキスト)を除いて多くの光を点滅しています。一方、黒の背景に白のテキストを読んでいる場合、画面はテキスト領域以外は(ほとんど)何も出力しません。それがとてもかっこよく見える理由です。

ただし、コントラストと環境照明は重要です。私は黒より白を好んでいますが、純粋な黒の純粋な白と純粋な白の純粋な黒はどちらもコントラストが高く、判読できません。私の個人的な経験では、「薄黒」の「濃い白」のテキストは、どの環境にとっても最も適切で長く読めるテーマです。


「つまり、白い背景に対して黒いテキストを読んでいるとき、画面は小さな部分(テキスト)を除いて多くの光を点滅させています。一方、黒い背景に対して白いテキストを読んでいるとき、画面は発光します(ほとんど)テキスト領域以外は何も。」-これはOLEDモニターにのみ適用されます。
Bomberlt 2017

AFAIKのみのOLEDおよび類似の画面(AMOLED、SAMOLEDなど)は、バックライトを使用しません(常時、画面の背後からの照明です)。つまり、LCD画面で100%黒の画像を開くと、100%白の画像を開いている場合と同じように、バックライトは明るく輝きます。一方、OLEDタイプのモニターでは、黒い画像はほとんど光を生成しません。さらに読む:anandtech.com/show/8795/...androidauthority.com/amoled-vs-lcd-differences-572859
Bomberlt

それは本当だ。しかし、コントラストを最適なレベルに保つには、少量のバックライトが良いと思います。
Nandakumar Edamana 2017

0

以前は

白い背景、家に帰ると疲れてちらつく感じがし、疲れました。

次に、黒の背景に切り替えました

目はよりリラックスし、疲れやストレスがずっと少ないと感じます。

よくわかりませんが、目にもいいです。

技術的に。背景が黒の場合、虹彩はさらに開きます。それはより多くの放射線を許容すると思います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.