Основы типографики

Почему типографика пугает и кто виноват

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

Вот главный миф: «Типографика — это про шрифты». На самом деле типографика — это про то, как текст заставляет читателя чувствовать. Один шрифт может сказать: «Я роскошный, купите это платье», а другой — «Я технический, нажмите эту кнопку». Разница не в том, сколько вы знаете названий гарнитур, а в том, как вы управляете взглядом пользователя.

Миф №1: «Чем больше шрифтов — тем круче»

Вспомните сайт, который вы делали в прошлом месяце. Сколько там было гарнитур? Три? Пять? А теперь представьте, что вы зашли в магазин одежды, где на одной вешалке висят пальто, футболки и купальники. Примерно так же выглядит страница, где заголовки набраны одним шрифтом, основной текст — другим, а ссылки — третьим, да ещё и с жирным курсивом. Беспорядок.

На курсе «Основы типографики» вы узнаете, что профессиональные дизайнеры редко используют больше двух шрифтов на один проект. А один из секретов — играть не с гарнитурами, а с начертаниями: менять жирность, регистр, цвет. Это даёт то же визуальное разнообразие, но без эффекта «сборной солянки».

• Пробуйте использовать один шрифт, но разные начертания: например, Regular для текста, Bold для заголовков, Italic для цитат.
• Не комбинируйте две декоративные гарнитуры — они начинают спорить друг с другом.
• Если берёте пару шрифтов, убедитесь, что они принадлежат к разным суперсемействам: один засечный (serif), другой гротеск (sans-serif).
• Помните про контраст: широкий шрифт с узким, высокий с низким, спокойный с динамичным.
• Проверьте, что ваш второй шрифт не дублирует настроение первого — иначе один из них становится бесполезным.

Миф №2: «Отступы и выравнивание — это скучно»

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

На практике это значит, что вы перестаёте ставить межстрочный интервал «на глаз» 1.2 и начинаете использовать значение 1.5 или 1.6 для нормального чтения. Вы перестаёте центрировать всё подряд (дата в карточке товара не должна быть по центру, это боль). И вы начинаете видеть, как правильно выровненная колонка текста становится визуальным якорем, за который цепляется взгляд.

Миф №3: «Типографика в вебе vs типографика в печати — одно и то же»

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

Например, тонкие шрифты (thin, light) прекрасно смотрятся в логотипах, но в тексте статьи на мобильном телефоне они превращаются в дрожащие линии. Или кернинг (расстояние между парами букв) в вебе работает не так, как в InDesign: многие пары не подстроены, и вы получаете буквы «Т» и «А», разрывающие слово.

• Используйте для основного текста шрифты с хорошим качеством хинтинга — они чётко отображаются при любом размере.
• Не ставьте размер шрифта меньше 16px для body — 14px на экране давно признаны неудобными для чтения.
• Проверьте, как ваш сайт выглядит на разных устройствах: на iPad текст может быть мелковат, а на 27-дюймовом мониторе — слишком крупным, если не настроить адаптив.
• Избегайте использования капителью (всех прописных) в длинном тексте — это крик, а не стиль, и читать его сложно.

Миф №4: «Исправлю после» (спойлер: не исправите)

Есть такой коварный миф: «Типографику можно починить в конце, когда весь контент готов». Знакома ситуация: вы заканчиваете вёрстку, а текст выглядит как стена — нет иерархии, одни и те же шрифты, однотонные заголовки. Пытаетесь поправить, но уже поздно — все стили разъехались, и кажется проще оставить как есть.

На курсе вы научитесь закладывать типографику на этапе проектирования. Не как «декор», а как основу: выбираете размерную сетку, определяете интерлиньяж, решаете, где будет воздух. Это экономит часы правок и нервы. Вы перестаёте быть заложником текста и начинаете им управлять.

Миф №5: «Это всё теория — мне нужно практическое решение прямо сейчас»

Боитесь, что типографика — это сухая академия с архаичными терминами? На «Основах типографики» никакой воды. Вы не будете заучивать названия шрифтов XV века (хотя, если интересно — расскажем). Вы будете работать с реальными проектами: сверстаете страницу с нуля, настроите сетку, подберёте пару шрифтов для конкретного бриф, проверите иерархию.

Возьмёте, к примеру, карточку товара интернет-магазина — и сделаете так, чтобы взгляд сначала падал на название товара, потом на цену, потом на кнопку «Купить», а не прыгал туда-сюда как мячик. Или лендинг для услуги — где текст дышит, заголовки заставляют читать дальше, а абзацы не похожи на бесконечное полотно.

• Поймёте, как размечать заголовки и подзаголовки так, чтобы Google правильно индексировал страницу (это про SEO, да).
• Узнаете, почему некоторые сайты кажутся «дорогими» и «доверительными» — это часто именно работа типографики, а не графика.
• Научитесь делать текст адаптивным: чтобы на телефоне он не разваливался, а на десктопе не потерялся в пустоте.
• Сможете объяснить дизайнеру или клиенту, почему выбранный шрифт не подходит — не на уровне «не нравится», а с аргументацией (плохая читаемость на малых размерах, конфликт с другим шрифтом, недостаточный контраст).
• Получите чек-лист для самопроверки: 10 пунктов, которые нужно прогнать перед сдачей проекта в типографику.

Теперь вы не боитесь, а действуете

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

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

Добавлено: 23.04.2026