Вертикальный ритм в дизайне

10 сообщений 9 лайков 109 просмотров

25.10.2026 04:38

Как вы выстраиваете вертикальный ритм: по базовой сетке, через отступы в 8 px или на глаз?

Анюта

Комментарии 9

Обсуждение темы — по порядку

25.10.2026 04:40

Начинаю с базового шага 8 px, но для текста часто использую отдельный ритм по высоте строки.

Лариса

25.10.2026 04:42

У меня лучше всего работает сетка из 4 px для мелких элементов и 8 px для крупных блоков.

Анастасия

25.10.2026 04:44

А как быть с длинными заголовками, которые ломают рассчитанные интервалы?

Вероника

25.10.2026 04:46

Сначала задаю line-height, потом проверяю расстояния между заголовком, текстом и кнопкой.

Ника

25.10.2026 04:48

На глаз иногда получается быстрее, но без общей системы макет быстро начинает «плыть».

Елена

25.10.2026 04:50

Я не привязываю каждый отступ к сетке: контекст важнее, особенно в карточках и формах.

Winston

25.10.2026 04:52

Полезно смотреть не на отдельные элементы, а на ритм всей страницы при прокрутке.

Дмитрий

25.10.2026 04:54

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

Толик

25.10.2026 04:56

Интересно, стоит ли отдельно настраивать вертикальный ритм для мобильной и десктопной версий?

Вероника

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация