Я ищу инструмент для создания прототипов пользовательского интерфейса, который генерирует вывод HTML. Я проверил SO для создания прототипов веб-интерфейса, но ни один из них не генерирует html в качестве вывода.
Пожалуйста, можете ли вы предложить инструмент для тех же...
Pencil должен соответствовать вашему счету.
Примечание. Версия 2.0.5 плагина работает с Firefox 32 (я пробовал), несмотря на то, что веб-страница говорит, что она работает только с 3.0-3.6.
Axure - очень хороший инструмент для создания прототипов, который генерирует вывод HTML.
Взгляните на приложение Sketcher (в настоящее время в кандидате на выпуск), чтобы узнать, соответствует ли оно вашим потребностям. Это быстрый инструмент прототипа HTML для создания прототипов каркасных и интерактивных веб-приложений. Он использует встроенный браузер webkit в качестве поверхности дизайна, поэтому вы можете использовать фактические компоненты HTML, компоненты пользовательского интерфейса jQuery и веб-виджеты в дизайне. Пользователи могут запускать/тестировать прототип в своем браузере по умолчанию и экспортировать источник HTML, как только они будут удовлетворены дизайном.
Я разработчик этого приложения. Так жаль об этом бесстыдном саморекламе. Тем не менее, я думаю, что это может быть полезным инструментом прототипирования HTML и заслуживающим внимания.
Для бесплатных приложений я предлагаю Pencil. Он может экспортировать HTML-формат на одной странице HTML, с некоторыми изображениями в других папках. (кроме того, он может экспортировать PDF, ODT, PNG, SVG и т.д.). Это open source и разработанная база на Mozilla XULRunner.
Вы можете установить шаблоны для экспорта. Мне нравится режим "Tab Navigation". Но интерактивность не слишком много.
Для коммерческих приложений. Я предлагаю Axure RP. Он может экспортировать интерактивный HTML и очень мощный. Сначала просмотрите его демо-версию.
Другие коммерческие приложения Justinmind Prototyper. Если вам нужна функция экспорта HTML, вы должны купить версию Pro. Бесплатная версия не может экспортировать HTML, но только png/pdf.
Кстати, вы можете использовать Google для слов "список прототипов программного обеспечения" или "программное обеспечение прототипа gui". Вы можете найти то, что хотите.
Adobe Fireworks делает это, http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/
Я думаю, вы можете сделать довольно сложные демо с Axure http://www.axure.com/features и Balsamiq http://balsamiq.com/products/mockups также выполняет простые демонстрации.