Balsamiq Mockups. Создание макетов сайта, приложений.

Здравствуйте, сегодня речь пойдёт о создании макетов(mockups) сайтов и приложений. Под макетами подразумевается визуальное отображение интерфейсной части. Это бывает нужно для быстрого наброска и передачи всего этого на следующий этап. Мне например понадобились макеты страниц сайта для вставки в техническое задание, чтобы заказчик мог примерно знать, как это всё будет выглядеть. Макеты создавал в Balsamiq Mockups. Об этой программе и пойдёт речь.

Коротко о том, почему выбрал именно эту программу. Банально не было времени и взял первое, что попалось под руку.  Конечно когда искал в сети, мелькали такие название как Axure, MS Visio и куча других. Но под руку мне первой попала эта и полностью удовлетворила мои требования. Далее искать в сети не стал. Хотя можно опробовать всё и сделать сравнительный анализ.

И так.

Balsamiq Mockups? Коротко о программе

Скриншот программы

Сайт разработчиков программы здесь. Скачать программу можно здесь. Программа кросс-платформенная. Работает на основе Air. Более того, есть on-line версия для ознакомления. При этом должен быть установлен Flash.

К сожалению программа Balsamiq Mockups Desktop платная. Скаченная для ознакомления версия работает 7 дней. После семи дней программа продолжает работать, но отсутствует возможность сохранения сделанного макета. Ну вообще, если очень хочется, то можно! 🙂 Crack Balsamiq Mockups Desktop — просто передвиньте системные часы назад. Видимо программа при первой установке отмечает у себя дату завершения ознакомительной версии как текущая дата на момент установки плюс 7 дней. Только не забудьте обратно время перевести, чтобы: 1) не затеряться во времени 🙂 2) когда перевёл время и забыл обратно перевести, лазая по сайтам были проблемы с сертификатами; 3) возможны другие сбои в системе.  Кстати, в сети искал кряк, но не нашёл, наверное потому что и не нужен, все так обходят защиту видимо.

Что можно в программе:

• рисовать макеты для сайтов
• создавать макеты для мобильных приложений, в частности iPhone — там специально виджеты есть для iPhone контролов;
• для desktop программ так же можно клепать макеты интерфейса

Думаю стоит отметить, что на выходе получается просто файл — графический в формате PNG, документ PDF или файл проекта. Никакого функционала к макету, как например в Axure, не прикрепляется.

Balsamiq Mockups Desktop в действии

Первое, что хочется сказать — для того чтобы можно было вводить русские буквы нужно в меню View поставить Use System Fonts. В этом случае будет использоваться стандартный шрифт, в котором есть начертания для русских букв.

Как видите, элементы макета имеют вид «начертание от руки». По моему смотрится хорошо и не очень по детски. Самое то. Хотя кому то наверное данный вид отрисовки не понравится.

Рассмотрим интерфейс программы.

По сути насчёт создания мокапов больше сказать нечего — там всё просто.

Итоги

Мне понравилось:

1. программа кросс-платформенность и наличие on-line версии — это круто
2. простота в освоении
3. быстрая в работе
4. наличие множества контролов, виджетов, как то текстовое поле, Combobox, окно браузера и тд

Мне не понравилось:

1. платность, хотя как написано выше, есть так сказать crack 🙂 вообще тут наверное не так надо выразиться «не понравилась платность», это же разработчики, им кушать охото, семьи кормить; назовём платность просто небольшим минусом;
2. отсутствие слоёв;  я конечно понимаю что самая изюминка в простоте, но блин так хочется чтобы были;
3. у некоторых виджетов всё таки отсутствует что то нужное, например если куча вкладок, то они в два ряда не встанут, надо будет растягивать этот виджет чтобы все вкладки видны были;

Вот вроде бы и всё, пишите в комментах