Закрыть меню
Доступ к материалам в удобное время и в комфортном темпе
Без использования звука
Изучайте контент на любом устройстве и в любом удобном месте
Начните знакомство с платформой без вложений.

Типографическая иерархия

Изучите, как установить четкую визуальную иерархию в дизайне для повышения читаемости.

Типографическая иерархия — это система организации текста на странице, устанавливающая порядок его важности. Она также позволяет читателям легко ориентироваться в контенте и находить то, что они ищут.

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

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

Размер шрифта

Размер шрифта — один из основных инструментов, помогающих создать иерархию на странице. Глаза читателей обычно привлекает самый крупный текст, после чего они переходят к другим элементам. Хорошее правило — начинать «от страницы вверх» и выбирать сначала размер основного текста, так как он занимает больше всего места. Затем можно увеличивать или уменьшать размеры шрифта для других видов текста.

Доступ только по подписке

Этот урок доступен только для подписчиков. Оформите подписку, чтобы получить полный доступ к материалам, эксклюзивному контенту и дополнительным бонусам.

Что даёт подписка?

  • Доступ ко всем разделам учебника
  • Доступ ко всем мастер-классам
  • Закрытый чат с ментором
  • Обратная связь на проекты

Подключите подписку сейчас и получите неограниченный доступ к этому и другим материалам!

Продолжите обучение — соберите свой первый UX/UI-проект

Пройдите полный путь от основ дизайна и работы в Figma до wireframe, UI-дизайна, адаптивной версии и готового проекта в портфолио.

11 модулей · 50+ уроков · 30+ часов · практика в Figma

Посмотреть полный курс

Полная программа курса, формат обучения и стоимость