Рубрики
2015 Must Reads Аналитика Весь мир Дизайн и интерфейсы

Как сделать шрифт читаемым?

Nielsen Norman Group публикует рекомендации, касающиеся размещения текста на фоне изображений при оформлении сайтов.

Суть заметки в том, что текст должен быть контрастным, чтобы пользователи могли различить и понять его. Однако NNG также дает разработчикам сайтов несколько более конкретных советов. В частности, рекомендуется поддерживать коэффициент контрастности на уровне 4,5/1 (3/1, если речь идет о тексте, набранном крупным шрифтом).

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

Другие варианты — использование шрифтов с обводкой или полупрозрачных однотонных подложек под текст.

If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast without affecting the overall aesthetic of the site. // Nielsen Norman Group ↣