Прототипы сайта в Adobe XD

Опубликовано: Среда, Август 24, 2016 Комментарии (0)

Относительно недавно компания Adobe презентовала свою новую программу для разработки интерфейсов Experience Design. Она сейчас очень сырая, но уже, кажется, будет серьезным конкурентом Sketch.

Рисовать прототипы в Adobe XD на самом деле одно удовольствие уже сейчас (если, конечно, закрыть глаза на то, что нет символов). Адобовцы уже взяли некоторые очень полезные штуки из скетч (мне почему-то кажется, что они опирались на интерфейс Sketch). Ну добавили немного своих штук. Особенно выручает, конечно, легкое создание сетки с контентом:

Это уже доступно и это сильно облегчает жизнь

Но, конечно, это еще сырой продукт. Adobe быстро выкатывает обновления и есть целый форум с голосовалками за фичи. И это просто замечательно. Я уже проголосовала и заодно подписалась на оповещение о том, что интересующие меня фичи реализованы.

Презентуем прототипы сайта для разных устройств

После того, как вы нарисовали прототипы, вам их нужно презентовать кому-то (заказчику, передать менеджеру или сразу разработчику). В этом XD тоже не подкачал: связываем все нужные элементы в прототипах, одной кнопкой загружаем ссылку, прототип загружается в ваш CC аккаунт и доступен по ссылке всем, кому вы ее пошлете.

Все хорошо, но что если у вас в файле прототипы сразу для мобилок, планшетов и стационарных компьютеров? Входной экран пока только один. Не знаю, как долго эта проблема будет актуальна (возможно трудолюбивые разработчики Adobe уже исправляют это), но все же поделюсь здесь тем, как я это решила.

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

Просто сначала выбираю во вкладке “Prototype” входной экран для одного устройства, заливаю ссылку. Затем выбираю другой экран и заливаю только уже новую ссылку:

Prototyping in Adobe XD

Для того, чтобы залить ссылку, понадобится Creative Cloud аккаунт (тут мне на все 100% пригодилась моя подписка)

То есть получается, я заливаю несколько ссылок для разных устройств и заказчик может смотреть прототипы на все типы устройств, которые я нарисовала.

Вот, как в итоге выглядит просмотр прототипов, сделанных в Adobe XD:

 

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

Постскриптум или пару впечатлений о программе Adobe XD

Она работает пока очень быстро! Еще ни в одном редакторе мне так быстро и безболезненно не удавалось перебирать все мои многочисленные установленные шрифты. Надеюсь, с добавлением функционала это преимущество не исчезнет.

Поделитесь с друзьями:

Читайте также:

Комментируйте: