Плагин будет очень полезен программистам, работающим с GUI, дизайнерам, веб-мастерам, фрилансерам, а так же тем, кто привык заказывать сайты/программы у сторонних разработчиков. В случае когда надо объяснить заказчикам и коллегам как, по-вашему, должен выглядеть интерфейс будущей программы или сайта Вам поможет Balsamiq Mockups.
Плагин Balsamiq Mockups позволяет быстро создать макет рабочего окна приложения или страницы интернет сайта на базе набора типовых элементов управления в Confluence или JIRA. Плагин предоставляет большую библиотеку различных элементов интерфейса (окно браузера, закладки, формы, полосы прокрутки, кнопки, тумбнейл вэб-камеры и т.д.).
Первая ситуация. У Вас появляется идея, которая немедля реализуется в Photoshop за 1-2 часа, а в результате заказчик бракует расположения кнопочек, размеры колонок и прочие мелочи. Макет делается заново. Тратится время. А если набросать макет за 5 минут?
Далее. Вы садитесь за рабочий стол и перед Вами стоит задача набросать схему или дизайн веб-сайта. Подручные инструменты – бумага, ручка и навыки рисования. В скорем времени урна или рабочий стол заполняются бумагами и все идеи и мысли остаются беспорядочно записанными на клочках бумаги. В итоге четкой картины проекта получить не удается. Многие пользуются графическими пакетами Adobe Illustrator или Photoshop, но для черновых эскизов они не очень пригодны, да и созданы они для других задач. Да и еще неудобны из-за отсутствия необходимых функций.
Для систем Atlassian плагин 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. |