Програмування з білим текстом на чорному тлі?


130

Хто-небудь програмує з білим текстом на чорному тлі? Я чув чутки, що краще для ваших очей. Що таке? Чи краще це від традиційного чорного на білому? Які плюси і мінуси?


106
"традиційний чорний на білому"? Діти в ці дні ...
Майкл Мрозек

7
@Tower: коли-небудь бачив комп'ютер під керуванням DOS?
Андреас Рейбранд

5
дублікат питання більше не доступний, здається.
ThatGuy

7
З будь-якої причини питання цього дублікату більше не існує. Це питання слід знову відкрити.
Ендофаг

3
@MichaelMrozek Традиційні кольори - чорний на білому (целюлозна папір) і чорний на світло-коричневому (папірус). У сучасну цифрову епоху ми можемо мати будь-які поєднання кольорів, які нам подобаються, але жодне з них не є традиційним. Основний момент цього питання чітко, якщо вашим очам краще використовувати темніші фони, а не світліші, тому не давайте намагатися бути занадто розумними і не зупинятися на темі.
Kai Sellgren

Відповіді:


63

Це насправді білий на чорному, а точніше зелений або бурштиновий на чорному, це традиційний спосіб. Я їх усіх використав. :)

Я вважаю, що використання чорного на білому кольорі розпочалося в текстових процесорах, тому що набагато простіше на ваших очах, коли ви чергуєте дивитись на екран і дивитися на вихідний матеріал, надрукований на папері.

Крім того, контраст між фоном екрану та навколишнім освітленням повинен бути невеликим, тому білий фон найкраще працює з добре освітленою кімнатою, більшість людей користуються комп’ютерами в більшості випадків. Якщо ви програмуєте в темряві, чорний фон дасть менше контрасту, але тоді більше питання, чому у вас немає належного освітлення у вашій кімнаті ...

Звичайно, є особисті переваги, ніж це може вплинути на ваш вибір кольорів, і ваш зір (або його відсутність) також може зробити одну настройку кращою за іншу.


29

Проводиться нескінченна дискусія з приводу слешдота який можна пройти через усі незрозумілі технічні деталі (тим більше, що технічний аналіз здається перевагою темного на світлому боці).

Ця стаття , хоч і щодо веб-дизайну, попереджає про небезпеку безглуздих темних тем. Я важливий аспект, який я розумію, це те, що шрифт важливіший, ніж схеми фарбування. Існує також недолік для чорного (не темного в цілому, а просто чистого чорного) фону з білим шрифтом, якщо шрифт тонкий , оскільки чорний переповзає на білий і шрифт буде виглядати ліл 'розмитим.

Незважаючи на все, особисто мені здається, що читання на темному тлі набагато простіше для очей. Я не думаю, що є однозначна відповідь на "світлий шрифт на більш темному фоні" або навпаки. Це буде важливіше залежати від особистих смаків та звичок. Напевно, правильна схема дозволяє шрифту (письмові) проектувати передній план і зменшувати фон.Тепер запитайте себе, чи це темне на світлі, чи світле на темному? Ось головне в тому, що прихильники, які поручаються на подібність з друком, припускаючи, що чорний колір перекреслює біле на папері, сліпий за те, що справа не стосується електронних екранів. Тут інтенсивність білих променів на ваших очах значно більша порівняно з чорними.

І немає нічого подібного до найкращого кольору фону або кольору переднього плану, але важливо поєднання. Правильне поєднання дає правильний контраст, а контраст має значення. І контраст повинен бути достатньо високим, але недостатньо, щоб бути напруженим. Чисто білий на глибокому чорному може завдати шкоди (контраст - значно високий), але в той же час білий на темно-зеленому - заспокійливий. Те саме стосується бурштину на чорному.

Також, якщо у вас темний фон, він повинен бути блідим і не інтенсивним, тому щось на кшталт темно-сірого або чирливого буде краще, ніж чорне, що, в свою чергу, буде краще синього, червоного тощо.

Тема соляризованої насправді - після хорошого раунду тестування, який проходить після їх веб-сайту. Хороше, що мені подобається в Notepad ++, - це те, що деякі більш відомі теми, такі як соляризовані , дзенбур , яскраві чорнила , є вбудованими в конфігуратор стилів. Обсидіан - найкращий без сумніву btw! :) Ловіть його для Visual Studio тут .


13

Здається, це є перевагою та можливою екологічною річчю, чесно. Ви знайдете людей, які вважають, що кожен метод є вищим.

Я знаю, що особисто я кодував з тих пір, як навколо були термінали зелений на чорному та бурштиновий на чорному, і тепер я використовую світло-сірий текст на чорних фонах, де це можливо. Я вважаю, що чорні фони надзвичайно комфортні на моїх очах навіть на дуже довгих сесіях, але білі фони дуже втомлюють. Я чув, як це описано як "дивлячись на лампочку потужністю 100 Вт", і саме так мені це здається.

Освітлення кімнати також може мати значний вплив. Світліші кімнати можуть надавати світліше, а темніші - темному. Це зменшує потребу в тому, щоб ваші очі намагалися перемикатися між широкими і вузькими зіницями, необхідними для світлих, а потім темних, а потім яскравих, коли ви час від часу відводите погляд від монітора, щоб розслабити очі (ви завжди повинні робити це, правда?).

Найкраща порада - просто спробувати обидва, дати тиждень або близько того, і вирішити, що вам більше подобається. Якщо ви виявите, що обидві крайності яскраві, спробуйте скористатись більш приглушеною темою, ніж чисті білі та чисті чорні, спробуйте кілька м'яких сірих.


12

Швидка відповідь - "темний текст на білому тлі підходить більше людей".

Моя відповідь стосується цього: /graphicdesign/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). Поліпшення розбірливості візуальних дисплеїв за допомогою контрастного звороту. У Е. Гранджейн, Е. Вільяні (ред.), Ергономічні аспекти візуальних терміналів відображення (с. 137-142). Лондон: Тейлор та Френсіс Ок, поліпшення на 26% - але чому?

Людям з астигматизмом (приблизно 50% населення) важче читати білий текст на чорному, ніж чорний текст на білому. Частина цього стосується рівня освітленості: при яскравому дисплеї (білий фон) райдужна оболонка замикається трохи більше, зменшуючи дію «деформованої» лінзи; при темному дисплеї (чорний фон) райдужна оболонка відкривається, щоб отримати більше світла, а деформація кришталика створює набагато нечіткіший фокус у оці.

Джейсон Харрісон - науковий співробітник лабораторії Imager - дослідницька група по сенсорному сприйняттю та взаємодії, Університет Британської Колумбії "Ефект", що трапляється "Джейсон", відомий як халяція.

Можливо, буде дивно підштовхувати ваші основні цілі дизайну на основі погіршення зору, але коли у 50% населення спостерігається це «порушення», це насправді ближче до норми, ніж до порушення.

Мережа насичена дослідженнями цієї теми, але я думаю, що ці дві цитати дають коротке обґрунтування того, чому світлий текст на темному тлі - погана ідея.


3

Я впевнений, що плюс програмування та використання білого на чорних макетах викликає менше використання енергії. Приклад економії енергії сайту за допомогою чорного макета - http://blackle.com/


24
Він витрачає менше енергії, лише якщо ви використовуєте старий екран CRT. РК-екран підсвічується, і рідкі кристали блокують світло, тому він використовує таку ж кількість енергії (або навіть трохи більше), коли екран чорний.
Гуффа

8
"У 2013 році більшість продажів моніторів - це РК-дисплеї з підсвічуванням, які не засвічують чорні частини екрану. Деякі старі РК-монітори CCFL працювали з марнотратним підсвічуванням всього екрану. Починаючи з 2005 року виробники відійшли від CCFL".
Джорі

3

добре, якщо ви програмуєте, коли на вулиці вже темно, то так, що слух може бути правдивим, тому що для ваших очей краще, якщо контраст між монітором і кімнатою буде меншим.


3

Нижче змішані з моїми власними думками та іншими.

  • Чистий чорний:

    Чисто білий текст на чистому чорному кольорі є жахливим для читання (на деяких графіках це виглядає приголомшливо). Контраст занадто високий, а чистий чорний колір може виглядати неприродно . Тож Visual Studio використовує темно-сірий колір, як і Photoshop.

  • Команда Visual Studio говорить:

    Згідно з блогом Visual Studio Blog , темні теми редактора, як правило, більш переважні, зменшення напруги протягом тривалого використання є головною причиною.

  • Емоційне очікування:

    Емоційно, принаймні для деяких я здогадуюсь: речі, пов’язані із створенням із темною темою, можуть відчувати себе краще, як і те програмне забезпечення; речі схожі на книги, наприклад, щоденник, або щось подібне, світлий фон може бути кращим, оскільки це очікується більше.

  • Чорний для кольорів:

    Для очей, як правило, я чудово підхоплююсь як до світлої, так і до темної тематики, оскільки я завжди переконуюсь, що підсвічування не надто світла. Що стосується Visual Studio, я думаю, що напруга для очей відбувається від сканування кольорів. Ви знаєте, що вже важко розпізнати всі ці кольори (гаразд, не так складно, ви зрозуміли), тоді на дорозі є той великий жирний білий колір. Вгадайте, очі просто мають "кольоровий режим", як люди можуть не насолоджуватися двома білими смужками, навіть якщо це мультфільм світлого кольору.

    Світлий фон легко робить речі чистими, призводить до більшої читабельності виробів; темний фон допомагає підкреслити колір, призводить до більшої читабельності кодів.

    Одна відмінність між текстом блогу та коду полягає в тому, що коди, як правило, забарвлені таким чином, щоб вони могли виділити свою конструкцію. Прочитати статтю буде зосереджено більше на її значенні, яке стоїть за словами, але читання кодів зосередиться більше на його візуальній побудові та кольорі, більше фокусується на самих словах. У редагуванні фотографій та відтворення фільмів темні кольори забезпечують менше відволікань. Ми розглядаємо коди насправді більше, як фото чи відео, де візуальних питань більше або навіть багато. Темний фон згасає і візуальна конструкція виділяється.


Цікаві думки тут! Мені здається, що: 1. переглядаючи код, я його не читаю. Я дивлюся на структуру, і я прочитаю, як правило, невеликі її фрагменти; 2. Більшість сучасних систем забезпечують підсвічування синтаксису, і я підозрюю, що у вас є більше варіантів контрастного виділення на чорному тлі.
Бенджон

3

Я використовую чорний фон, тому що це не буде напружувати мої очі. Раніше я регулярно використовував білий фон, через 2 роки очі почали напружуватися. Я намагався зменшити яскравість екрана, але це не допомогло.

Нарешті я перейшов на чорний, і зараз мої очі навряд чи навіть піддаються стресу або водянисті (але все-таки я збираюся носити спекти незабаром) ...


2

Я знаю, що це давнє запитання, але я подумав, що дам трохи свого вкладу. Можливо, це комусь допоможе.

Чисто білий фон починав боліти мені очі від декількох годин безперервного програмування. Моє бачення розмивалося до того моменту, коли мені доведеться зупинитися. Я намагався використовувати більш темні теми, але важче було зосередитися на тексті, і це ускладнило мені сканування коду, щоб знайти певний біт. Функціонал пошуку не завжди працюватиме, тому що я, можливо, не знаю, що шукаю (вирішення помилок без винятку тощо).

Я озирнувся і дізнався, що деякі геймери та програмісти використовують окуляри жовтого тону. Популярним вибором, як видається, є артилеристи . Однак мені не здавалось витрачати 70 доларів на пару окулярів, тому що історично моя зона комфорту в окулярах дуже вузька, і мені не здавалося витрачати свій час чи гроші.

Отже, подальший пошук навколо мене привів до f.lux . Це абсолютно безкоштовно. Налаштування за замовчуванням були для мене занадто екстремальними, і я не могла звикнути до них навіть через два тижні. Однак, трохи відкоригувавши їх, мені дуже сподобалось. У денний час екран працює у звичайному тоні та інтенсивності, але, коли вечір закривається, він переходить у налаштування затемнення. Коли я спробував перевірити різницю (після звикання), відключивши її, болісно було дивитись на звичайний екран. Отже, це працює. Якщо ви вирішили спробувати ... просто спробуйте використати його протягом декількох тижнів, перш ніж відмовитись. Мені знадобився певний час, щоб звикнути.

У будь-якому випадку, якщо ви просто не витримаєте темніших тем, як я, ці два варіанти, мабуть, є хорошим способом вирішити цю проблему.


1

Я чув, що чорний текст на білому тлі не зашкодить вашим очам, але, використовуючи чорний фон протягом тривалого часу, може створити проблеми із зором у ваших очах.


1
Я особисто сам це відчував.
Snađошƒаӽ

1

BK приносить багато балів, які я теж переживаю. По-перше, я знаю, що це старша посада, але це все ще актуальне питання. По-друге, там, де я відрізняюся, я використовую гібрид більш темних і традиційних світлих тем.

Особисто мені здається, що темніше тло буде візуально кращим. Коли я кодую, я використовую цей тип теми в темній темі IDE для Visual Studio 2010 із продуктивністю Power Tools . Єдине, що я роблю по-різному, це те, що я не використовую дуже темну область коду і не змінюю забарвлення тексту. Я заходжу та змінюю свої параметри> Середовище> Шрифти та кольори> Простий текст> Фон предмета> Користувацький> Срібло. Це, в свою чергу, дає мені естетичніші темніші меню та такі в IDE, але все ж змушує зосередитися на коді. Він також зберігає всі текстові та кольорові кодування, які є власними для IDE за замовчуванням. Звичайно, це стосується Visual Studio 2010. Новіші версії або різні IDE мають свої теми.

У мене дуже чутливі до світла очі, і я, як правило, отримую головний біль при кодуванні цілий день без перерв. Тому я вважаю за краще тонізувати меню, панелі інструментів та бічні смужки IDE, щоб бути темнішими. Я також використовую окуляри Gunnar .

Існує досить багато доказів, що підтверджують, що білий фон з більш темним текстом насправді кращий для ваших очей у добре освітлених офісних ситуаціях тощо. /ux/53264/dark-or-white-color-theme-is-better-for-the-eyes Є кілька дуже хороших джерел, перелічених у відгуках на ці дослідження. В основному це стосується дизайну для кінцевих споживачів, але наприкінці дня, хоча ми є розробниками, ми все ще є кінцевими користувачами продуктів IDE і ті ж правила досі діють.

Отже, на завершення це має багато спільного з вашим оточенням, зором та тим, що ви віддаєте перевагу. Я особисто використовую темний IDE з сірим або срібним робочим простором з традиційно темним текстом. Це дозволяє ще легко помітити контраст, але не зашкодить моїм очам, перекривши мене білим кольором.


Це скоріше думка, ніж перелік плюсів / мінусів, як хотіла ОП. Також у публікації вже є прийнята відповідь.
mbomb007

Так, у публікації є прийнята відповідь, але вона не надала конкретної інформації, яку я шукав під час пошуку відповідей. ОП задало багатозначне запитання. Я відповів на всі частини питання, за винятком плюсів і мінусів, і надав посилання на джерело, яке розглянуло цей аспект з іншого обговорення. Це моя думка, яка відповідає на питання ОП "Хтось програмує з білим текстом на чорному фоні? Я чув чутки, що це краще для ваших очей. Що в цьому випадку?". Питання вимагає відповіді суб'єктивної та індивідуальної для кожного випадку.
JKirkbride

@ mbomb007 Дозволені додаткові відповіді, навіть якщо вже є прийнята відповідь. Ніщо в правилах веб-сайту цього не забороняє. Якби це було так, ніхто не зміг би опублікувати відповідь після того, як питання має прийнятий прапор.
BK

1

На моєму ноутбуці темний фон створює занадто багато світловідбиття.


0

Це дійсно круто для ваших очей.

Білий означає повна забарвлення - rgb (255, 255, 255) - а чорний означає відсутність кольору - rgb (0, 0, 0). Отже, коли ви читаєте чорний текст на білому тлі, на екрані блимає багато світла, за винятком невеликої частини (тексту). З іншого боку, коли ви читаєте білий текст на чорному тлі, екран не видає (майже) нічого, крім області тексту. Ось чому це виглядає так круто.

Однак контраст і освітлення навколишнього середовища мають значення. Хоча я віддаю перевагу білому на чорному, і чистий білий на чистому чорному, і чисто чорний на чистому білому мають високий контраст, що робить речі нечитабельними. З мого особистого досвіду, "темно-білий" текст на "світло-чорному" був би найбільш підходящою і довго читаною темою для будь-якого середовища.


"Отже, коли ви читаєте чорний текст на білому тлі, на екрані блимає багато світла, за винятком невеликої частини (тексту). З іншого боку, коли ви читаєте білий текст на чорному тлі, екран випромінює (майже) нічого, крім області тексту ". - Це стосується лише моніторів OLED.
Bomberlt

AFAIK лише OLED та подібні екрани (AMOLED, SAMOLED тощо) не використовують підсвічування (все-таки при освітленні, що йде з-за екрана). Це означає, що якщо ви відкриєте 100% -не чорне зображення на РК-екрані, підсвічування все одно світиться так само яскраво, як якщо б ви відкрили 100% -не біле зображення. З іншого боку, на моніторах типу OLED чорне зображення майже не випромінює світла. Крім читання: anandtech.com/show/8795 / ... і androidauthority.com/amoled-vs-lcd-differences-572859
Bomberlt

Це правда. Але я вважаю, що невелика кількість підсвітки добре підтримувати контраст на оптимальному рівні.
Nandakumar Edamana

0

Раніше я програмував

Білий фон, я відчував себе більш втомленим і видним мерехтінням, коли їхав додому і втомлений.

Потім я перейшов на чорний фон

Око відчуває себе більш розслабленим і набагато менш стомлюючим і напруженим.

Я не впевнений, що добре для очей.

Технічно. Коли фон чорний, райдужка відкривається більше. Я думаю, що це дозволяє більше випромінювання. Не впевнений.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.