?

Log in

No account? Create an account

Previous Entry | Next Entry

Хочу порекомендовать программу для изготовления макетов пользовательских интерфейсов - 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-специфичные вещи.
Все элементы, текст и даже загружаемые картинки выглядят в стиле "небрежного наброска" - смотрится гармонично для макета. Рекомендую попробовать - очень удобная и интуитивно понятная штука.

Comments

( 1 comment — Leave a comment )
lampdevru
Oct. 17th, 2011 08:04 pm (UTC)
спасибо, про Napkee не знал, надо будет попробовать на досуге
( 1 comment — Leave a comment )