有人知道可以導出為代碼的模型工具嗎？

Question

我想要一個工具來讓我逐個像素地設計屏幕（幾乎就像我截取了網頁的屏幕截圖一樣），並為我提供了將整個屏幕導出到XHTML / CSS的選項。
有人知道這樣的工具嗎？
需要注意的是，我不是在尋找Balsamiq之類的東西。 我想創建非常詳細的UI，而不是線框。

Answer 1

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

您可以任意保真地設計GUI，並像流程圖一樣定義交互。 UI和交互可以導出到HTML + CSS + Javascript。

Answer 2

Axure-樣機工具，但非常詳細。

Microsoft Sketchflow-尚未嘗試過，但是如果我理解正確，它是為雙向工程設計的，因此它可能會滿足您的要求

Answer 3

Axure RP是您要尋找的程序。 它使您可以創建高級模型，並可以向其中添加交互。 您還可以將樣機導出為HTML文檔，以獲得像“真實”網站一樣的完整交互體驗。 如果您是學生，則應該可以獲得免費許可證。

對於我從事的每個交互設計項目，我都使用了“ Axure RP pro”（並取得了不錯的效果），我真的會推薦它。

不，我不是在公司工作。

Answer 4

我認為Axure可能是您所追求的最接近的產品。 它是為您所需的任務而設計的，而提到的其他工具則更着重於開發人員和設計人員的需求。 您不選擇Axure的原因有什么具體原因？ 成本？

我正在使用Omnigraffle Professional，所以我想創建原型，所以我正在考慮跳入Axure（我已經安裝了Axure RP beta 6.5，但是還沒有接觸過），但是我不確定這對我有好處，但是我確實擔心建議解決方案，然后在第一次構建后意識到它們是不正確的。

由單個開發人員或小型團隊創建的許多簡單的UI / Wireframing工具，但是我懷疑當您添加諸如在Axure中獲得的原型之類的復雜功能時，選項列表會減少-在這種情況下，選項列表會減少，除非存在我錯過了嗎？

添加：

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