Основной текст на вашем сайте слишком мелкий

Что подразумевается под “слишком мелким”?

На большинстве сайтов размер текста все еще находится в пределах 15–18px. Можно заметить, что некоторые сайты уже используют размер около 20px (и даже крупнее) даже на небольших экранах, но, по-моему, этого недостаточно*.

Немного истории

Еще в эпоху печатных машинок мы уяснили, что оптимальный размер хорошо различимого печатного текста — это 12pt (несмотря на то, что тексты в книгах, журналах и газетах делают мельче, чтобы сэкономить на бумаге).

Почему основной текст не делают крупнее?

Чтобы оценить все преимущества более крупного основного текста, нужно разобрать причины, по которым дизайнеры (и разработчики) предпочитают мелкий. Чаще всего главной причиной выступает привычка: мы привыкли к мелкому тексту, так делают все — значит, наверное, и нам стоит.

Мы проектируем под мобильные (стратегия mobile-first)

Мы считаем крупное “громоздким”

Есть возможность увеличить текст

Разборчивость путают с читабельностью

Мы хотим избежать скроллинга

Так настроен фреймворк

Зачем делать основной текст крупнее

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

1. Крупный шрифт лучше работает на расстоянии

2. Крупный шрифт повышает читабельность

3. Крупный шрифт улучшает юзабилити

4. Крупный шрифт повышает визуальную значимость

Кто переходит на крупный шрифт?

Ниже приведен список сайтов, которые используют крупный шрифт даже на небольших экранах (например, с разрешением 1440х900). Они перешли на шрифты от 20px и вплоть до 58px!

Оптимизируем крупный основной текст

При дизайне текста для сайтов, важно понимать, что не бывает универсальных решений: все зависит от множества факторов, таких как дизайн шрифта, цвет фона, параметры viewport.

1. Проработайте дизайн основного текста в первую очередь

2. Подберите шрифт, который хорошо масштабируется

3. Подбирайте размер на глаз, но отталкивайтесь от минимального 20px

4. Оптимизируйте межбуквенные интервалы

5. Оптимизируйте длину строки и высоту строки

В заключение

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

--

--

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
aic blog

aic blog

1.2K Followers

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/