Содержание маркетингаМаркетинговые инструментыМобильный и планшетный маркетинг

Adobe XD: дизайн, прототип и совместное использование с помощью решения Adobe UX / UI

Сегодня я установил Adobe XD, решение Adobe UX / UI для создания прототипов веб-сайтов, веб-приложений и мобильных приложений. Adobe XD позволяет пользователям переключаться со статических каркасов на интерактивные прототипы одним щелчком мыши. Вы можете вносить изменения в свой дизайн и автоматически видеть обновление прототипа - синхронизация не требуется. Вы также можете предварительно просмотреть свои прототипы с переходами на устройствах iOS и Android, а затем поделиться ими со своей командой для быстрой обратной связи.

Adobe XD

Особенности 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.

Douglas Karr

Douglas Karr является директором по маркетингу OpenINSIGHTS и основатель компании Martech Zone. Дуглас помог десяткам успешных стартапов MarTech, помог в комплексной проверке приобретений и инвестиций Martech на сумму более 5 миллиардов долларов, а также продолжает помогать компаниям во внедрении и автоматизации их стратегий продаж и маркетинга. Дуглас — международно признанный эксперт по цифровой трансформации, а также эксперт в области MarTech и спикер. Дуглас также является автором опубликованного руководства для чайников и книги по бизнес-лидерству.

Статьи по теме

Вернуться к началу кнопки
Закрыть

Adblock обнаружен

Martech Zone может предоставить вам этот контент бесплатно, потому что мы монетизируем наш сайт за счет доходов от рекламы, партнерских ссылок и спонсорства. Мы были бы признательны, если бы вы удалили блокировщик рекламы при просмотре нашего сайта.