Аналитический ресурс · Портленд, Орегон

Типографика —
язык, которым говорит дизайн

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

400+лет истории типографики
22аналитические статьи
7интерактивных тестов
Крупные типографские буквы на деревянных литерных наборных блоках старинной типографской машины — образцы классического шрифтового дизайна

Что изучает Heritage

От исторических основ шрифтового искусства до практических приёмов современного цифрового дизайна.

Старинный гравюрный пресс Гутенберга с металлическими литерами и рукописными листами пергамента в историческом музее типографики

История

От Гутенберга до Variable Fonts

Пять веков эволюции шрифтового дизайна: как изобретение подвижного шрифта изменило цивилизацию и привело к цифровой революции типографики.

Читать
Детальная схема анатомии шрифтовых знаков: засечки, апекс, пятка, контрформа и базовая линия на белом фоне учебного плаката

Теория

Анатомия и классификация шрифтов

Разберите каждый элемент буквы по частям. Узнайте, чем антиква отличается от гротеска и почему это важно для вашего дизайна.

Читать
Ноутбук с открытым кодом CSS шрифтовых свойств на современном рабочем столе дизайнера с инструментами веб-разработки

Веб-дизайн

Типографика в цифровой среде

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

Читать

Факты, которые меняют взгляд на шрифт

67% читателей оценивают бренд по шрифту до прочтения текста
20% рост конверсии при улучшении читаемости текста на сайте
1439 год — изобретение подвижного шрифта Иоганном Гутенбергом
500 000+ шрифтовых начертаний существует в мире по данным на 2024 год

Аналитика и руководства

Практика

Вертикальный ритм: невидимая сетка текста

Как базовая сетка делает страницу гармоничной, даже если читатель этого не замечает.

Читать

Инструменты

10 правил сочетания шрифтов

Контраст, совместимость и иерархия при паровой гарнитуре — практическое руководство.

Читать

Теория

Цвет текста и читаемость

Контрастность, цветовые пары и стандарты WCAG для доступной типографики.

Читать

История

Типографика Баухауса и его наследие

Как немецкая школа дизайна 1920-х годов сформировала принципы современного шрифтового минимализма.

Читать
Все статьи

«Типографика — это голос страницы. Хороший шрифт говорит шёпотом; плохой — кричит.»

— Роберт Брингхёрст, «Основы стиля в типографике»

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

Типографика — это искусство и технология компоновки шрифта для того, чтобы сделать письменный язык читаемым, понятным и визуально привлекательным. Правильная типографика улучшает читаемость, передаёт тон сообщения и формирует восприятие бренда или издания.
Гарнитура (typeface) — это семейство связанных шрифтовых начертаний с единым дизайном, например, Garamond. Шрифт (font) — конкретное начертание внутри гарнитуры: Garamond Regular 12pt — это шрифт. В разговорной речи эти термины часто смешивают, но в профессиональной практике различие принципиально.
Для печатных изданий стандартом считается 10–12 пунктов. Для веб-контента рекомендуется 16–18 пикселей для основного текста — это обеспечивает комфортное чтение на экранах с разным разрешением. Мобильные устройства обычно требуют чуть большего кегля из-за дистанции чтения.
Базовый принцип — контраст при сохранении гармонии: сочетайте шрифты с засечками (serif) и без засечек (sans-serif), выбирая разные по стилю, но схожие по историческому периоду или пропорциям. Используйте не более двух гарнитур и чётко разграничьте их функции: одна для заголовков, другая для основного текста.
Кернинг — регулировка пространства между конкретными парами букв (например, AV или To) для визуальной равномерности. Трекинг — равномерное изменение расстояния между всеми буквами в слове или фрагменте текста. Оба инструмента влияют на ритм и читаемость текстового блока.

Проверьте свои знания о типографике

7 вопросов, 5 минут. Узнайте, насколько хорошо вы разбираетесь в основах шрифтового дизайна.

Пройти тест