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

Question

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

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

不幸的是，这最终会耗费大量时间。

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

Photoshop仍然推荐还是应该使用其他工具？

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

干杯和新年快乐，博多

score 1 · Accepted Answer

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

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

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

转到我在 Linkedin 上的“用户体验”组并在那里提问。你会得到很多答案。

score 0 · Accepted Answer

如果您正在寻找线框和模型工具。那么您可以使用Balsamiq Mockups

在此处输入图像描述

它具有以下功能

我希望这能帮到您。

score 0 · Accepted Answer

您可以试用 ForeUI ( http://www.ForeUI.com/ )，它允许您可视化地构建布局并将您的设计导出到 HTML5 模拟。您还可以手动修改生成的代码以满足您的需求。

Mac OS 中的 ForeUI

http://www.foreui.com/store/上提供了一些有趣的示例

score 0 · Accepted Answer

我正在为 Pidoco 工作。

这是一家总部位于柏林的德国公司，我们开发了一个在线原型制作工具。

我们有很好的功能，例如：

交互式原型协作和邀请 iOS 应用程序来模拟移动原型（Android 即将推出）您可以从 30 天免费试用开始，然后计划从每月 9 美元开始。

score 0 · Accepted Answer

0

于 2013-06-11T06:41:22.900 回答

5 回答 5