UX дизайн в Adobe Aero: что нужно знать

Полное руководство по дизайну AR

Photo by Patrick Schneider on Unsplash

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

Есть много способов, как дизайнеры могут создавать дополненную реальность. Но совершенно новый Adobe Aero предоставляет простой и быстрый путь увидеть AR с вашего устройства iOS или iPad без кода.

Credit: Adobe Aero on the App Store

Почему вы должны рассмотреть использование Adobe Aero? Потому что вы можете перевести любую креативную идею в реальный мир. Это не зависит от уровня вашего дизайна — все может быть переведено в AR. Вот главные преимущества:

Удобный интерфейс

Просмотр AR в режиме реального времени с вашего устройства без какой-либо строки кода! Эта программа интуитивно понятна. Чтобы понять, как она работает, потребуется пару минут.

Качество

У вас много элементов дизайна, и вам нужно все сохранить в первозданном виде? Aero может преобразовать каждый элемент в AR. Программа не жертвует качеством при воплощении идеи дизайнера.

Советы

Adobe Aero предоставляет вам советы о том, как превратить ваш дизайн в AR. В нем есть инструкции, которые объясняют, как взаимодействовать с функционалом приложения для создания вашей первой AR-сцены.

Взаимодействие

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

Расшаривание

Существуют функция расшаривания — она запустит проект и можно поделиться им через социальные сети. Вы также можете отправить свою AR сцену на другие устройства через приложение Aero.

3D дизайн с Adobe Aero

Если вы знакомы с 3D или создаете свои собственные элементы для приложений или веба, то вы знаете, сколько много времени потребуется для визуализации сцены. С помощью Adobe Aero очень быстро можно визуализировать трехмерные персонажи или любые 3D элементы дизайна. Больше нет необходимости ждать долгие рендеры. Можно сделать такие результаты:

AR UI Kit by Edvinas Narbutas

3D AR kit with UI by Kamila Valešová

Floating UI by Sebastian Stapelfeldt

Это примеры небольших визуализированных элементов. Но допустим, вы хотите создать более продвинутую сцену или добавить виртуальную реальность в реальный мир. Вот как это выглядит:

HoloDash by Cosmin Capitanu

Mbryo by Cosmin Capitanu

Emporium by Cosmin Capitanu

Как вы можете видеть, спектр приложений действительно широк. Единственный недостаток, который пока есть у Adobe Aero, — это платформа iOS. Но я надеюсь, что они будут поддерживать устройства Android и в будущем. Продукт только начинает свой путь.

Как использовать Adobe Aero

Как начать пользоваться Adobe Aero? Здесь нет сложных шагов. Adobe Aero поддерживает слои Adobe Photoshop и Adobe Illustrator. Вам нужно создать свой дизайн и экспортировать его в Adobe Aero.

Дизайнеры UX / UI предпочитают использовать Sketch или Figma, так как я могу использовать Photoshop или Illustrator? Это правда, но я нашла способ, как можно преобразовать файлы Sketch в Adobe Photoshop. Используйте конвертер Protopea, чтобы сделать этот трюк.

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

Credit: Protopea

Я использовала этот инструмент очень давно, когда дизайнеры работали Photoshop в качестве основного инструмента. Но когда Sketch стал ведущим тулом UX/UI отрасли, мне нужно было найти быстрое решение для преобразования .sketch в .psd (Protopea конвертер) и наоборот (Avocode конвертер).

Я могу подтвердить, что вы будете довольны результатом, который получите от даного конвертера и сэкономите массу времени. Таким образом, данное преобразование поможет вам использовать Adobe Aero и начать создавать свою собственную AR сцену.

Вывод

Adobe Aero — это новый инструмент, который дает дизайнерам результаты в режиме реального времени. Нет необходимости кодить, инструмент прост в использовании. Вы можете увидеть свою AR сцену в режиме реального времени сразу после окончания работы в Sketch!