23 сентября 2009, 23:50 (5574 дня назад, №8777)Прототипирование - Balsamiq Mockups
Хочу порекомендовать программу для изготовления макетов пользовательских интерфейсов -
Balsamiq Mockups. Хотя для этой цели разработано уже порядочно инструментов, однако подобный баланс простоты и мощности я вижу лишь второй раз (первый был
Denim, неустойчиво работающий и требующий для нормальной работы планшета. Ну и еще пожалуй Microsoft Visio, с оговорками).
Процесс макетирования в Balsamiq Mockups сводится к перетаскиванию из библиотеки готовых control'ов и изменения их параметров (типа состояния, размера, текста и т.п.). Реакция на нажатия кнопок, ссылок и прочее реализована достаточно примитивно - просто на каждую ссылку вешаются другие файлы макетов, которые и загружается при переходе по ссылке. Для ускорения работы автор даёт простой совет - основной интерфейс сразу сохранить как картинку и затем использовать как фон во всех файлах проекта, накладывая поверх него только те control'ы, которые делают данную страницу уникальной (здесь важно что картинка сохраняется в виде ссылки, поэтому всегда можно её поменять и фон на всех страницах изменится автоматически).
Результат можно записать или в png или в xml (.bxml) файл. Последний момент позволяет любому желающему создать свой генератор кода из готового макета. Так и поступили, например, в случае с
Napkee, который позволяет из этого .bxml нажатием пары кнопок создать js/css/html либо Flex (mxml) проект. Даже preview есть.
Сам проект реализован на Flex/Air (desktop и веб версии), набор control'ов в библиотеке стандартный, плюс еще есть IPhone-специфичные вещи.
Все элементы, текст и даже загружаемые картинки выглядят в стиле "небрежного наброска" - смотрится гармонично для макета. Рекомендую попробовать - очень удобная и интуитивно понятная штука.