Багато веб-сайтів, розроблених для легкого читання (наприклад, nytimes.com або ilovetypography.com ), використовують білі фони з чорними шрифтами, щоб зробити вміст легким для читання. Чи потрібно використовувати лише світлі кольори для областей з високим вмістом, або темні кольори можуть бути однаково читабельними?
Відповіді:
Темні фони зазвичай вважаються менш читабельними, ніж світлі. Достатній рівень контрастування також дуже важливий для читабельності.
Загалом, я б рекомендував темні фони для дизайнів, які мають велику кількість медіа-вмісту, але дуже мало тексту. Більш темні фони дійсно можуть виділити фотографії, і ви знайдете, що на багатьох сайтах фотографії буде чорний фон.
Якщо у вас багато тексту, вам слід використовувати світлий або білий фон. На очах це простіше, і це імітує те, до чого ми звикли, читаючи газети чи книги. Ви також можете використовувати світлий або білий колір для медіа-вмісту, але він менш витончений.
Для подальшого читання: Світлий текст на темному тлі порівняно з читабельністю
Основна стурбованість цього аспекту читабельності - контраст . Білий текст на чорному тлі контрастує так само, як і чорний текст на білому тлі. Біле на чорному насправді легше для очей, якщо дивитися на світлодіодні екрани, ніж чорне на білому, тому що менше світла пропускається.
Чорний на білому або темний на світлі стиль більшості веб-сайтів можна віднести до парадигми паперу. Люди, знайомі з паперовими документами, могли легко розпізнати текстовий процесор з білим тлом і чорним текстом, наприклад, що стало нормою в обчислювальній техніці. На мою думку, це справді соромно; Я ненавиджу цілий день дивитись на білий екран і пошкоджувати очі.
Редагувати: Перечитавши це зараз, я мушу підкреслити, що я особисто вважаю, що кількість світла, яке на мене білі веб-сайти, незручне. Я використовую чорні фони, де це можливо, і не маю проблем з читабельністю. Інша відповідь вказує, що це може бути не нормою.
Я б сказав: нехай люди вибирають правильну комбінацію для них. Деякі вважають за краще яскраве на темне, інші темне на яскраве - важко сказати, який з них краще, навіть якщо про це робиться якесь наукове дослідження. Крім того, налаштування можуть змінюватися в залежності від умов перегляду. Простий перемикач тем був би безцінним - не кожен користується власними таблицями стилів CSS. До речі, пара робіт, які я бачила з цього приводу, ґрунтується на досить коротких зразках тексту - приблизно на пару тисяч слів. Було б цікаво подивитися, що відбувається, коли текст довший, як книга з приблизно 5 розділами, по кілька тисяч слів кожна.
В інших відповідях контраст є основним фактором читабельності. Я думаю, що несправедливо відокремлювати контраст від загальної яскравості при розгляді цієї проблеми. Пов'язана стаття про bereastreet цитує, що "… Білий текст на чорному тлі є вищим контрастом протилежного ...". Я можу більш-менш погодитися з рештою цитати, але це просто звичайне сміття :). Контраст , розуміється як різниця між coolors, точно так же. Це загальна яскравість, яка відрізняється. Таке твердження може бути прийнято лише в тому випадку, якщо ми визначимо щось як "сприйнятий контраст". Я також думаю, що умови перегляду є критичними для зручності читання. Те, що добре працює при яскравому світлі, може бути болісним, коли сортування темне.
Одне, я думаю, що не можна наголошувати занадто чітко і твердо щодо самого контрасту, це те, що він повинен бути "правильним" його кількістю. Не тільки "достатньо", але і "не дуже". Я працюю в невеликому видавництві, і тим більше, що часто я бачу, як поепл вибирає яскравий, як пекло (POW перейшов до синього) папір для своїх книг на об’єм 150+ сторінок. Це їхнє право як клієнтів, що часто підтримується твердженням, що "це легше читати, особливо людям для старших (sic!), Приємний, чорний текст на яскравому, білому папері". У той же час я роблю власне неофіційне опитування серед людей, які багато читають. Усі запитувані сказали, що надмірно яскравий папір вбиває їх очі. Часто вони йдуть на більш старі випуски - ті, які мали шанс стати «жовтими»;), просто щоб мати можливість їх зручно читати. Я думаю, те саме стосується дисплеїв. Достатній контраст - так ... просто не надто багато.
І ще одна примітка: коли я згадую читання тексту на папері (і папір яскравий як пекло;)), як умови перегляду я приймаю флуоресцентне світло, приблизно 2800-3200 К.
Тут відіграють вже добре висвітлені питання читабельності цільової аудиторії вашого веб-сайту. Деякі групи краще реагують на темний фон, а інші воліють світлий фон. Важко навести приклади того, який стиль підходить для аудиторії, хоча він є дуже суб'єктивним.