Какие цвета лучше всего подходят для чтения с монитора?

Question

[TimLee]

Большинство сайтов — это белый фон и чёрный текст. Мне не совсем удобно читать, когда белый фон светит в глаза, особенно вечером. Пробовал тёмный фон и светлые буквы — получается не очень. Может дело в шрифте?

Поэтому назрел вопрос: «Какие цветовые сочетания текста и фона лучше всего подходят для чтения с монитора?»

Answer 1

[Юрий Лобанов]

1. Контрастные цвета
В идеале это черный на белом, но как тут правильно пишут — яркий монитор будет белым бить по глазам. Лучше всего использовать не холодный белый, а теплый.
2. Специально спроектированные шрифты для мониторов
вроде верданы, тахомы, и пр.
В идеале не только спроектированный компьютерный шрифт или шрифт для веб, но и с отдельными глифами для каждого размера шрифта. Такие шрифты есть (мало, поищите, я даже не берусь назвать), они достаточно сглаженные даже с отключенным антиалиасингом, так как проектируются попиксельно, в т. ч. рассчитываются апроши, чтобы межбуквенное расстояние не гуляло, что тоже очень утомляет глаза и затрудняет чтение.
3. Отключенный или несильный антиалиасинг начертания
Да, с ним буквы выглядят симпатичнее, но глаз постоянно пытается сфокусироваться.

Из общих рекомендаций, если собираетесь много читать с монитора, то могу посоветовать также обратить внимание на интерлиньяж. Многие оставляют его по умолчанию, но для чтения он маловат. Сильно увеличивать тоже не стоит, так как будет теряться связь между строками, но скажем если автоматические мы имеем 12/14 pt, то лучше увеличить на 1 или 2 пункта, т. е. 12/16.

Comments

[TimLee]

Тёплый белый как будет выглядить в HEX?

[Юрий Лобанов]

@TimLee надо было взять в кавычки. Подберите сами, попробуйте оттенки серого, вроде #F9F9F9, темнее или светлее.

[TimLee]

@iiil Я уточнить хотел, что это такое - тёплый белый. Казалось что-то ближе к жёлтому должно быть. У меня сейчас #f2f2f2 стоит.

[Юрий Лобанов]

@TimLee или к бежевому. В данном случае деление чисто условное, главное не брать #fff

[Юрий Лобанов]

@TimLee ну как, ни один из ответов Вас не устроил?

[TimLee]

@iiil Остался при своих background: #f2f2f2;
color: #383838;

Answer 2

[Alexander Mischuk]

Мне не совсем удобно читать, когда белый фон светит в глаза, особенно вечером.

Может дело в яркости экрана скорее? Связка черный с белым идеальна.

Comments

[TimLee]

Что-то у меня сомнения в идеальности. Пруф, плиз;)

В сервисах для чтения (типа Pocket) есть тёмные темы. Если бы ч\б была идеальной зачем другие нужны.

Это конечно не совсем про чтение, но всё-таки: терминал чёрный по дефолту и у IDE много тёмных тем присутствует у некоторый по дефолту.

Яркость — на минимуме.

[Alexander Mischuk]

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

[Александр Таратин]

@Mischuk сравнение с книгами не уместно. 1) экономия чернил 2)книги печатают зачастую далеко не белой бумаге (опять же в виду экономии) 3)книга не светится

Answer 3

[Deerenaros]

@Mischuk как это ни странно - связка чёрного с белым - наиболее ужасна. К счастью, даже если Вы откроете текстовый редактор с белым фоном и начнёте писать чёрный текст, монитор не отобразит идеально белый, также как и идеально чёрный. Будь это так - в глазах бы рябило от контраста (разве только редкие личности могли бы спокойно читать).

Идеально - это два противоположных цвета, достаточно контрастных, но не максимально. У каждого человека разное ощущение идеала, но в общем и целом ситуация такая, что диаметрально противоположные цвета только ухудшают ситуацию. Как всегда - истина где-то рядом. Тьфу, по середине. Например, мне очень нравится что-то вроде бежевого на фоне мышьякового.

По поводу мониторов - то тут очень хорошо работает тёмный фон. Дело в том, что сам по себе монитор - это лампа. Попробуйте посмотреть на яркую лампу. Ну, час, два... Печально, да? Впрочем, если за матовым стеклом - чуть лучше. Примерно это и происходит с монитором. Есть люди, у которых голова болит от LCD мониторов - всё таки это лампа за матовым стеклом. Но чёрные пиксели меньше пропускают света. То есть они более матовые. Поэтому - так лучше.

Ещё из советов - чем крупнее шрифт, тем лучше, однако, как и везде, сильно усердствовать не стоит. Как по мне - прямо тут (toster.ru) почти идеал. Лично мне нравится чуть мельче - больше помещается, но по среднему на больнице это таки идеал.

P.S. Я знаю очень мало ресурсов, что удачно использовали инвертированные цвета. Причина проста - элменты UI конфликтуют с фоном. А если их делать светлыми - слишком выбиваются. Так что это не просто, найти идеал.

Comments

[plasticmirror]

для AMOLED черный = настоящий черный. контраст там дичайший. и при этом отлично все читается. это про "в глазах рябило бы от контраста".

на хорошем мониторе светлый (белый, бежевый) фон + черный шрифт.

на дешевых TN матрицах все индивидуально. просто некоторые сочетания чуть меньше раздражают.

[Deerenaros]

@plasticmirror Да ладно. Почитайте про абсолютно чёрное тело и измените своё мнение. На AMOLED да, контраст шикарный, но белый далеко не белый (белый скорее ближе матовому белому, ну может чуть ярче). И чёрный там скорее "почти чёрный", хотя он действительно кажется в разы чернее, чем "тот же" чёрный на TN-ке. Ну и лично у меня от долго чтения и на TN-ке рябит глаза если текст цвета RGB(0,0,0) на фоне RGB(255,255,255).

Answer 4

[Анна Бакурова]

Данная тема уже была... Вот ссылка