css - 用于创建、体验新布局和设计的工具是什么？

Question

我正在使用 Backbone、node、jQuery 等开发 WebApps。

一开始，我使用 Twitter Bootstrap 进行设计。然后我开始使用自己的设计，这些设计是我使用 Chrome Addon Stylebit 创建的，它允许实时修改 CSS。

不幸的是，这最终非常耗时。

所以我决定与一些编辑一起开发设计，然后手工将这个设计重写为 CSS。我读到这是一种常见的做法，大多数人都使用 photoshop 来完成这项任务。

photoshop 是否仍然推荐或是否有其他工具应该使用？

(我实际上不想要完整的所见即所得。只是测试一般设计和布局的东西)

干杯，新年快乐，博多

Answer 1

对于简短的回答没有。据我所知，没有一种工具可以让您轻松地在代码中构建布局，它不是完整的 WSIWIG 解决方案，例如 Dreamweaver、Aptana 等。

为了测试设计，您通常会构建线框，例如您在 Balsamiq 中看到的那些。还有其他工具，如 Axure、Pencil 等。搜索线框软件。

作为一名高级用户体验架构师，我听说过并看到人们用 Html 和 CSS 制作他们正在构建的模型。虽然这可以工作。如果您打算投入时间、精力和金钱来编写代码，那么您不妨继续构建它。

转到我的 "User Experience"在 Linkedin 上分组并在那里提问。您将得到大量答案。