FlairBuilder

— узкопрофильный редактор для графических прототипов в Adobe AIR, который мало чем отличается от своих конкурентов, но все так же заслуживает внимания за демократичную стоимость лицензии и достаточно широкий функционал.

Многие верстальщики помнят это программное обеспечение еще на заре создания лендингов, когда требовалось в общих чертах нарисовать макет, но сделать это не на бумаге, чтобы потом уже художник и программист могли разобраться в написанном. Сегодня эта разработка уже старается дотягиваться до уровня «инновация».

При помощи

пользователь можно создавать один из следующих типов проектов:

1. Адаптивный каркас для сайта — можно автоматически анализировать концепцию как для компьютеров, так и планшетов с мобильными устройствами, а также вносить правки при желании клиента. Инструментарий достаточно полный, чтобы выполнить практически любую задумку, пусть и выполнен в простом стиле.
2. Интерактивный прототип — специальный вид каркасов, в котором подразумевается частичное или полное взаимодействие с пользователем — то есть переход с одной страницы на другую, возможные анимации и динамическое всплывающее меню.
3. Прототип в виде онлайн-просмотра — отлично подойдет для портфолио как пример возможностей реализации командой отдельных структур или функций, поделиться можно буквально через пару минут после внесения конечных штрихов.

Стоит отметить, что внутри

уже реализовано достаточно много шаблонов — это отдельные фигуры, изображения и текстовые вставки, которые можно изменять при нажатии. То есть все работает как привычном конструкторе сайтов: после клика появляется динамическое меню с пиктограммами-кнопками.

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

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

Можно сказать, что на этом список возможностей

и не думает заканчиваться:

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

• Наличие сочетаний клавиш для быстрого доступа — не то, чтобы это самое полезное, что предлагает система, но приятно, что большая часть процессов можно делать, не отвлекаясь на лишнее количество возникающих меню.
• Достаточно широкий выбор из шаблонных значков — 800+ примеров пиктограмм, которые не защищены авторским правом, смогут помочь выразить все пожелания и эмоции внутри проекта.
• Возможность интеграции собственных изображений — несмотря на то, что макет является предварительных взглядом на развитие онлайн-проекта, уже на этом этапе можно интегрировать даже цветное фото для представления заказчику. Система автоматически переведет цвета в черно-белую гамму.

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

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

1. Перейти на официальный сайт проекта (
   FantasTech
   ), нажать на кнопку «Join Invitation list».

2. Система попросит ввести всего два значения для отправки сообщения в указанные сроки открытия доступа — имя и адрес электронной почты.

3. На данный момент новая версия
   FlairBuilder
   недоступна для исследования, но всегда можно скачать изначальный вариант, к примеру, перейдя на не самые официальные источники.

И все же, основные преимущества сотрудничества было решено оставить на самое сладкое:

• Наличие CSS-сетки — обязательная составляющая для дизайна сайта, которая позволяет понимать, как именно должен выглядеть итоговый каркас, чтобы он мог цеплять людей своим видом и точно понравился заказчику.
• Экспертная типографика — в частности, общий вид шрифта для всего проекта позволяет избежать проблем с пониманием и визуализацией, а также делает проект более элегантным.
• Богатый набор поведений и анимации для объектов — внутри самой библиотеки есть гораздо больше примеров действий для моделей, чем в любом редакторе презентаций, что также расширяет возможности UX-сферы.

---

Вывод

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

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

Радует то, что наконец-то подключили возможность интеграции чего-то своего в проект: то есть изображений, пиктограмм и анимации. Раньше это в значительной мере не хватало и теперь вместо бесконечных подписей «Тут будет ваша реклама» можно будет реализовать реальную вставку рекламного блока.

Официальный адрес сайта —