Отступы и система spacing

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

25.10.2026 01:27

Как вы строите систему отступов в проекте: выбираете шаг вроде 4 или 8 px и придерживаетесь его везде, или подбираете значения по ситуации?

Максим

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

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

25.10.2026 01:29

У нас хорошо прижилась шкала 4, 8, 12, 16, 24, 32. Новым экранам проще сохранять единый ритм.

Марина

25.10.2026 01:31

А как быть с плотными таблицами? Там шаг в 8 пикселей иногда выглядит слишком крупным.

Ольга

25.10.2026 01:33

Для таблиц можно завести отдельные токены плотности, но не плодить значения для каждого компонента.

Никуся

25.10.2026 01:35

Я начинал с шага 8, а потом всё равно добавил 6 и 12. Главное — чтобы исключения были осознанными.

user34567

25.10.2026 01:37

В макетах удобно дать отступам имена вроде space-sm и space-lg. Тогда не приходится помнить, сколько там пикселей.

Relita

25.10.2026 01:39

А если дизайнеры и разработчики по-разному понимают названия токенов? Мы один раз потратили полдня на согласование шкалы.

Primat

25.10.2026 01:41

Мы фиксируем примеры рядом с токенами: где использовать каждый размер. Одних названий команде мало.

Толик

25.10.2026 01:43

Не стремитесь подогнать всё под одну шкалу любой ценой. Для текста и плотных интерфейсов иногда нужны небольшие исключения.

Ника

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

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