Как вы выстраиваете вертикальный ритм: по базовой сетке, через отступы в 8 px или на глаз?
Анюта
- Сообщений
- 185
- С нами
- 26.10.2026
- Реакции
- 9
Вертикальный ритм в дизайне
Начинаю с базового шага 8 px, но для текста часто использую отдельный ритм по высоте строки.
Лариса
- Сообщений
- 466
- С нами
- 26.10.2026
У меня лучше всего работает сетка из 4 px для мелких элементов и 8 px для крупных блоков.
Анастасия
- Сообщений
- 468
- С нами
- 26.10.2026
А как быть с длинными заголовками, которые ломают рассчитанные интервалы?
Вероника
- Сообщений
- 452
- С нами
- 26.10.2026
Сначала задаю line-height, потом проверяю расстояния между заголовком, текстом и кнопкой.
Ника
- Сообщений
- 471
- С нами
- 26.10.2026
На глаз иногда получается быстрее, но без общей системы макет быстро начинает «плыть».
Елена
- Сообщений
- 463
- С нами
- 26.10.2026
Я не привязываю каждый отступ к сетке: контекст важнее, особенно в карточках и формах.
Winston
- Сообщений
- 502
- С нами
- 26.10.2026
Полезно смотреть не на отдельные элементы, а на ритм всей страницы при прокрутке.
Дмитрий
- Сообщений
- 497
- С нами
- 18.10.2026
В дизайн-системе удобно хранить несколько токенов отступов, иначе команда начинает использовать случайные значения.
Толик
- Сообщений
- 443
- С нами
- 26.10.2026
Интересно, стоит ли отдельно настраивать вертикальный ритм для мобильной и десктопной версий?
Вероника
- Сообщений
- 452
- С нами
- 26.10.2026
Ответить в теме
Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.
Комментарии 9
Обсуждение темы — по порядку