Описание интерфейса программы Axure

Материал из AOW

Перейти к: навигация, поиск

Содержание

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

Основное рабочее пространство состоит из 6 панелей.

1. Sitemap – иерархическая структура созданных страниц и сами страницы

2. Widgets – основные элементы для создания wireframes

3. Masters (templates, or reusable collections of widgets) – элементы, которые отображаются на страницах сайта в неизменном виде.

4. Page area – основное рабочее пространство.

5. Page notes and interactions – форматирование страницы, действия задаваемые для страницы, примечания к страниц.

6. Widget properties – форматирование элемента, примечание к элементу, действия задаваемые для элемента

7. Dynamic Panel Manager – управление динамическими элементами, например переключающимся табами.

Sitemap

Страницы создаваемы в Axure могут быть двух типов

- wireframes

- flow - используются для создания структуры сайта, блоки используемые для создания структуры берутся здесь (Модуль Widgets -> библиотека Flow)

Диаграммы в Axure


В Axure можно создавать структуру сайта автоматически для прототипов с числом страниц больше 1. (вся процедура создания в приложенной картинке)

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

Задать странице тип Flow.

Кликнуть правой по главной странице и выбрать Generate flow diagram, диаграмма с генерируется автоматически.

Связи между блоками задаются с помощью стрелок, блоки берутся из библиотеки flow.

Widgets

В модуль виджеты можно загружать дополнительные элементы – библиотеки. (Wireframes -> Load library – выбрать файл с расширением .rplib)


Rectangle - основной элемент при создании wireframes

Для этого элемента можно задавать различную форму:

- квадрат

- треугольник (4 направления острого угла)

- окружность

- вкладки/ табы (направленные вверх, вниз, влево, вправо)


У элемента могут быть различные состояния, в зависимости от состояния меняется вид элемента.

- Rollover: курсор над виджетом.

- Mouse Down: щелчок мыши

- Selected: элемент выбран

- Disabled: элемент запрещен.

Masters

Мастера служат для создание элементов которые не меняются на разных страницах.

К этим элементом можно однозначно отнести:

- шапку сайта

- футер

а также и другие элементы которые полностью или частично используются на разных страницах:

- сайдбар

- карточка товара

Page area

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

Page notes and interactions

1. Page notes - поле служит для добавления "заметок", заметки используются? при автоматическом создании документации

2. Page interactions - поле служит для добавления какого либо действия после загрузки страницы

3. Page formating - поле для форматирования основного рабочего пространства, позволяет:

3.1. Оформить элементы на странице в стиле наброска (sketch) величина задается в %

3.2. Задать стиль и фон для страницы, причем фон можно задавать на странице с использованием картинок-заготовок, повторяемых по оси х и/или y.

Widget properties

Данная панель по своим свойствам сходна с Page notes and interactions, но есть и существенные различия.

В виджете три вкладки три вкладки:

1. Annotations

2. Interactions

3. Formatting


1. Annotations - панель с полями добавляющими дополнительную информацию к объекту (в готовом прототипе появляется характерный заначек у элемента) , описание, статус, риск и тп.

2. Interactions

3. Formatting - блок в котором можно задать визуальное отображение элемента (отформатировать), блок частично дублируется в верхнем меню.

Задаются параметры:

- шрифт (название, начертание, размер, цвет текста, буллит )

- выравнивание текста (по горизонтали и вертикали)

- паддинги (для таблиц)

- стиль

- положения относительно других элементов

- фон, borders (его цвет, тип линий, толщина линии)

Dynamic Panel Manager

С помощью этой панели и панели interactions (Widget properties -> interactions) можно придать динамику различным элементам сайта. Н/п переключающиеся табы, слайдшоу и тп.




Actions

Actions это основные функции для придания прототипу интерактивности.


Интерпретация панели Actions (Действия) — вольный перевод

Файл:Interaction_case_properies.png

Open Link in Current Window: Открывает страницу или внешний URL в текущем окне.

Open Link in Popup Window: Открывает страницу в поп-апе. Вы можете указать размер и свойства поп-апа.

Open Link in Parent Window: Открывает страницу в родительском окне поп-апа (страницу из которой был открыт поп-ап).

Close Current Window: Закрывает текущее окно.

Open Link(s) in Frame(s): Открывает страницу в виджете Inline Frame (фрейм).

Open Link in Parent Frame: Открывает страницу в родительском окне фрейма.

Set Panel state(s) to state(s): Делает видимым состояние одной или более динамической панели.

Show Panel(s): Делает видимым одну или более динамическую панель.

Hide Panel(s): Скрывает одну или более динамическую панель.

Toggle Visibility for Panel(s): Показывает или скрывает динамические панели на основе их нынешних видимости.

Move Panel(s): Переместить динамические панели в определенное место или на указанное расстояние.

Bring Panel(s) to Front: Переносит динамические панели на верхний слой страницы.

Set Variable and Widget value(s) equal to Value(s): Устанавливает значение одной или нескольких переменных или значения виджета.

Scroll to Image Map Region (Anchors): Прокрутить страницу до виджета Image Map Region (якорь).

Enable Widget(s): Включает виджеты, такие как Droplist, Text Field или Button. Disable Widget(s): Отключает виджеты.

Set Widget(s) to Selected State: Устанавливает выбранный стиль виджетов или возвращает назад по умолчанию.

Set Focus on Widget: Устанавливает фокус на виджете.

Wait Time: Задерживает действие на указанное время.

Expand Tree Node(s): Разворачивает узлы в виджете Tree.

Collapse Tree Node(s): Сворачивает узлы в виджете Tree.

Other: Открывает указанное сообщение в поп-ап с кнопкой "Close".

Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru