Автор: Мария Кокухина, эксперт по юзабилити

А вы знали, что использование черного цвета на сайте усложняет читабельность?

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

цвет текста и фона на сайте

Черный текст на белом фоне

Чтение черного текста на белом фоне на сайте в течение долгого времени — вызывает напряжение глаз. С чем это связано? Белый цвет имеет 100% цветовую яркость, а черный — 0%. Такой контраст заставляет глаза сильнее напрягаться.

Рассмотрим пример из жизни. В темной комнате вдруг загорается яркий свет. Такое резкое изменение условий освещения вредит глазам. Но если вы включите тусклый свет, то глаза легче адаптируются к изменениям. Нету такого резкого контраста для глаз.

цвет текста и фона на сайте

Вместо черного лучше использовать на сайте — темно-серый цвет на белом фоне. В этом случае изменение яркости не будет столь резким. Это позволит посетителям читать ваш текст на сайте намного дольше и при этом не напрягать глаза.

Оттенков темного-серого довольно много. Но наиболее оптимальный цвет для сайта — #444444.

Исключения из правил

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

Белый текст на черном фоне

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

цвет текста и фона на сайте

В случае комбинации: белый текст на черном фоне — лучше работает темно-серый фон для сайта. На таком фоне посетителям будет легче читать текст.

Заключение

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

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

Взгляните на ваш сайт. Нет ли там место для улучшений читаемости?

Понравилась статья? Поделитесь с друзьями!

Популярные статьи

Еженедельный журнал

Оставьте заявку и получайте каждую неделю новые статьи.