Веб качество читаемости
Правильное использование шрифтов и цветов сделает ваш сайт более удобным для чтения.
Обратите внимание на цветовой контраст
Для видение не хорошо, не хорошо для людей или устройства отображения, черно-белый или черно-белый является лучшим.
Серый текст на ярком фоне, контраст оставляет желать лучшего:
| Серый текст на белом фоне (#eeeeee) |
| Серый текст на белом фоне (#CCCCCC) |
| Серый текст на белом фоне (#AAAAAA) |
| Серый текст на белом фоне (# 888888) |
| Серый текст на белом фоне (# 666666) |
| Серый текст на белом фоне (# 444444) |
| Серый текст на белом фоне (# 222222) |
| Серый текст на белом фоне (# 111111) |
В сером текст на темном фоне, контраст также оставляют желать лучшего:
| Серый текст на черном фоне (# 222222) |
| Серый текст на черном фоне (# 444444) |
| Серый текст на черном фоне (# 666666) |
| Серый текст на черном фоне (# 888888) |
| Серый текст на черном фоне (#AAAAAA) |
| Серый текст на черном фоне (#CCCCCC) |
| Серый текст на черном фоне (#DDDDDD) |
| Серый текст на черном фоне (#eeeeee) |
С некоторыми - такие, как черный и красный, черный и синий, желтый и зеленый - будет производить визуальную усталость:
| Черный текст на красном фоне |
| Черный текст на синем фоне |
| Желтый текст на зеленом фоне |
Матч не было плохо:
| Черный текст на сером фоне |
| Черный текст на светло-голубой |
| Черный текст на старинный белый |
| Белый текст на темно-синий |
Обратите внимание на расстояние между буквами
Для слабого зрения читателей, относительно близкое расположение букв с немалым трудом читает.
Умеренный интервал между символами текста легче читать.
Текстовый интервал небольшой текст трудно читать.
Следи интервал
Следующий шаг легко читатьС хорошим шагом текста легче читать
Следующий шаг трудно читатьВедущий небольшой текст трудно читать
Избегайте фантазии шрифты
Этот шрифт легко читается ....
Этот шрифт трудно читать ....
Сведите к минимуму использование курсивом
Нормальный шрифт легко читать.
Наклонный шрифт не так легко читать.