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 (Universal Windows Platform) и Mac, с придружаващи мобилни приложения за Android и iOS.
  • Панел за активи - Направете цветовете и стиловете на символите лесно достъпни за повторна употреба, като ги добавите към панела „Активи“ (преди панел „Символи“), който автоматично включва символи. Редактирайте всеки цвят или стил на символа в панела и промените ще бъдат отразени в целия ви документ.
  • Преосмислени символи - Спестете време със символи, елементи за дизайн за многократна употреба, които премахват необходимостта от намиране и редактиране на всеки екземпляр на актив в документ. Актуализирайте един и те ще се актуализират навсякъде или изберете да замените конкретни екземпляри. Символите могат да бъдат векторна графика, растерни изображения или текстови обекти и могат да се използват и като обекти в Repeat Grids.
  • Creative Cloud Libraries - С интеграцията на Creative Cloud Libraries можете да получите достъп и да приложите растерни изображения, цветове и стилове на символи, създадени в Photoshop CC, Illustrator CC и други приложения на Creative Cloud от XD, и да ги използвате повторно навсякъде във вашите документи.
  • Контекстуален инспектор на собственост - Работете в свободно пространство, благодарение на контекстния инспектор на свойствата, който показва само опции за обектите, които сте избрали. Модифицирайте свойства като цвят и дебелина на контурите, цветове на запълване, сенки, размазване, непрозрачност и завъртане и опции за достъп за подравняване, размери и повтаряща се мрежа.
  • Интелигентна навигация на платно - Лесно приближете определена област от вашия дизайн или направете селекция на монтажна дъска и използвайте пряк път, за да я приближите. Панорамиране или мащабиране с мишката, тъчпада или клавишните комбинации. И постигнете страхотно представяне, дори ако имате стотици артбордове.
  • Контекстуални слоеве - Останете организирани и фокусирани, докато управлявате сложни дизайни, благодарение на контекстния подход към слоевете. XD подчертава само слоевете, свързани с монтажната област, върху която работите, така че можете бързо и лесно да намерите това, от което се нуждаете.
  • Инструменти за насочване на оформлението - Безпроблемно изчертавайте, използвайте повторно и ремиксирайте елементи от дизайна, използвайки решетки за прикрепване и други интуитивни инструменти за оформление, които ви помагат да създавате относителни измервания между обекти, да маскирате с фигури, да групирате, заключвате, подравнявате и разпределяте елементи на дизайна и др.
  • Ефекти на размазване - Бързо размажете конкретен обект или цял фон, за да промените фокусната точка на вашия дизайн, придавайки му дълбочина и измерение.
  • Универсални линейни градиенти - Създавайте красиви линейни градиенти, като използвате прости, но прецизни визуални контроли в инструмента за избор на цвят. Можете също да импортирате градиенти от Photoshop CC и Illustrator CC.
  • Модерен инструмент Pen - Рисувайте форми и пътеки лесно с инструмента Pen. Използвайте персонализирани пътища, добавяйте или премахвайте опорни точки, лесно манипулирайте линиите и превключвайте между извити и ъглови пътеки - всичко това с един и същ инструмент.
  • Булево редактиране на група - Създавайте и експериментирайте със сложни фигури чрез комбиниране на групи обекти с помощта на неразрушаващи булеви оператори.
  • Типографски стил - Стилен текст с прецизен контрол за подобряване на потребителското изживяване. Лесно коригирайте типографски елементи като шрифт, шрифт, размер, подравняване, интервал между символите и междуредие. Променете външния вид на текста си по същия начин, по който промените други елементи в XD, като непрозрачност, запълване, ефекти на заден план и размазване и граници.
  • Рационализиран контрол на цветовете - Изберете цветове, като въведете точни стойности или като вземете проби от вътрешната или външната страна на XD с пипетката. Създавайте и запазвайте цветни образци и използвайте преки пътища за шестнадесетични кодове в инструмента за избор на цвят.
  • Ресурси на потребителския интерфейс - Бързо проектиране и прототип за устройства с Apple iOS, Google Material Design и Microsoft Windows, използващи висококачествени компоненти на потребителския интерфейс.
  • Копирайте и поставете от други дизайнерски приложения - Внесете произведения на изкуството в XD от Photoshop CC и Illustrator CC.
  • В контекст на iOS и Android визуализации - Визуализирайте вашите проекти и всички взаимодействия на действителните устройства, към които насочвате. Направете промени на работния плот и след това ги тествайте на вашите устройства за вярност и използваемост.
  • Hotspot намек - Автоматично маркирайте горещите точки във вашия прототип, така че потребителите да могат да видят кои области са интерактивни и могат да се кликват.
  • Управление на прототипи - Създайте множество URL адреси от един и същ файл, за да споделяте различни версии на вашия прототип. Споделете неограничен брой прототипи и лесно ги отворете и изтрийте от вашия акаунт в Creative Cloud.
  • Записвайте прототипни взаимодействия като видеоклипове - Докато кликвате през визуализацията си, запишете MP4 файл, който да споделите с вашия екип или заинтересовани страни (само за Mac).
  • Експортирайте произведения на изкуството, активи и табла - Експортирайте изображения и дизайни във формати PNG и SVG, които можете да конфигурирате за iOS, Android, уеб или свои собствени настройки. Експортирайте цяла табла или отделни елементи. И споделяйте активи и монтажни плочи, като ги експортирате като отделни PDF файлове или като отделен PDF файл.
  • Поддръжка на няколко езика - Поддържаните езици включват английски, френски, немски, японски и корейски.
  • Известия по имейл за коментари - Получавайте известия по имейл, когато заинтересованите страни коментират вашите уеб прототипи. Имейлите могат да бъдат изпращани поотделно или групирани в ежедневен сборник

Най-хубавото от всичко е, че Adobe XD идва с моя лиценз за Adobe Creative Suite!

Разкриване: Ние сме филиали на Adobe.

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.