?

Log in

No account? Create an account
smoke

нервно Курит

я подставил кролика Роджера

Entries by category: компьютеры

Balsamiq Mockups
smoke
_guard_
Сегодняшний день объявляется днем интерфейса :)
Я таки добрался поделиться с вами радостью от использования Balsamiq Mockups.

По работе мне в основном приходится рисовать интерфейсы. То есть придумывать, как будет выглядеть программа или сайт (последнее чаще).
До недавнего времени мне были известны следующие альтернативы: бумага, рестровый редактор (например, Photoshop), векторный редактор общего назначения (какой-нибудь Inkscape или Corel DRAW), специализированный векторный редатктор (Visio).

Обзор альтернативCollapse )

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

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

Основные свойства ее таковы:
* имеются версии в виде плагинов к Jira, Confluence, XWiki, он-лайн демо-версия и версия для десктопа (ей я и пользуюсь)
* декстоп-версия написана на Adobe AIR, а потому полностью кросс-платформенная
* программа является по сути векторным редактором с экспортом в PNG
* программа создана специально для рисования интерфейсов и решает именно эту задачу
* рабочая область - блокнотный лист, на который можно тягать элементы из очень обширной библиотеки. Наряду со стандартными текстовыми полями, выпадающими списками, кнопками, полями выбора дат и т.п. есть много специализированных, но часто нужных элементов - скетч карты, флеш-плеер, веб-камера, тулбар текстового редактора и т.п.
* все элементы выдержаны в стиле скетча, с нарочито неровными границами. В мокап можно вставлять свои картинки, при этом их можно по желанию автоматически "скетчировать".
* невероятно удобно сделана работа со всякими таблицами, таб-контролами, группами кнопок (см. скриншот ниже). В двух словах - вы просто пишете текст, остальное программа делает сама

Есть, конечно, некоторое количество мелких проблем, судя по всему, связанных с самим AIR, но удовольствия от работы с программой они не портят.

Скриншоты под катомCollapse )

Что еще очень приятно - это философия и подход разработчика программы Giacomo 'Peldi' Guilizzoni. Можно, к примеру. посмотреть его корпоративный блог. А мне очень понравилось, как он общается с пользователями в фид-бэк системе Get Satisfaction.