有没有人知道可以导出到代码中的模型工具？

Question

我想要一个工具，允许我逐个像素地设计屏幕（几乎就像我拿了网页的屏幕截图），并让我选择将整个屏幕导出到XHTML / CSS。
有人知道这样的工具吗？
作为一个说明，我不是在寻找像Balsamiq这样的东西。我想创建非常详细的UI - 而不是线框。

Answer 1

我认为Axure可能与你追求的最接近。它专为您想要的任务而设计，而其他提到的工具则更侧重于开发人员和设计人员的需求。你有没有特别的理由不去Axure？成本？

我正在使用Omnigraffle Professional，我想创建原型，所以我正在考虑潜入Axure（我安装了Axure RP beta 6.5但几乎没有触及）但我不确定成本/收益是否存在对我来说，但我确实担心建议解决方案，然后在第一次构建后意识到他们是不对的。

有许多简单的UI / Wireframing工具由单个开发人员或小团队创建，但我怀疑当你添加复杂的功能，比如你在Axure中获得的原型，选项列表减少 - 在这种情况下列出一个除非我错过了一个？

添加了：

http://uxpin.com/ - 有导出功能。

Answer 2

您可以查看ForeUI：http://www.foreui.com/

您可以使用任何保真度设计GUI，并像流程图一样定义交互。 UI和交互可以导出为HTML + CSS + Javascript。

Answer 3

Axure - 模型工具，但非常详细。

Microsoft Sketchflow - 尚未尝试过，但如果我理解正确，它专为往返工程设计，那么它可能会做你想要的

Answer 4

Axure RP是您正在寻找的计划。它允许您创建高级模型，并能够向其添加交互。您还可以将模型导出为HTML文档，以获得完全互动体验，就像“真实”网站一样。如果您是学生，您应该可以获得免费许可。

我使用过“Axure RP pro”用于我所参与的每个交互设计项目（并且效果很好），我真的会推荐它。

不，我不是为公司工作。