Освойте основы типографического дизайна и создавайте убедительную визуальную коммуникацию.
Основа
Создавайте чёткую структуру информации с помощью типографической иерархии
Основной текст должен быть читаемым и комфортным. Используйте подходящий межстрочный интервал и размер шрифта для оптимального восприятия. Иерархия естественно ведёт читателя по контенту.
Плотный интерлиньяж (1.2) создаёт компактные блоки. Используйте для заголовков или короткого текста.
Стандартный интерлиньяж (1.6) удобен для основного текста. Рекомендуется по умолчанию.
Увеличенный интерлиньяж (2.0) даёт «воздушный» текст. Подходит для элегантного дизайна или крупных блоков.
Плотный трекинг (-0.5px) даёт компактный современный вид. Подходит для заголовков.
Обычный трекинг (0px) — стандарт для основного текста. Сохраняет читаемость.
Увеличенный трекинг (2px) добавляет элегантности. Идеален для капслока и логотипов.
Выравнивание по левому краю — самое привычное и естественное для чтения. Стандарт для основного текста в западных языках.
Выравнивание по центру создаёт формальные, сбалансированные макеты. Используйте для заголовков, цитат или коротких блоков.
Выравнивание по правому краю даёт динамичный современный вид. Часто используется для подписей или асимметричных макетов.
Выравнивание по ширине даёт ровные края, но может создавать «дыры» в тексте. Используйте осторожно в узких колонках.
Высокий контраст между текстом и фоном обеспечивает максимальную читаемость. Чёрный текст на белом или белый на чёрном дают лучшую различимость.
Низкий контраст создаёт мягкий элегантный вид, но снижает читаемость. Используйте умеренно и проверяйте доступность. Соблюдайте соотношения контраста по WCAG.
Проверяйте цветовые сочетания на доступность. Для основного текста ориентируйтесь на контраст не менее 4.5:1.
Используйте не более 2–3 гарнитур для целостного дизайна.
Используйте размер, начертание и цвет для чёткой структуры информации.
Подбирайте подходящий межстрочный интервал, трекинг и размер шрифта.
Обеспечьте достаточный контраст и тестируйте с программами чтения с экрана.
Изучайте материалы по типографике и углубляйте понимание.