9

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

请您推荐一个相同的工具...

4

5 回答 5

7

铅笔应该适合你的账单。

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

于 2010-08-17T08:17:07.067 回答
3

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

于 2010-08-31T00:40:07.653 回答
2

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

您可以为导出安装模板。我喜欢“标签导航”模式。但互动并不算太多。

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

另一个商业应用程序是Justinmind Prototyper。如果你想要导出 HTML 的功能，你应该购买 Pro 版本。免费版不能导出 HTML，只能导出 png/pdf。

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

于 2013-07-25T16:31:59.117 回答
2

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

我是这个应用程序的开发者。对这种无耻的自我推销感到非常抱歉。尽管如此，我确实认为它是一个有用的 HTML 原型设计工具，值得一看。

于 2011-03-30T12:49:40.497 回答
0

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也可以制作简单的演示。

于 2011-09-25T23:39:38.330 回答