Руководство пользователя Отмена

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

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Управление цветом
    5. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    6. Основные сведения о рабочей среде
    7. Изменение языка приложения в Adobe XD
    8. Доступ к наборам для дизайна пользовательского интерфейса
    9. Доступность в Adobe XD
    10. Сочетания клавиш
    11. Советы и рекомендации
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Использование направляющих и сеток
      3. Создание прокручиваемых монтажных областей
      4. Работа со слоями
      5. Создание групп прокрутки
    2. Фигуры, объекты и путь
      1. Выделение, изменение размера и поворот объектов
      2. Перемещение, выравнивание, распределение и упорядочивание объектов
      3. Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
      4. Задание обводки, заливки и теней для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с помощью 3D-преобразований
      7. Редактирование объектов с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами для рисования и создания текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавление нескольких состояний для компонентов
    5. Маскировка и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установка фиксированного отступа для компонентов и групп
      3. Создание динамичных проектов с подборками
    7. Видео и анимации Lottie
      1. Работа с видео
      2. Создание прототипов при помощи видео
      3. Работа с анимацией Lottie
  4. Создание прототипа
    1. Создание интерактивных прототипов
    2. Анимирование прототипов
    3. Свойства объекта, которые поддерживаются при автоматическом анимировании
    4. Создание прототипов с клавиатуры и геймпада
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание синхронизированных переходов
    7. Добавление наложений
    8. Создание голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Публикация, экспорт и проверка
    1. Публикация выбранных монтажных областей
    2. Предоставление совместного доступа к проектам и прототипам
    3. Настройка разрешений на доступ к ссылкам
    4. Работа с прототипами
    5. Просмотр прототипов
    6. Работа со спецификациями дизайна
    7. Предоставление общего доступа к спецификациям дизайна
    8. Проверка спецификаций дизайна
    9. Навигация в спецификациях дизайна
    10. Проверка и комментирование спецификаций дизайна
    11. Экспорт ресурсов дизайна
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Корпоративный групповой совместный доступ
    14. Резервное копирование или перенос ресурсов XD
  6. Системы дизайна
    1. Системы дизайна с библиотеками Creative Cloud Libraries
    2. Работа с ресурсами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud Libraries в Adobe XD
    4. Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
    5. Работа с проектными токенами 
    6. Использование ресурсов из библиотек Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, к которым вам предоставили доступ
  8. Интеграция и плагины
    1. Работа с внешними ресурсами
    2. Работа с ресурсами проекта из Photoshop
    3. Копирование ресурсов из Photoshop
    4. Как импортировать или открыть проекты Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Импортирование и открытие проектов Illustrator
    7. Копирование векторных объектов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira с XD
    11. Подключаемый модуль Slack для XD
    12. Подключаемый модуль Zoom для XD
    13. Публикация работы из XD на Behance
  9. XD для iOS и Android
    1. Предварительный просмотр на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Выявленные неполадки и исправленные ошибки
      1. Выявленные неполадки
      2. Исправленные неполадки
    2. Установка и обновления
      1. XD отображается как несовместимый в Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке плагинов XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с миграцией предпочтений
    3. Запуск и сбой
      1.  XD аварийно завершает работу при запуске в Windows 10
      2.  XD закрывается при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и отправка журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Прототип, публикация и обзор
      1. Не удается записать взаимодействия прототипов в macOS Catalina
      2. Проблемы с процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы некорректно отображаются в браузерах
      5. На общих ссылках внезапно появляется панель комментариев
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. Файлы Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт из XD в After Effects
      5. Файлы Sketch в XD
      6. В разделе экспорта не представлены сторонние приложения

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

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

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

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

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

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

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

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

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

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

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

Перемещение объектов с использованием координат 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:

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

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

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

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

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

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

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

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

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

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?