Создание дизайна, прототипов и совместная работа в Adobe XD

Дэни Бомонт (Dani Beaumont)

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

Выберите ресурсы одним из следующих способов.

• Воспользуйтесь инструментами дизайна Adobe XD, чтобы создать ресурсы с нуля. Подробнее см. в разделах об инструментах рисования и инструментах работы с текстом.
• Скопируйте свои проекты из Photoshop, Sketch, After Effects или Illustrator в монтажную область в Adobe XD. Вы также можете импортировать, перетаскивать или копировать и вставлять файлы JPG, SVG, PNG или GIF из следующих мест:
  • проводник (в Windows);
  • Finder (на Mac); 
  • веб-браузер;
  • буфер обмена ОС.

Улучшайте объекты в своем дизайне. Например, можно комбинировать или маскировать объекты, изменять свойства обводки и заливки, использовать наложения, чтобы размещать контент поверх базовой монтажной области, а также перемещать или вращать объекты или использовать функцию адаптивного изменения размеров, чтобы проектировать ресурсы для разных размеров экрана и макетов. Используйте связанные ресурсы для создания и поддержания единой версии для комплектов пользовательского интерфейса, листов наклеек или руководств по стилю, а также делитесь ими в разных документах для обеспечения согласованной масштабируемости дизайна и плагинах для автоматизации повторяющихся операций или частей технологических процессов дизайнера, которые являются утомительными, сложными или рутинными.

Подробнее см.:

• Выделение, изменение размера и поворот объектов
• Редактирование объектов посредством логических операций и методов наложения маски
• Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
• Перемещение, выравнивание, распределение и упорядочивание объектов
• Задание обводки, заливки и теней для объектов
• Используйте функцию адаптивного изменения размеров и ограничения.
• Создание плагинов и управление ими
• Работа с компонентами

Размещайте повторяющиеся элементы с помощью функции повторяющейся сетки, которая позволяет создавать сетку из существующего контента без дублирования элементов вручную. Подробнее см. в разделе Создание повторяющихся элементов.

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

Добавьте больше монтажных областей для каждого из экранов, которые вам нужны в вашем прототипе. Подробнее см. в разделе Работа с монтажными областями.

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

Вы также можете использовать наложение, чтобы смоделировать концепцию переходов без дублирования контента на нескольких монтажных областях. Подробнее см. Создание интерактивных прототипов.

Нажмите значок предварительного просмотра в правом верхнем углу приложения. В XD появится экран предварительного просмотра, на котором вы можете посмотреть разные страницы. На экране предварительного просмотра есть значок записи, который позволяет записывать перемещения между страницами и сохранять действия в формате MP4. 

Подробнее см. в разделе Предварительный просмотр и запись действий.

Делитесь прототипами для проверки дизайна, презентации или пользовательского тестирования. Вы также можете публиковать прототипы и спецификации дизайна для разработки или настраивать процесс просмотра в соответствии с вашими предпочтениями. Дополнительные сведения см. в разделе Предоставление совместного доступа к дизайнам и прототипам.