Вміст Маркетингмаркетингові інструментиМобільний та планшетний маркетинг

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

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

Adobe XD

Особливості Adobe XD включають:

  • Інтерактивні прототипи - Переключіться з дизайну на режим прототипу одним клацанням миші та підключіть монтажні області, щоб повідомити про потік та шляхи багатоекранних програм. Поєднуйте елементи дизайну з однієї монтажної області до іншої, включаючи клітини Repeat Grid. Додайте взаємодії з інтуїтивними візуальними елементами керування, щоб перевірити та перевірити досвід.
  • Опублікувати прототипи для зворотного зв’язку - Створіть веб-посилання, якими можна поділитися, щоб отримати відгук про свої дизайни, або вбудуйте їх у Behance або веб-сторінку. Рецензенти можуть коментувати безпосередньо ваші зразки та конкретні частини вашого дизайну. Ви отримуватимете сповіщення, коли вони роблять коментарі, і вони можуть просто оновити свої браузери, щоб побачити ваші зміни.
  • Швидкі, універсальні монтажні області - Незалежно від того, працюєте ви з однією монтажною областю чи сотнею, XD забезпечує однакову швидку продуктивність. Дизайн для різних екранів та пристроїв. Панорамування та масштабування без затримки. Виберіть один із заздалегідь встановлених розмірів або визначте свій, а також копіюйте між монтажними областями, не втрачаючи розміщення елементів дизайну.
  • Повторити сітку - Виберіть елементи у своєму дизайні, наприклад, список контактів або фотогалерею, і повторіть їх по горизонталі або вертикалі скільки завгодно разів - усі ваші стилі та інтервали залишаться незмінними. Оновіть елемент один раз, і ваші зміни оновлюватимуться всюди.
  • Підтримка між платформами - Adobe XD спочатку підтримує Windows 10 (універсальна платформа Windows) та Mac, а також супутні мобільні програми для Android та iOS.
  • Панель активів - Зробіть кольори та стилі символів легко доступними для повторного використання, додавши їх на панель «Активи» (раніше панель «Символи»), яка автоматично включає символи. Відредагуйте будь-який колір або стиль символу на панелі, і зміни будуть відображені у вашому документі.
  • Переосмислені символи - Заощаджуйте час за допомогою символів, елементів дизайну, що використовуються багаторазово, що позбавляє потреби знаходити та редагувати кожен екземпляр об’єкта в документі. Оновіть один, і вони будуть оновлюватися скрізь, або виберіть замінювати певні екземпляри. Символами можуть бути векторна графіка, растрові зображення або текстові об'єкти, а також вони можуть використовуватися як об'єкти в межах повторюваних сіток.
  • Creative Cloud Libraries - Завдяки інтеграції Creative Cloud Libraries ви можете отримувати доступ та застосовувати растрові зображення, кольори та стилі символів, створені в 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 є CMO компанії OpenINSIGHTS і засновник Martech Zone. Дуглас допоміг десяткам успішних стартапів MarTech, допоміг у належній перевірці понад 5 мільярдів доларів у придбання та інвестиції Martech, і продовжує допомагати компаніям у впровадженні та автоматизації їхніх продажів і маркетингових стратегій. Дуглас — міжнародно визнаний експерт і спікер з цифрової трансформації та MarTech. Дуглас також є опублікованим автором посібника для чайників і книги про лідерство в бізнесі.

Статті по темі

Догори кнопки
близько

Виявлено блокування реклами

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