Интерфейс программы | UX Fox

Уроки для новичков

Интерфейс программы

Узнаем визуальную среду Axure RP

Тур по среде Axure RP, краткий обзор доступных инструментов и возможностей.

Что такое Axure RP?
Axure RP — это инструмент для проектирования и документирования, который используют UX-специалисты, информационные архитекторы, бизнес-аналитики и менеджеры производства, который применяется в создании макетов с примечаниями, интерактивных прототипов и функциональных спецификаций для приложений и веб-сайтов.

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

В центре всего располагается окно создания макетов (Wireframe Pane), поддерживающее перетаскивание элементов (Widgets) для проектирования вашего макета. Вокруг окна создания разметки расположены различные панели инструментов, которые можно перемещать или скрывать. При помощи меню «Вид» (View) в верхнем меню вы можете скрывать или отображать эти панели.

Mac и PC
Axure RP доступна как для Mac, так и для PC. Обе эти версии операционных систем обеспечивают одинаковую функциональность, а потому RP-файлы могут быть общими для обеих платформ. Большинство отличий связаны с различными интерфейсными особенностями, например, использование клавиши Cmd (?) в Mac вместо Ctrl в Windows.

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

Карта интерфейса Axure RP

  1. Главное меню и панель инструментов (Main Menu и Toolbar) предназначены для выполнения общих задач вроде открытия и сохранения файлов, а так же для форматирования элементов на странице. Возможно переключение между режимами выделения объектов (Выделение задетых объектов и выделение полностью обведённых объектов), а также переключение в режим соединения.
  2. Окно создания макета (Wireframe Pane) позволяет проектировать страницы в пространстве с возможностью перетаскивания элементов и дополнительными опциями вроде привязки к сетке и направляющим.
  3. Карта проекта (Sitemap Pane) предназначена для добавления, удаления, переименования и управления страницами вашего проекта.
  4. Панель виджетов (Widgets Pane) — это набор готовых элементов для дизайна страниц: кнопки, изображения, текстовые блоки и формы. Элементы можно перетаскивать мышкой в окно создания макета. Есть возможность создавать свои панели или загружать готовые библиотеки.
  5. Панель мастеров (Masters pane) позволяет создавать, удалять, переименовывать и настраивать мастера с возможностью их дальнейшего использования в дизайне.
  6. Окно настроек страницы (Page Properties Pane) предназначено для добавления и редактирования заметок и взаимодействий уровней страницы, а так же для форматирования страниц дизайна.
  7. Окно настройки элементов (Widget Properties Pane) позволяет редактировать примечания, взаимодействия элементов и осуществлять их форматирование.
    • Примечания(Annotations) — для добавления и настройки заметок и описания элементов.
    • Взаимодействия(Interactions) — для создания взаимодействий между страницами при помощи ссылок на другие страницы, всплывающих окон, а также динамически появляющихся и исчезающих элементов.
    • Форматирование (Formatting) — для редактирования таких стилей и свойств элементов, как размер, положение на странице, шрифты, выравнивание и отступы текста, а также графический стиль.
  8. Окно управления динамическими панелями (Dynamic Panel Manager Pane) позволяет скрывать и отображать динамические панели в окне создания разметки, а также добавлять, удалять и настраивать динамические панели.

Итог
Теперь, после того как мы познакомились с интерфейсом Axure RP, давайте научимся им пользоваться.