有什么单页面应用的图形化开发工具吗?

Question

微博上看到一条评论, 一想真的没发现做应用的图形化工具啊,
单纯网页倒是 Dreamweaver..

个人认为，如果CSS和HTML5没有存在重大设计失误的话，为什么到现在还没有一个靠谱的designer软件给美工用？这种东西给程序员谢本来就是不对的，就像游戏程序员要自己画模型一样难以接受。

http://weibo.com/1916825084/AFoMSu0a1?mod=weibotime

Answer 1

其实这个道理很简单：视觉不等于语义，GUI 应用可以辅助创建视觉模型，但是它不懂语义模型。

HTML 是强调语义的标记语言，如果只是拿它来做视觉模型的定届符，那就失去了它的价值。如果语义没有价值，还搞那么多标签干什么？只留一个不就够了？

而 CSS 的问题在于它其实是一门语言，虽然不够完善，但也具备了编程语言的很多特征了。编写 CSS 要考虑很多语言层面上的问题，比如说继承，重用，作用域等等，这些东西虽然不象其他语言那么完整和规范，但是对于最终代码的质量是有很大意义的。

如果搞一个图形化软件来制作页面，然后自动生成 HTML／CSS（其实不是没有，只是都不成功，DW 算是其中最好的了），最终的代码将糟糕无比，体积庞大，代码冗长，可重用性低下，难以维护，难以扩展，难以理解。

你可以试试 Axure 这个软件，它是用来快速制作页面原型的，完全可视化，自动生成所有代码（甚至还包括 JS），虽然在设计方面它不能像 Photoshop 那样帮你制作精美的 UI（它本来就不是做 UI 的东西），但是它的工作方式和你期望的已经是非常接近了。试着用它做上几页，然后看看生成的代码，你就知道“噩梦”是啥意思了。