Глубокое погружение в Axure RP 8: Часть 1 - Обзор / Скачать Axure

За каждым великим изобретением лежат десятки неудавшихся прототипов. Для Michele Ferrero потребовалось почти пять лет, чтобы усовершенствовать сферическую пластину до одних из самых узнаваемых конфет, которые носят его имя. Большинство великих продуктов или изобретений формируются со временем, и это также относится к веб-сайтам и программному обеспечению. Работаете ли вы с цифровыми продуктами или с шоколадными конфетами, макетирование играет важную роль в любом успешном проекте.

axure title

Если вы работаете c UX или разрабатываете программное обеспечение, скорее всего, вы сталкивались с Axure RP. Выпущенный в 2003 году, Axure приобрел верных последователей в рамках UX сообщества. Он позволяет создавать насыщенные функциональные прототипы без написания не единой строчки кода.

В настоящее время, у данного проекта присутствует большая конкуренция. Недавно компания Adobe выпустила первую версию своего нового программного обеспечения Experience Design. Также существуют такие продукты, как UXPin и InVision которые имеют удобный интерфейс, гибкий тарифный план и способствуют к более быстрому обучению. Это приводит к обширному выбору UX инструментов.

Через несколько месяцев будет выпущенная бета-версия Axure RP 8, поэтому, сейчас идеальное время взглянуть на неё. В этой статье мы начнем с изучения нового интерфейса. Затем мы подробно рассмотрим новые инструменты, функции и усовершенствования, и обсудим, как они будут влиять на рабочий процесс. Настолько ли Axure хорош, чтобы остаться на переднем плане среди своих конкурентов? Давайте это выясним.

Примечание редактора: Автор не связан с Axure каким-либо образом и эта статья основана исключительно на пользовательском опыте.

Скачать Axure RP 8

Приобрести лицензию и скачать Axure RP 8 вы можете на официальном сайте, так же вы можете получить 30 дневную бесплатную версию.

Новый интерфейс

Первое, что вы заметите при запуске 8 версии - это новый внешний вид. Axure 7 был выполнен в ярком стиле, в результате чего пользовательский интерфейс был немного перенасыщен цветами. К счастью, подходит 8 версия, с новыми иконками, спокойными цветами, и более плоской, чистой цветовой схемой.

Основная панель инструментов

В главной панели инструментов многое изменилось. Раньше она выглядела довольно пустой, но теперь она содержит гораздо больше инструментов и функций, что приводит к более эффективному использованию свободного пространства. Общие операции с буфером обмена имеют свои собственные иконки. Есть также несколько новых дополнений - инструменты slice и pen, которые мы рассмотрим в скором времени.

axure main tool
Панель инструментов теперь имеет много новых инструментов с новыми иконками для удобства.

В целом, интерфейс похож на интерфейс ribbon UI в программном обеспечении от Microsoft. При желании, вы также можете настроить её, щелкнув правой кнопкой мыши на панели инструментов, а затем выбрав, какие инструменты и функции вы хотите использовать.

axure toolbar
Это окно настройки панели инструментов, где вы можете выбрать, какие инструменты будут отображаться в пользовательском интерфейсе.

Еще одно приятное дополнение - возможность сохранить пропорции виджетов при изменении размеров. Если вы часто вводили размеры виджета вручную, то вам эта функция обязательно понравится.

Панели

Большая часть функциональности Axure лежит в пределах закрепляемых панелей. Они контролируют все, начиная от страниц, мастеров и виджетов, вплоть до стилей и взаимодействий. Как и остальная часть пользовательского интерфейса, они получили новый внешний вид. Сложные иконки и яркие цвета исчезли, в результате чего дизайн стал наиболее приемлемым.

Также была упрощена функциональность. Иконки, контролирующие функции каждой панели были переработаны и объединены в группы. На каждой панели, кнопка открепления теперь появляется в верхнем левом углу, а поиск в правом верхнем.

axure unlock
Панель мастера Axure 7 на левой стороне, по сравнению с Axure RP 8 на правой стороне. Панель UI выглядит намного чище, чем раньше.

Инспектор

Совершенно новой функцией для 8 версии является инспектор, который находится в правой части интерфейса. Он имеет три вкладки, которые позволяют изменять свойства, заметки и стиль выбранного виджета или активной страницы. Инспектор объединяет три панели из прошлых версий Axure, которые ранее были раздельными:

  • виджет взаимодействия и заметок
  • виджет свойств и стилей
  • страница заметок, взаимодействий и стилей
axure инспектор
Оригинальная панель Axure 7 с левой стороны, новый инспектор из Axure 8 с правой. Он объединяет три страницы в одну.

По функциональности они очень похожи, но есть некоторые тонкие хитрости с обоих сторон. Примечания теперь можно форматировать (например, жирный шрифт и курсив).

Самые большие изменения в интерфейсе Axure 8 коснулись нижней панели. В предыдущих версиях, здесь вы работали со страницами заметок, действий и повторов. В Axure RP 8, она была полностью удалена. Благодаря этому увеличилось свободное пространство основного холста.

Все что было на нижней панели, переместили на вкладку свойств инспектора. Как и все остальное, Excel-подобная таблица для ввода данных была перемещена в инспектор. Работа с большим набором данных теперь требует расширения окна инспектора. К сожалению, это приводит к более частому использованию повторителей.

axure повторители
Редактирование повторителей теперь осуществляется с помощью панели инспектора. Я надеюсь, что у вы не страдаете от клаустрофобии.

Outline pane

Outline pane это новое название виджет менеджера. Он работает подобно слоям в программном обеспечении Adobe, отображая список всех объектов на странице.

В предыдущих версиях, было довольно тяжело найти конкретный виджет из сотни, если вы не задали для него имя. Конечно, именование элементов, это хороший тон любого дизайнера, благодаря чему вы сможете легко найти необходимый элемент, но это часто забывают. К счастью, в Axure 8 каждый виджет теперь поставляется с небольшой миниатюрой, которая поможет вам распознать его.

axure 8 pane

Одной из самых странных причуд в Axure была сортировка виджетов в этом списке. По какой-то причине, виджет находящийся на передней части холста переносится в нижнюю часть контура. Логика, которая привела к этому решению была в лучшем случае под вопросом, но Axure 8 наконец-то исправляет данную проблему. Виджет в верхней части списка, находится на передней части холста, так что теперь вы можете изменить порядок виджетов простым перетаскиванием. По-настоящему долгожданное дополнение!

Новые возможности и инструменты в Axure 8

В Axure 8 версии появилось несколько новых инструментов, которые помогут разрабатывать новые прототипы, как никогда раньше.

Инструмент Pen

Инструмент Pen (Перо) является одним из основных, новых дополнений в Axure RP 8, который позволяет рисовать собственные векторные фигуры. С другой стороны, данный инструмент не полнофункциональный как по сравнению с другими векторными программами, но это отличное дополнение, которое будет чрезвычайно полезным во многих сценариях. Лучше всего, все что вы создаете с помощью пера работает точно так же, как и другие виджеты Axure, поэтому вы без труда сможете взаимодействовать с ними.

Допустим, вы разрабатываете интерфейс dashboard, на котором отображаете диаграммы, графики, и так далее. Раньше вам приходилось полагаться на ограниченную внутреннюю библиотеку Axure для создания форм. С помощью пера, вы сможете создавать эти элементы прямо на холсте, и добавлять к ним интерактивность в случае необходимости.

axure перо
Инструмент Pen в действии, используется для создания линейного графика.

Минусы пера

Большим минусом данного инструмента является то, что при генерации прототипа, все векторные формы преобразуются в формат PNG. Это может привести к размытию или к искажению макета, если они были анимированны и увеличены в пределах прототипа. Было бы неплохо иметь поддержку формата SVG, который поддерживается многими браузерами в 2016 году.

axure png
Смайлик c левой стороны, созданный с помощью инструмента пера. При увеличении в созданном прототипе, размывается и проявляются "пиксели".

Еще одна проблема возникает с совместимостью. Импорт векторов из других программ до сих пор не представляется возможным, а при копировании и вставке - Axure просто преобразовывает вставленный вектор в растр. Единственный метод экспортировать Axure векторы для использования в других местах - экспортировать в формате PDF, а затем открывать в сторонней программе. К сожалению, при таком методе, добавляется много мусора в файл (дополнительные узловые точки, рабочие контуры и прочую ерунду).

Инструмент Point

Инструмент Point (Точка) работает в тандеме с пером. Позволяет выбрать, добавить или изменить любую точку выбранной формы. Вы также можете изменить линии точек в кривые.

У данной функции есть некоторые раздражающие недостатки. Во-первых, ручки Безье не связаны с их точками - они просто плавают в пустом пространстве. Кроме того, привязка функциональности или смарт-направляющих применяется непоследовательно.

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

axure point

Группы

Группы существовали в Axure в течение долгого времени. Тем не менее, на самом деле они помогали легче переместить объект внутри холста. Теперь, когда вы группируете объекты вместе, группа появляется в панели контуров, отображая его содержимое в виде вложенного списка.

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

axure группы
Сгруппированные виджеты могут иметь общее взаимодействия, применяемое к ним.

Почему это важно? Ранее применение взаимодействий для нескольких виджетов одновременно, как правило означало использование динамической панели. Проблема заключалась в том, что при редактировании, динамическая панель открывалась в новой вкладке, и вы теряли видимость других объектов на холсте. Это может быть особенно обременительным, если вы должны были использовать совместно другую панель - ваше окно Axure быстро заполнялось вкладками и из-за этого вы могли легко потеряться.

axure панели

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

Виджет Snapshot

Виджет Snapshot позволяет нарисовать прямоугольник, а затем загрузить в него одну из ваших страниц. Страница будет отображаться в качестве изображения. Это очень удобно, если вы обновляете сразу несколько страниц, связанные с ними снимки будут автоматически обновляться. Данный инструмент очень полезен, когда вы работаете с блок-схемами пользователей для демонстрации их клиентам или коллегам.

axure snapshot
Виджет показывает две страницы нашего прототипа.

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

 

Перевод статьи A Deep Dive Into Axure 8: A Comprehensive Review

Тэги: axuretoolsux

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.