Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Плагин будет очень полезен программистам, работающим с GUI, дизайнерам, веб-мастерам, фрилансерам, а так же тем, кто привык заказывать сайты/программы у сторонних разработчиков. В случае когда надо объяснить заказчикам и коллегам как, по-вашему, должен выглядеть интерфейс будущей программы или сайта Вам поможет Balsamiq Mockups.

Первая ситуация. У Вас появляется идея, которая немедля реализуется в Photoshop за 1-2 часа, а в результате заказчик бракует расположения кнопочек, размеры колонок и прочие мелочи. Макет делается заново. Тратится время. А если набросать макет за 5 минут?

Далее. Вы садитесь за рабочий стол и перед Вами стоит задача набросать схему или дизайн веб-сайта. Подручные инструменты – бумага, ручка и навыки рисования. В скорем времени урна или рабочий стол заполняются бумагами и все идеи и мысли остаются беспорядочно записанными на клочках бумаги. В итоге четкой картины проекта получить не удается. Многие пользуются графическими пакетами Adobe Illustrator или Photoshop, но для черновых эскизов они не очень пригодны, да и созданы они для других задач. Да и еще неудобны из-за отсутствия необходимых функций.

Excerpt

Плагин Balsamiq Mockups позволяет быстро создать макет рабочего окна приложения или страницы интернет сайта на базе набора типовых элементов управления в Confluence или JIRA. Плагин предоставляет большую библиотеку различных элементов интерфейса (окно браузера, закладки, формы, полосы прокрутки, кнопки, тумбнейл вэб-камеры и т.д.).

Как и плагин Gliffy (аналог Visio) плагин Balsamiq существует в двух вариантах:

У плагина Balsamiq Mockups есть особенность – все прототипы и эскизы выглядят, как нарисованные от руки. Сначала это кажется слишком несерьезным подходом к макетированию графического интерфейса. На самом деле «комическая» форма отображения будущего интерфейса помогает отсечь элементы оформления которые не играют роли на данном этапе, такие как цвет и тени, чтобы сосредоточиться на удобстве работы с интерфейсом.

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

Info

Макеты Balsamiq Mockups относятся к макетам с низкой степенью детализации (low-fidelity mockups). Скорость создания макетов является ключевым преимуществом Balsamiq Mockups. В большинстве случаев от менее удачного варианта психологически сложнее отказаться, если на его создание было затрачено много усилий.

Balsamiq Mockups предоставляет возможность экспорта макета в форматы png и pdf, а также в xml (можно использовать в качестве резервной копии или пересылки макета по почте в его минимальном размере).

Gallery
excludebahoomaps.png, boogle.png, components.png, confluence_attachments.png, confluence_edit.png, confluence_history.png, connectnow.png, exportdialog.png, inspectors.png, iphone.png, layout.png, linking.png, mytube.png, mytunez.png, textformatting.png, wiki.png
sortdate
titleПример работы в JIRA
Gallery
excludepic.jpg, bahoomaps.png, boogle.png, components.png, connectnow.png, exportdialog.png, inspectors.png, iphone.png, jira_attachments.png, jira_comments.png, jira_edit.png, jira_menu.png, layout.png, linking.png, mytube.png, mytunez.png, textformatting.png, wiki.png
sortdate
titleПример работы в Confluence
Gallery
excludepic.jpg, confluence_attachments.png, confluence_edit.png, confluence_history.png, jira_attachments.png, jira_comments.png, jira_edit.png, jira_menu.png
sortdate
titleПримеры интерфейсов