Плагин будет очень полезен программистам, работающим с GUI, дизайнерам, веб-мастерам, фрилансерам, а так же тем, кто привык заказывать сайты/программы у сторонних разработчиков. В случае когда надо объяснить заказчикам и коллегам как, по-вашему, должен выглядеть интерфейс будущей программы или сайта Вам поможет Balsamiq Mockups.
Первая ситуация. У Вас появляется идея, которая немедля реализуется в Photoshop за 1-2 часа, а в результате заказчик бракует расположения кнопочек, размеры колонок и прочие мелочи. Макет делается заново. Тратится время. А если набросать макет за 5 минут?
Далее. Вы садитесь за рабочий стол и перед Вами стоит задача набросать схему или дизайн веб-сайта. Подручные инструменты – бумага, ручка и навыки рисования. В скорем времени урна или рабочий стол заполняются бумагами и все идеи и мысли остаются беспорядочно записанными на клочках бумаги. В итоге четкой картины проекта получить не удается. Многие пользуются графическими пакетами Adobe Illustrator или Photoshop, но для черновых эскизов они не очень пригодны, да и созданы они для других задач. Да и еще неудобны из-за отсутствия необходимых функций.
Плагин Balsamiq Mockups позволяет быстро создать макет рабочего окна приложения или страницы интернет сайта на базе набора типовых элементов управления в Confluence или JIRA. Плагин предоставляет большую библиотеку различных элементов интерфейса (окно браузера, закладки, формы, полосы прокрутки, кнопки, тумбнейл вэб-камеры и т.д.).
Как и плагин Gliffy (аналог Visio) плагин Balsamiq существует в двух вариантах:
- Mockups Confluence Plugin (Atlassian Plugin Exchange )
- Mockups JIRA Plugin (Atlassian Plugin Exchange)
У плагина Balsamiq Mockups есть особенность – все прототипы и эскизы выглядят, как нарисованные от руки. Сначала это кажется слишком несерьезным подходом к макетированию графического интерфейса. На самом деле «комическая» форма отображения будущего интерфейса помогает отсечь элементы оформления которые не играют роли на данном этапе, такие как цвет и тени, чтобы сосредоточиться на удобстве работы с интерфейсом.
Интерфейс содержит два основных окна, в одном из которых находятся элементы из базы графических объектов, а во втором можно создавать проект путем перетягивания элементов сверху. При перемещении каждого элемента автоматически включается система привязок к краям и центрам других объектов, а точное позиционирование обеспечивается за счет указания конкретных размеров и местоположения фигуры (эта возможность особенно полезна веб-дизайнерам).
Макеты Balsamiq Mockups относятся к макетам с низкой степенью детализации (low-fidelity mockups). Скорость создания макетов является ключевым преимуществом Balsamiq Mockups. В большинстве случаев от менее удачного варианта психологически сложнее отказаться, если на его создание было затрачено много усилий.
Balsamiq Mockups предоставляет возможность экспорта макета в форматы png и pdf, а также в xml (можно использовать в качестве резервной копии или пересылки макета по почте в его минимальном размере).
Пример работы в JIRA |
|---|
| There are no images attached to this page. |
Пример работы в Confluence |
|---|
| There are no images attached to this page. |
Примеры интерфейсов |
|---|
| There are no images attached to this page. |