Adobe XD: дизайн, прототип и совместное использование с помощью решения Adobe UX / UI
Сегодня я установил Adobe XD, решение Adobe UX / UI для создания прототипов веб-сайтов, веб-приложений и мобильных приложений. Adobe XD позволяет пользователям переключаться со статических каркасов на интерактивные прототипы одним щелчком мыши. Вы можете вносить изменения в свой дизайн и автоматически видеть обновление прототипа - синхронизация не требуется. Вы также можете предварительно просмотреть свои прототипы с переходами на устройствах iOS и Android, а затем поделиться ими со своей командой для быстрой обратной связи.
Особенности Adobe XD включают:
- Интерактивные прототипы - Переключайтесь из режима дизайна в режим прототипа одним щелчком мыши и подключайте монтажные области, чтобы сообщать поток и пути многоэкранных приложений. Соединяйте элементы дизайна из одной монтажной области с другой, включая ячейки повторяющейся сетки. Добавьте взаимодействия с интуитивно понятными визуальными элементами управления, чтобы протестировать и подтвердить опыт.
- Публикуйте прототипы для обратной связи - Создавайте общие веб-ссылки, чтобы получать отзывы о своих проектах, или встраивайте их на Behance или веб-страницу. Рецензенты могут оставлять комментарии непосредственно к вашим прототипам и конкретным частям вашего дизайна. Вы получите уведомление, когда они оставят комментарии, и они могут просто обновить свои браузеры, чтобы увидеть ваши изменения.
- Быстрые и универсальные артборды - Независимо от того, работаете ли вы с одним артбордом или с сотней, XD обеспечивает одинаково высокую производительность. Дизайн для разных экранов и устройств. Панорамирование и масштабирование без задержки. Выберите один из предустановленных размеров или определите свой собственный и копируйте между монтажными областями, не теряя размещения элементов дизайна.
- Повторить сетку - Выберите элементы в своем дизайне, например список контактов или фотогалерею, и реплицируйте их по горизонтали или вертикали столько раз, сколько захотите - все ваши стили и интервалы останутся без изменений. Обновите элемент один раз, и ваши изменения будут обновляться везде.
- Кросс-платформенная поддержка - Adobe XD изначально поддерживает Windows 10 (универсальная платформа Windows) и Mac с сопутствующими мобильными приложениями для Android и iOS.
- Панель активов - Сделайте цвета и стили символов доступными для повторного использования, добавив их на панель «Активы» (ранее - «Символы»), которая автоматически включает символы. Измените любой цвет или стиль символа на панели, и изменения будут отражены во всем документе.
- Переосмысленные символы - Экономьте время с помощью символов, многоразовых элементов дизайна, которые избавляют от необходимости находить и редактировать каждый экземпляр ресурса в документе. Обновите один, и они будут обновляться везде, или решат переопределить определенные экземпляры. Символы могут быть векторной графикой, растровыми изображениями или текстовыми объектами, а также могут использоваться в качестве объектов в повторяющихся сетках.
- Библиотеки Creative Cloud - Благодаря интеграции с библиотеками Creative Cloud вы можете получать доступ и применять растровые изображения, цвета и стили символов, созданные в Photoshop CC, Illustrator CC и других приложениях Creative Cloud изнутри XD, и повторно использовать их в любом месте ваших документов.
- Инспектор контекстных свойств - Работайте в незагроможденном пространстве благодаря контекстно-зависимому инспектору свойств, который отображает только параметры для выбранных вами объектов. Измените такие свойства, как цвет и толщина границы, цвета заливки, тени, размытие, непрозрачность и поворот, а также получите доступ к параметрам выравнивания, размеров и повторяющейся сетки.
- Умная навигация по холсту - Легко увеличивайте масштаб определенной области вашего дизайна или выделите область на монтажной области и используйте ярлык для увеличения прямо к ней. Панорамируйте или масштабируйте с помощью мыши, сенсорной панели или сочетаний клавиш. И получите отличную производительность, даже если у вас есть сотни артбордов.
- Контекстные слои - Сохраняйте организованность и сосредоточенность при управлении сложными проектами благодаря контекстному подходу к слоям. XD выделяет только слои, связанные с монтажной областью, над которой вы работаете, поэтому вы можете быстро и легко найти то, что вам нужно.
- Инструменты управления компоновкой - Легко рисуйте, повторно используйте и повторно микшируйте элементы дизайна с помощью привязки к сеткам и других интуитивно понятных инструментов компоновки, которые помогают создавать относительные измерения между объектами, маскировать с формами, группировать, блокировать, выравнивать и распределять элементы дизайна и т. Д.
- Эффекты размытия - Быстро размывайте определенный объект или весь фон, чтобы изменить фокус вашего дизайна, придав ему глубину и размер.
- Универсальные линейные градиенты - Создавайте красивые линейные градиенты, используя простые, но точные визуальные элементы управления в палитре цветов. Вы также можете импортировать градиенты из Photoshop CC и Illustrator CC.
- Инструмент "Современное перо" - С легкостью рисуйте фигуры и пути с помощью инструмента "Перо". Используйте настраиваемые контуры, добавляйте или удаляйте точки привязки, легко манипулируйте линиями и переключайтесь между изогнутыми и наклонными контурами - все с помощью одного инструмента.
- Редактирование булевой группы - Создавайте и экспериментируйте со сложными формами, комбинируя группы объектов с помощью неразрушающих логических операторов.
- Стиль типографики - Стиль текста с точным контролем для удобства пользователей. Легко настраивайте типографские элементы, такие как шрифт, гарнитуру, размер, выравнивание, межстрочный и межстрочный интервалы. Измените внешний вид текста так же, как вы меняете другие элементы в XD, такие как непрозрачность, заливка, эффекты фона и размытия, а также границы.
- Оптимизированный контроль цвета - Выбирайте цвета, вводя точные значения или выбирая образцы изнутри или снаружи XD с помощью пипетки. Создавайте и сохраняйте образцы цвета и используйте ярлыки для шестнадцатеричных кодов в палитре цветов.
- Ресурсы пользовательского интерфейса - Быстро проектируйте и создавайте прототипы устройств Apple iOS, Google Material Design и Microsoft Windows, используя высококачественные компоненты пользовательского интерфейса.
- Копирование и вставка из других дизайнерских приложений - Переносите изображения в XD из Photoshop CC и Illustrator CC.
- Предварительные просмотры в контексте iOS и Android - Просмотрите свои проекты и все взаимодействия на реальных устройствах, на которые вы нацеливаетесь. Внесите изменения на рабочем столе, а затем протестируйте их на своих устройствах на точность и удобство использования.
- Подсказка точки доступа - Автоматически выделяйте горячие точки в своем прототипе, чтобы пользователи могли видеть, какие области интерактивны и доступны для нажатия.
- Управление прототипами - Создайте несколько URL-адресов из одного файла, чтобы поделиться разными версиями вашего прототипа. Делитесь неограниченным количеством прототипов, а также легко открывайте и удаляйте их из своей учетной записи Creative Cloud.
- Записывайте взаимодействия прототипов в виде видео - По мере того, как вы просматриваете предварительный просмотр, запишите файл MP4, чтобы поделиться с вашей командой или заинтересованными сторонами (только для Mac).
- Экспорт иллюстраций, ресурсов и монтажных областей - Экспорт изображений и дизайнов в форматы PNG и SVG, которые вы можете настроить для iOS, Android, в Интернете или в своих собственных настройках. Экспортируйте всю монтажную область или отдельные элементы. А также делитесь ресурсами и монтажными областями, экспортируя их как отдельные файлы PDF или как один файл PDF.
- Многоязычная поддержка - Поддерживаемые языки включают английский, французский, немецкий, японский и корейский.
- Уведомления по электронной почте для комментариев - Получайте уведомления по электронной почте, когда заинтересованные стороны комментируют ваши веб-прототипы. Электронные письма можно отправлять индивидуально или в виде ежедневного дайджеста.
Лучше всего то, что Adobe XD поставляется с моей лицензией на Adobe Creative Suite!
Раскрытие информации: мы являемся аффилированными лицами Adobe.