Перемещение, выравнивание, распределение и упорядочивание объектов

Последнее обновление 15 июн. 2022 г.

Узнайте, как перемещать, выравнивать, распределять и упорядочивать объекты в Adobe XD.

Перемещение объектов

Можно перемещать объекты следующими способами:

  • Путем перетаскивания объектов мышью, 
  • С помощью клавиш со стрелками на клавиатуре, или
  • Ввод точных значений математических операций (+, -, /, *) в Инспекторе свойств

Можно использовать клавишу Shift, чтобы ограничить перемещение одного или нескольких объектов так, чтобы они перемещались строго по горизонтали или вертикали относительно текущей ориентации осей X и Y. 

Также можно использовать панель Выравнивание для позиционирования объектов относительно друг друга.

Перемещение объекта перетаскиванием

Выделите один или несколько объектов и перетащите на новое место.

Перемещение объекта с помощью клавиш со стрелками

Выделите один или несколько объектов.

Нажмите какую-либо клавишу со стрелкой, чтобы переместить объект в нужном направлении. 

Перемещение объектов с использованием координат X и Y

Выделите один или несколько объектов. В инспекторе свойств введите новые значения для координат X и/или Y. Вы также можете щелкнуть значения X и Y и с помощью клавиш со стрелками увеличивать или уменьшать их значения.

Перемещение объектов с использованием математических расчетов

Выделите один или несколько объектов. В инспекторе свойств выполните простые математические вычисления в каком-либо поле, где допустимы числовые значения. Например, если вы хотите переместить выбранный объект на 3 единицы вправо, используя текущие единицы измерения, введите +3 после текущего значения.

Поддерживаемые математические операции для вычисления изменений включают +, -./, *.


В текстовом поле для ввода цифровых значений выполните одно из следующих действий.

  •   Чтобы заменить все текущее значение математическим выражением, выделите это значение целиком.
  •   Чтобы использовать текущее значение как часть математического выражения, установите точку ввода перед ним или после него.

 

Примечание

Удерживая нажатой клавишу Shift, нажимайте клавиши со стрелками, чтобы увеличить значение на 10 пикселей.

Выравнивание и распределение объектов

Вы можете использовать панель «Выравнивание», чтобы выровнять или распределить выделенные объекты по горизонтали или вертикали относительно выделения или монтажной области.

Выравнивание или распределение объектов относительно друг друга

Выделите объекты для выравнивания и щелкните одну из следующих команд в инспекторе свойств: 

  • Выравнивание по верхнему краю
  • Выравнивание по середине
  • Выравнивание по нижнему краю
  • Выравнивание по левому краю
  • Выравнивание по центру
  • Выравнивание по правому краю
  • Распределение объектов по горизонтали или по вертикали
Выравнивание объектов по горизонтали
Выравнивание объектов по горизонтали

Выравнивание объектов по вертикали
Выравнивание объектов по вертикали

Выравнивание объектов или групп относительно монтажной области

Выделите объекты или группы для выравнивания и щелкните одну из следующих команд в инспекторе свойств: 

  • Выравнивание по верхнему краю
  • Выравнивание по середине
  • Выравнивание по нижнему краю
  • Выравнивание по левому краю
  • Выравнивание по центру
  • Выравнивание по правому краю

Выравнивание объектов по пиксельной сетке

Вы можете выровнять край объекта по пиксельной сетке.Для этого XD округляет целые значения свойств X, Y, W, H элемента, чтобы они выглядели четко и резко.

Чтобы выровнять объект по пиксельной сетке, щелкните этот объект правой кнопкой мыши и выберите Выровнять по пиксельной сетке.

Выравнивание по пиксельной сетке
Выравнивание по пиксельной сетке

Выравнивание по пиксельной сетке не всегда означает, что значения свойств X/Y/W/H никогда не будут дробными числами. Для линий и контуров (фигуры с полосками в центре) иногда значение X/Y должно заканчиваться на 0,5 для точного попиксельного выравнивания обводки.

Adobe XD поддерживает сетки монтажных областей, которые отличаются от предварительного просмотра в пикселях. Adobe XD не поддерживает предварительный просмотр в пикселях. По умолчанию в Adobe XD используется монтажная область с 8-пиксельной сеткой. Вы можете изменить настройки сетки, чтобы создать 1-пиксельную сетку. Дополнительные сведения см. в разделе Расположение элементов на монтажных областях с помощью сеток.

Упорядочение объектов

Adobe XD размещает нарисованные объекты последовательно, начиная с первого нарисованного объекта.

Вы также можете выбирать, упорядочивать и перемещать объекты в разных слоях с помощью панели слоев. Дополнительные сведения см. в разделе Работа со слоями.

В операционных системах Mac:

Чтобы переместить объект в верхнюю или нижнюю позицию в его группе, выделите объект, который вы хотите переместить, и выберите один из следующих вариантов:

  • Объект > Упорядочить > Переместить на передний план — перемещает объект поверх всех других объектов.
  • Объект > Упорядочить > Переместить вперед — перемещает объект поверх ближайшего объекта над ним.
    \n
  • Объект > Упорядочить > Переместить назад — перемещает объект под ближайший объект позади него.
    \n
  • Объект > Упорядочить > Переместить на задний план — перемещает объект под все другие объекты.

Вы также можете щелкнуть объект, удерживая нажатой клавишу Ctrl, и выбрать любой из параметров упорядочивания в контекстном меню.

В Windows:

Вы также можете щелкнуть по объекту правой кнопкой мыши и выбрать любой из параметров упорядочивания в открывшемся контекстном меню.

Помещение выбранного изображения в верхнюю позицию группы
Помещение выбранного изображения в верхнюю позицию группы

Помещение выбранного изображения на уровень выше
Помещение выбранного изображения на уровень выше

Отправка выбранного изображения на уровень ниже
Отправка выбранного изображения на уровень ниже

Отправка выбранного изображения в нижнюю позицию группы
Отправка выбранного изображения в нижнюю позицию группы