Читать удобно

Дима Гинтофт:
— Напомни еще раз и основательно так, почему ты любишь крупный текстовый кегль на сайтах?

Дима!

Строго говоря, я люблю на сайтах не крупный, а нормальный текстовый кегль. Такой, чтобы читать было удобно. Но сейчас его приходится называть «крупным» — распространённая норма слишком мелкая.

Если смотреть на вопрос с технической стороны — дело в изменении параметров мониторов. Лет 10-15 назад типичный экран компьютера выдавал разрешение 72—96 ppi. Текст в браузерах не сглаживался. Надписи, набранные 10-м шрифтом выглядели вполне разборчиво, а 12-й уже тянул на комфортное чтение. Сейчас используются экраны с разрешением в пределах 95—135 ppi (данные отсюда). Пиксель уменьшился — уменьшился и заданный в пикселях текст.

Много лет назад Лебедев писал, что разрешение экранов со временем повысится, указанные в пикселях размеры потеряют смысл, в экранную графику придут метрические единицы, устройства будут знать своё разрешение и научатся правильно переводить заданные размерности в собственные пиксели (это мой вольный пересказ).

Получилось не совсем так. Это пиксель превратился из абсолютной величины (светящаяся лампочка в матрице) в относительную — «CSS-пиксель». Устройства с ретина-экранами научились переводить CSS-пиксели в свои собственные. Но «обычные» экраны отображают CSS-пиксели без масштабирования. Можно задавать кегль в «емах» или процентах — это ничего не изменит. На 11-дюймовом Макбук-Эйре (экран с разрешением 135 ppi) текст будет выглядеть почти в полтора раза мельче, чем тот же текст на 21-дюймовом Аймаке (105 ppi). И оба варианта будут сильно мельче, чем на старом добром 15-дюймовом мониторе с разрешением 1024 × 768 (82 ppi). Простое решение в том, чтобы писать крупнее.

Кроме того, размеры мониторов увеличились. Ширина текстовой колонки — один из факторов, сдерживающих величину кегля, ведь оптимальная длина строки выражается в уместившихся знаках. Шире экран — шире текстовая колонка — можно писать крупнее.

Собственно, дело не только в размере монитора. Сменилась композиционная парадигма. Раньше веб был сплошь многоколоночным. Дизайнер видел перед собой прямоугольник экрана и старался уместить туда всё. Теперь сайт — это длинная вертикальная колбаса, непрерывный поток информации. Базовый элемент этого потока — основная колонка текста. Единственная или очевидно доминирующая, а значит и занимающая значительную часть ширины экрана. Шире колонка — мы это знаем — крупнее текст.

И ещё, зэ ласт бат нот зэ лист: чем крупнее типографика в десктопной версии — тем меньше движений при адаптации вёрстки к экрану телефона. Вплоть до отсутствия такой необходимости.

P.S. Друзья, буду благодарен вам за примеры. Положительные и отрицательные, с подтверждающими или опровергающими комментариями. Просто примеры тоже сойдут.

3 комментария
Дима Гинтофт

Встречал мнение, что чем больше основной кегль, тем меньше информационная плотность.

Примеры
http://practicaltypography.com/typography-in-ten-minutes.html
http://www.zeldman.com/

Михаил Назарук

По делу написать нечего, а вот читать было интересно)

Иван Никитин

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

Популярное