Distribute Vertical Spacing

Описание

Сравняет расстояния между слоями так, что они выстроятся в ровную вертикальную последовательность. Воздействует на ось Y. Работает, если выделено не менее 3 слоёв.

Клавиша Mac

CtrlOptV

Клавиша Windows

ShiftCtrlAltV

Путь

⚪️ Меню клиента macOS🟡 Главное меню (Mac и Win)

Группа команд

Design / Arrange

1. File Browser

Вариант 1. Панель Design, меню More options

⚪

Движение по меню клиента macOS

←
Distribute Horizontal Spacing
Distribute Vertical Spacing
Distribute Left
→

🟡

Движение по меню Figma

←
Distribute Horizontal Spacing
Distribute Vertical Spacing
Distribute Left
→

Вариант 2. Главное меню Figma

Вариант 3. Меню клиента macOS

Принцип действия Distribute Vertical Spacing

Слои расставляются на равном вертикальном расстоянии друг от друга. Если невозможно вычислить целое значение отступа, команда отдаёт приоритет отступам, а не высоте выделенной группы.

Похожие команды

На первый взгляд команда действует практически идентично

Tidy Up

в режиме вертикального выравнивания. Также действуют

Distribute Top

Distribute Bottom

. При чётном значении суммы отступов между объектами все эти команды могут приводить к тому же результату: все выделенные объекты встанут на равном расстоянии друг от друга.

В отличие от Tidy up, команда не блокируется, если сумма нечётная. Значение округляется так, что между первым и вторым объектом отступ получается на 1 px меньше, чем у остальных отступов.

📌

Также есть аналогичная команда

Distribute Horizontal Spacing

, которая расставляет слои по тому же принципу по горизонтали.

Пример: Вертикальное распределение

Создаём 3 прямоугольника с одинаковой шириной.

Ставим их в столбик на отступах 20 px и 40 px. Среднее значение — 30 px. Сумма отступов чётная.

Применяем команду, отступы выравниваются до среднего значения в 30 px.

/designer

— образовательный телеграм-канал об продуктовом дизайне, инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev