Что вы получите на курсе
За четыре занятия вы соберете рабочую страницу, научитесь ставить задачу агенту и проверять результат по понятным критериям, а не по случайному впечатлению.
Проверяйте роль и чтение
Шрифт может нравиться или не нравиться. Но хороший экранный текст обязан показывать роли и не заставлять глаз бороться с каждой строкой.
Быстрая проверка: прищурьтесь. Роли должны различаться. Затем прочитайте абзац - глаз не должен терять начало следующей строки.
USWDS рекомендует не менее 16 px для большинства основного текста, 45-90 знаков в строке и line-height не менее 1.5 для длинных фрагментов.1
Один текст, два режима
Содержание одинаково. Меняются только типографические настройки.
Вариант А: текст сопротивляется
Сбой: 13 px, плотные строки, лишний жирный вес и растяжка по всей ширине.
Вариант Б: текст помогает
Что вы получите на курсе
За четыре занятия вы соберете рабочую страницу, научитесь ставить задачу агенту и проверять результат по понятным критериям, а не по случайному впечатлению.
Система: 18 px, line-height 1.6, спокойный вес и ограниченная длина строки.
Выберите настройку
Какой набор лучше подойдет для двух абзацев основного текста на странице курса?
Мини-лаборатория
Не выбирайте самый крупный вариант. Ищите среднюю плотность и устойчивый ритм чтения.
Назовите точную правку
На лендинге три уровня текста почти не различаются, а основной абзац трудно читать.
Что видно
Заголовок24 px · weight 500
Подзаголовок22 px · weight 500
Основной текст14 px · line-height 1.25 · 110 знаков
Какая команда лучше?
Дайте задачу агенту
Попросите проверить роли и читаемость отдельно от цвета, композиции и содержания.
Проведи аудит только по экранной типографике.
1. Назови роли текста: главный заголовок, заголовок секции, подзаголовок, основной текст, подпись, кнопка.
2. Для каждой роли выпиши размер, насыщенность и line-height.
3. Для основного текста оцени длину строки и плотность абзаца.
4. Найди одно самое дорогое нарушение: неразличимые роли или плохую читаемость.
5. Исправь только типографику. Не меняй текст, цвет, блоки и отступы секций.
6. Проверь десктоп и телефон: текст не должен стать микроскопическим или давать строки из 1-2 слов.Урок освоен, если вы можете
Ваш преподаватель - агент
Попросите агента вывести таблицу всех текстовых ролей и их параметров. Сначала найдите лишние уникальные стили, потом попросите собрать компактный типографический набор.