Светлый текст на темном фоне по сравнению с темным текстом на светлом фоне: что позволяет читателю дольше сохранять концентрацию?

Самый фундаментальный принцип хорошей типографики для длинного текста заключается в том, что шрифт должен быть «невидимым» для читателя, чтобы ничто не мешало передаче информации. Из этого мы получаем принципы, согласно которым шрифты с засечками и легкие гротески лучше подходят для длинного текста, чем обычные гротески, а темный на светлом предпочтительнее, чем светлый на темном. Краткое изложение этой общепринятой типографской мудрости здесь . Вы действительно не можете отделить удобочитаемость от понимания и, следовательно, удержания.

Тем не менее, я знаю несколько причин отсутствия удержания, которые не имеют ничего общего с типографикой, и я также видел несколько совершенно идиотских исследований в этой области (например, парень, который вырезал текстовые столбцы посередине и разделял их на 1/4). дюйм, потому что это «заставляло читателя больше концентрироваться, чтобы следить за текстом»). Так что ваш опыт в данном случае может быть связан с типом, а может и нет.

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

Существует множество исследований в области оптометрии , в частности терапии зрения, которые указывают на связь между плохой координацией глаз («недостаточность конвергенции» на жаргоне) и невнимательностью, недостатком памяти и даже неприязнью к чтению в целом. (Часто ошибочно диагностируется как дислексия или СДВГ.) Эффектом различных форм недостаточности конвергенции является своего рода зрительное напряжение, которое делает чтение неудобным. То же самое относится и к людям, которым нужны корректирующие линзы для чтения, но которые они не носят.

Нетрудно заключить, что что - либо в типографике длинного текстового отрывка, которая не идеальна, может оказать негативное влияние на внимание и удержание.

В общем, самый большой источник дискомфорта при чтении длинных текстовых фрагментов — чрезмерная контрастность. Самый лучший вариант — взять книгу, напечатанную на ярко-белой бумаге, и попытаться прочитать ее под прямыми солнечными лучами.

При взгляде на обычно темное поле (например, светлый текст на темном фоне) зрачок расширяется. Не вдаваясь в технические подробности, более широкий зрачок == менее резкий фокус, небольшое размытие по краям шрифта. Просто так работает оптика. Вот почему так больно читать при тусклом свете. Зрачки максимально расширены, а это означает, что фокусировка наихудшая.

Глядя на светлую страницу, зрачок сужается. Узкий зрачок == более четкий фокус (который, кстати, увеличивает краевой контраст объектов в поле зрения). Из этого можно сделать вывод, что шрифт без засечек, будучи более коротким, чем его собратья с засечками, лучше читается перевернутым на темном фоне, чем шрифт с засечками, и вы будете правы.

Helvetica и подобные гротескные шрифты создают сильный контраст с их фоном, и их неудобно читать, когда они отображаются черным на белом или белым на черном, если только вы не используете самый легкий вес. Когда я устанавливаю текст без шрифта, я буду использовать самый легкий доступный вес и / или что-то вроде серого

Традиционные шрифты с засечками, такие как Caslon, Jenson и Garamond, имеют меньший визуальный контраст, напечатанный на светлой подложке, поэтому их удобнее читать. Плоские засечки, такие как египетский сланец, читаются только в более легких шрифтах. Didone или Bodoni с их сильно контрастирующими толстыми и тонкими мазками имеют тенденцию быть слишком контрастными для комфортного чтения.

Проблемы с фокусировкой могут быть незаметными. Это не обязательно должен быть вопрос света против тьмы. Глаз по-разному фокусирует красный и зеленый свет, и если вы действительно хотите доставить себе головную боль, переведите несколько страниц текста в красный цвет на зеленый и попробуйте их прочитать. Это больно!

Многие люди исследовали это различными способами и способностями. Некоторые из них можно найти с помощью Google Scholar. Вот несколько выдержек, которые я нашел, которые относятся к вопросу и их источнику:

2.2.2. Цвет и визуальное внимание

Среди множества графических компонентов на экране цвет является одним из мощных компонентов дизайна. Дизайнеры интерфейсов должны уметь применять цвета в дизайне. Как утверждает Тафте (1989), «умелое визуальное оформление компьютерных экранов — с вниманием к цвету, типографике, компоновке, значкам, графике и связности — в значительной степени способствует повышению качества и удобства использования». Несколько исследований показывают влияние цвета на человека. обработка информации. Ходли (1989), например, утверждает, что цвет, один из атрибутов зрительного стимула, может привлекать внимание человека. Более того, Маркус (1992) утверждает, что цвет является самым сложным визуальным компонентом. Кроме того, обширные исследования цвета в зрительном внимании, особенно в зрительном поиске, показывают, что цвет является компонентом объекта, который эффективно отличает стимул от окружения (например, при визуальном поиске).

Влияние цвета на работоспособность человека оценивалось при выполнении нескольких задач. Этими настройками задачи являются обнаружение цветных целей среди бесцветных отвлекающих факторов, обнаружение цветных целей среди цветных отвлекающих факторов, при этом цвет целей отличается от цвета отвлекающих факторов, и обнаружение целей, содержащих сочетания признаков (например, цвет и ориентация). Трейсман и Геладе (1980), например, сообщают, что потребность во внимании, чтобы соединить признаки объекта вместе, приводит к тому, что участнику требуется больше времени для обнаружения зеленой буквы Т на экране, который содержит равное количество коричневых Т и зеленых Х. Другое исследование показывает, что при поиске целевых слов из списка окрашенных целевых слов и цветных нецелевых слов различия в цвете текста значительно влияют на время поиска.

Ясно, что данные показывают, что цвет влияет на визуальное внимание в различных контекстах (например, при визуальном поиске и чтении). Вышеупомянутые исследования манипулируют цветом целей и нецелей, а нецели определяются как отвлекающие факторы. Настоящее исследование, с другой стороны, не исследует цвета целевых и нецелевых слов. Скорее исследуются цвета анимированной баннерной графики (отвлекающие факторы).

Чжан (1999) исследовал аналогичную проблему. В этом исследовании яркий цвет является жизненно важным атрибутом анимированных баннеров, который может сильно отвлекать внимание пользователя. Атрибут яркости исследуется на двух уровнях: яркий цвет и тусклый цвет. О цвете оттенка не сообщается, что затрудняет дальнейшие исследования. Однако результат показывает, что анимированная графика с ярким цветом отвлекает внимание пользователя больше, чем анимированная графика с тусклым цветом.

С точки зрения использования цвета в графике хорошо обсуждаются общие рекомендации. Маркус (1992) рекомендует использовать соответствующие цвета для центральной и периферийной областей. Синий подходит для больших областей, таких как фон экрана. Красный и зеленый рекомендуются для области в центре поля зрения, тогда как черный, белый, желтый и синий лучше использовать на периферии поля зрения.

Более того, каждая комбинация цветов, вероятно, может создавать различные эффекты. Например, исследования показывают, что неэффективные сочетания цветов в графическом дизайне могут снизить производительность и удовлетворенность пользователей (например, Latomia and Happ, 1987). Эффективные сочетания цветов текста и фона анимированной баннерной графики являются одним из факторов влияния, которые могут облегчить обработку информации и повысить рейтинг кликов, удобочитаемость баннерного сообщения, узнаваемость бренда, оценку внешнего вида веб-страницы и удобство использования веб-страницы.

Источник: Культурные различия в отношении внимания и воспринимаемого удобства использования: исследование цветовых комбинаций анимированной графики.

Есть две концепции для дальнейшего изучения в связи с этим вопросом. Исследование Чжана о яркости как отвлекающем факторе и рекомендации Маркуса по использованию разных цветов для разных областей внимания. Следующее исследование, похоже, рассматривает оба вопроса в одном абзаце!

Результаты по вниманию показали, что на любом фоне наибольшее внимание привлекают цвета максимальной насыщенности и яркости (67%). Обращает на себя внимание желто-зеленая, зеленая, голубая гамма (45%), за ней следует красная, пурпурная гамма (30%). Выводы по предпочтениям показали, что наиболее предпочтительными являются цвета, имеющие максимальную насыщенность и яркость (25%). Синий является наиболее предпочтительным оттенком вне зависимости от фона (25%). Отношения цвета переднего плана и фона с точки зрения внимания и предпочтений также включены в результаты исследования.

Источник: Влияние оттенка, насыщенности и яркости на внимание и предпочтения .

Мой собственный вывод:

Основываясь на новом чтении, которое я сделал, а это было больше, чем просто эти выдержки, а также другие статьи, которые я читал, мне кажется, что контраст яркости важен. Возможно, именно поэтому великие дизайнеры часто избегают чистого белого и чистого черного. На этом самом сайте есть только не совсем белые и темно-серые цвета. Итак, я считаю, что ответ должен быть таким: «Свет на темном» и «Темный на светлом» для внимания менее важны, чем диапазон яркости. Однако, как вы упомянули, и я мог бы связать многие исследования, которые показывают, что свет на темноте легче читать. В этом вопросе можно, как и другие, предложить противоречие, что использование света на темном фоне позволяет глазам легче сосредоточиться на этих вещах. Что мне кажется точным утверждением, но опять же в разумных пределах. Чисто черный фон не годится.

Это также согласуется с замечательным ответом Алана относительно контраста и более механической стороны того, как мы воспринимаем эти цвета:

В общем, самый большой источник дискомфорта при чтении длинных текстовых фрагментов — чрезмерная контрастность. Самый лучший вариант — взять книгу, напечатанную на ярко-белой бумаге, и попытаться прочитать ее под прямыми солнечными лучами.

При взгляде на обычно темное поле (например, светлый текст на темном фоне) зрачок расширяется. Не вдаваясь в технические подробности, более широкий зрачок == менее резкий фокус, небольшое размытие по краям шрифта. Просто так работает оптика. Вот почему так больно читать при тусклом свете. Зрачки максимально расширены, а это означает, что фокусировка наихудшая.

Конечно, я не ученый, психолог или специалист по теории цвета, так что читайте все отчеты самостоятельно и делайте собственные выводы.

Хотя это субъективный ответ, я чувствую, что ответ таков: он субъективен и полностью основан на прошлом опыте и ваших собственных подсознательных ожиданиях.

Я четко заметил, что при переходе от одного к другому, независимо от того, переключился ли я на темное на светлом или наоборот, что если это не то же самое, что я обусловлен для конкретного контекста, то это будет быть очень трудно сосредоточиться.

Даже с двумя очень тесно связанными средами, окнами кода и командными окнами, я считаю, что они мне нужны разные. Например, я не могу комфортно использовать окно кода с подсветкой на черном или командное окно с черным на белом.

Согласно нашему обсуждению комментариев OP.

Это может быть связано с тем, что свет в темноте легче увидеть, потому что только текст и контент излучаются на вас через свет. Таким образом, меньше информации помогает сфокусировать зрение.

Мы подробно рассказали об этом в ОП, но это будет мой представленный ответ.

Обычно я держу свою комнату довольно темной для комфорта. Таким образом, белый экран (как этот) с черным текстом трудно читать. Это просто ослепительно белое пятно с какими-то пятнами на нем, которые больно читать.
Все остальные факторы несколько второстепенны, когда больно читать страницу.

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