生成 html 作为输出的 UI 原型工具
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/3500529/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
UI Prototyping Tool which generates html as output
提问by saknet
I'm looking for a UI prototyping tool which generates HTML output. I checked SO for Web UI prototyping tools, but none of them generates html as output.
我正在寻找生成 HTML 输出的 UI 原型设计工具。我检查了 Web UI 原型设计工具的 SO，但它们都没有生成 html 作为输出。
Please could you suggest a tool for the same...
请你推荐一个相同的工具...
回答by Aaron Digulla
回答by Prashanth Padmanabhan
回答by Feng Chen
Take a look at App Sketcher(currently at release candidate) to see if it fits your need. It is a rapid HTML prototyping tool for creating wireframe and interactive web application prototypes. It uses an embedded webkit browser as design surface so you can use actual HTML components, jQuery UI components and web widgets in design. Users can run/test prototype in their default browser and export the HTML source once they are satisfied with the design.
看看App Sketcher（目前在候选版本中），看看它是否符合您的需要。它是一种快速的 HTML 原型制作工具，用于创建线框和交互式 Web 应用程序原型。它使用嵌入式 webkit 浏览器作为设计界面，因此您可以在设计中使用实际的 HTML 组件、jQuery UI 组件和 Web 小部件。用户可以在他们的默认浏览器中运行/测试原型，并在对设计满意后导出 HTML 源代码。
I am the developer of this application. So sorry about this shameless self promotion. Nevertheless, I do think it can be a useful HTML prototyping tool and worth a look.
我是这个应用程序的开发者。很抱歉这种无耻的自我宣传。尽管如此，我确实认为它可以是一个有用的 HTML 原型设计工具，值得一看。
回答by Chen Yang
For free applications, I suggest Pencil. It can export HTML format in a single HTML page, with some images in other folders. (besides, it can export PDF, ODT, PNG, SVG and so on ). It is opensource, and developed base on Mozilla's XULRunner.
对于免费应用程序，我建议使用Pencil。它可以在单个 HTML 页面中导出 HTML 格式，并在其他文件夹中导出一些图像。（此外，它还可以导出 PDF、ODT、PNG、SVG 等）。它是开源的，基于 Mozilla 的 XULRunner 开发。
You can install templates for the export. I like “Tab Navigation” the mode. But the interactive is not too much.
您可以为导出安装模板。我喜欢“标签导航”模式。但是互动不是太多。
For commercial applications. I suggest Axure RP. It can export interactive HTML, and very powerful. Please take a look at his demo video first.
用于商业应用。我建议使用Axure RP。它可以导出交互式HTML，而且非常强大。请先看一下他的演示视频。
Another commercial applications is Justinmind Prototyper. If you want the function of exporting HTML, you should buy the Pro version. The free version can not export HTML, but only png/pdf.
另一个商业应用程序是Justinmind Prototyper。如果你想要导出HTML的功能，你应该购买专业版。免费版不能导出 HTML，只能导出 png/pdf。
BTW, you could google for the words "prototype software list" or "gui prototype software". You could find what you want.
顺便说一句，你可以谷歌搜索“原型软件列表”或“ gui原型软件”。你可以找到你想要的。
回答by Chrisdigital
Adobe Fireworks does this, http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/
Adobe Fireworks 这样做，http://tv.adobe.com/watch/fireworks-tips-and-tricks/rapid-prototyping/
I think you can make pretty complicated demos with Axure http://www.axure.com/featuresand Balsamiq http://balsamiq.com/products/mockupsalso does simple demos.
我认为您可以使用 Axure http://www.axure.com/features制作非常复杂的演示，而 Balsamiq http://balsamiq.com/products/mockups也可以制作简单的演示。
