Отступ - это роль
Не нужно запоминать идеальные пиксели. Нужно ограничить набор расстояний и назначить каждому смысл: внутри пары, внутри блока, между блоками и между секциями.
Важно: числа могут быть другими. Система начинается там, где одинаковая связь получает одинаковый отступ.
GOV.UK использует ограниченную шкалу от 5 до 60 px и отдельно адаптирует крупные отступы для узких экранов.1
Сравните ритм
Текст, цвет и размеры элементов одинаковы. Меняются только расстояния.
Вариант А: каждый раз заново
Курс по нейросетям
Четыре практических занятия.
Понятные уроки
Обратная связь
Итоговый проект
Сбой: 13, 19, 29 и 37 px не создают повторяемого ритма.
Вариант Б: четыре роли
Курс по нейросетям
Четыре практических занятия.
Понятные уроки
Обратная связь
Итоговый проект
Система: повторяются 8, 16, 32 и 64 px.
Найдите шкалу
Какая последовательность дает агенту ограниченный набор ясно различимых расстояний?
Мини-лаборатория
Ищите повторяемое основание и заметные ступени, а не магические числа.
Назовите точную правку
В четырех одинаковых карточках внутренние отступы отличаются. Что сказать агенту?
Аудит карточек
Заголовок -> текст22 / 29 / 18 / 35
Текст -> кнопка31 / 24 / 38 / 27
Внутренние поля19 / 25 / 21 / 30
Какая команда лучше?
Дайте задачу агенту
Сначала попросите найти роли, затем ограничить набор значений. Не разрешайте одновременно менять всю композицию.
Проведи аудит только по отступам и ритму.
1. Сгруппируй текущие расстояния по ролям: внутри пары, внутри блока, между группами, между секциями.
2. Найди случайные значения, которые выполняют одну роль, но отличаются друг от друга.
3. Предложи шкалу из 4-5 значений и объясни роль каждого.
4. Замени только отступы. Не меняй текст, цвет, шрифты, размеры элементов и порядок блоков.
5. Проверь мобильную версию: крупные расстояния можно уменьшить, но роли и относительная разница должны сохраниться.Урок освоен, если вы можете
Ваш преподаватель - агент
Покажите агенту страницу и попросите сначала выписать все отступы по ролям без исправлений. Сравните его группировку со своей, потом разрешайте унификацию.