UI Prototyping Tool生成html作为输出

Question

我正在寻找一个生成HTML输出的UI原型工具。我检查了SO的Web UI原型设计工具，但没有一个生成html作为输出。

请你建议一个相同的工具......

Answer 1

Pencil应符合您的账单。

注意：该插件的2.0.5版适用于Firefox 32（我试过），尽管该网页说它只适用于3.0-3.6。

Answer 2

Axure是一个非常好的原型工具，可以生成HTML输出。

Answer 3

查看App Sketcher（目前正在发布候选人），看看它是否符合您的需求。它是一种快速的HTML原型设计工具，用于创建线框和交互式Web应用程序原型。它使用嵌入式webkit浏览器作为设计表面，因此您可以在设计中使用实际的HTML组件，jQuery UI组件和Web小部件。用户可以在默认浏览器中运行/测试原型，并在对设计满意后导出HTML源。

我是此应用程序的开发人员。对于这种无耻的自我推销感到抱歉。不过，我认为它可以是一个有用的HTML原型设计工具，值得一看。

Answer 4

对于免费应用，我建议 Pencil 。它可以在单个HTML页面中导出HTML格式，其他文件夹中包含一些图像。 （此外，它还可以导出PDF，ODT，PNG，SVG等）。它是开源的，基于Mozilla的XULRunner开发。

您可以安装导出模板。我喜欢“Tab Navigation”模式。但互动并不是太多。

用于商业应用。我建议 Axure RP 。它可以导出交互式HTML，而且非常强大。请先看看他的演示视频。

另一个商业应用是 Justinmind Prototyper 。如果您想要导出HTML的功能，您应该购买专业版。免费版本无法导出HTML，只能导出png / pdf。

顺便说一句，您可以谷歌搜索“原型软件列表”或“ gui原型软件”。你可以找到你想要的东西。

Answer 5

Adob​​e Fireworks执行此操作，http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/

我认为你可以使用Axure http://www.axure.com/features进行非常复杂的演示，而Balsamiq http://balsamiq.com/products/mockups也可以进行简单的演示。