FlairBuilder

Создание прототипов


Содержание сайта
Разное
Создание прототипов
Обзор программ /
Список программ



На рисунке - FlairBuilder v 3.9.7. Интерфейс и справка - на англ. языке. Вес  8,4 Мб. Цена 99 долл.
Работает в системах  Windows и Mac.

Назначение программы - создание прототипов.

Кроме установки самой программы, требуется установка Adobe AIR и Flash Player.

Из авторской характеристики:

FlairBuilder позволяет Вам начинать работу с самого приблизительного эскиза и заканчивать макетом страницы (wireframe) большой точности. 

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

Компоненты (виджеты)
Более 60 встроенных компонентов прототипа (виджетов) - текстовые вставки (заголовки, текстовые области, параграфы, маркированные списки, ссылки и пр.), навигационные панели (вертикальные, горизонтальные, раскрывающие списки, аккордеон, раскрывающиеся вкладки и пр.), компоненты веб-форм, компоненты для мобильных телефонов и другое.
Компоненты полностью интерактивны и готовы к использованию.
См. Компоненты (виджеты)

Есть два способа добавить компоненты к Вашим страницам wireframe. Первый способ - простым перетаскиванием компонента в окно редактирования. Второй способ - использовать быстрые клавиши с использованием Quick Input box.
Чтобы выбрать компонент, просто щелкните по нему. После этого Вы будете в состоянии изменить его размеры, переместить, удалить или изменить свойства, используя панель инструментов и Панель взаимодействия.
Отобранный компонент будет окружен 9 маркерами для изменения размеров компонента.
При работе с вставленными объектами Вы можете переупорядочить их (разместить на разных уровнях в слоях), блокировать/разблокировать, выравнивать, распределять, сохранять, отменять / восстанавливать действия и пр.
Некоторые из компонентов поддерживают некоторые дополнительные маркеры. Например, прямоугольники, аккордеон, вкладки могут иметь закругленные углы.

Работа с изображениями
FlairBuilder позволяет Вам импортировать свои собственные графические символы в wireframes. По умолчанию вставленное изображение будет показано как держатель места (placeholder), но Вы можете заменить его своим собственным изображением. Для этого нажмите на компонент изображения, чтобы его выделить, затем нажмите на небольшой значок 'папки' (folder’) в верхнем правом углу. Выберите изображение на своем компьютере. В настоящее время поддерживаются форматы PNG, SVG и файлы JPEG.

Быстрый и простой предварительный просмотр

Применение главных страниц и уровней.
Экономьте время, снова используя общее содержание на нескольких страницах. Любая страница в проекте может быть главной страницей (Master Page). И у каждой страницы есть список приложенных уровней.
Главные страницы (Master pages), также известные как шаблоны, и Уровни, являются отличным способом смешать содержание от различных страниц, или расположить выше в стопке уровней (выше содержания  существующих страниц).
Любая страница в FlairBuilder может быть главной страницей (шаблоном) для другой страницы. Чтобы установить Master pages для текущей страницы, просто откройте диалог Параметров настройки страницы и выберите страницу из списка.

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

Расширяемая библиотека трафаретов. Или создайте свои собственные компоненты для более позднего повторного использования.

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

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

Страницы
Панель страниц (pages panel) позволяет Вам организовывать страницы Вашего проекта. Вы можете структурировать их в иерархии (определить страницы и подстраницы). Чтобы открыть диалоговое окно Параметров настройки страницы (Page Settings), дважды щелкните по странице.
На основании созданных страниц создается карта сайта проекта.

Уровни
Уровни страницы применяются для создания сложных взаимодействий (создание всплывающих окон, создание различных состояний страницы при наведении курсора и пр.).

Темы
FlairBuilder поддерживает две различных темы. Первоначально - тема по умолчанию (напоминает рисунок, сделанный от руки).  И простая тема, с тонкими и прямыми линиями, для более точной wireframes. Обе темы поддерживают тот же самый уровень согласованности (интерактивности).
Чтобы переключиться между этими двумя темами, используйте меню View.

Работа со значками
FlairBuilder имеет обширную библиотеку значков (больше чем 300 значков). Вставка и работа со значками - аналогичны работе с изображениями.

Добавление взаимодействий (interactions)
Чтобы добавить взаимодействия к компоненту, используют Панель взаимодействий (Interactions Panel). Если отобранный компонент поддерживает взаимодействия, то Вы будете видеть список специфических событий в панели, таких как щелчок мыши, двойной щелчок и др.
Чтобы добавить действие, просто нажмите на одну из кнопок в панели инструментов действий. Вот доступные действия кратко описаны.
Вы можете определить собственные события (Custom Events).

Эскспорт проекта возможен в форматах HTML и PDF.


Free Viewer

Онлайн бесплатное средство просмотра предлагает Вам простой путь для Ваших клиентов или группы, чтобы визуализировать wireframes/prototypes, которые Вы создали с использованием настольной версии.

Одним щелчком Вы можете совместно использовать свой проект прямо от приложения. Проект будет загружен к безопасному местоположению, и будет создан  адрес URL. Вы можете сообщить этот адрес всей группе для совместной работы над проектом.
Загрузка Free Viewer:
http://www.flairbuilder.com/free-viewer.php


Скачать FlairBuilder

Библиотека дополнительных виджетов:
http://flairbuilder.com/stencils-library/?c=5


Вернуться к обзору
Последнее обновление: апрель 2015 г.