简单的布局模型设计工具？

Question

我想在不做代码的情况下布局一些网站的模型。从设计开始，将我的想法放在我能看到的东西上。简单的东西就像在普通的笔和纸上做的一样，但在计算机上，无论是网络工具还是实际的程序应用程序。

我知道Photoshop和Gimp可以用于这个，但我更喜欢简单的东西，只是做布局[模拟]像标题，正文，内容，页脚，文本框，按钮，列表，颜色，等我可以使用油漆或类似的东西，但它只是有点乏味，这样做并不舒服。像“所见即所得”一样简单，只是为了创建设计，因为我想稍后编写它自己。

所以，如果你知道这样的知识，请告诉我。 :)谢谢

Answer 1

考虑使用Balsamiq Mockups。这是一个非常快捷的布线工具。

它通常不使用颜色，因为这会将焦点从布局上移开。没有什么比第一次为客户做模型并让他们说“呃......我认为这应该是蓝色而不是红色”。

熟练使用该工具后，您可以在与客户交谈时轻松修改模型以获得即时反馈。

Answer 2

的铅笔项目的独特使命是建立使图表和图形用户界面原型，每个人都可以使用free和opensource工具。

http://pencil.evolus.vn/en-US/Home.aspx

Answer 3

有很多这样的工具。传统和早已确立：Carreta Design Studio,Axure RP和（我自己的）MockupScreens。当然更新但很流行的是Balsamiq Mockups。

此类工具（免费和商业）的完整清单is here。要小心，只有几个“新来者”根本没有任何意义（但它们看起来都一样，选择时可能会出现问题）。

寻找一些主要的事情是：

• 什么是主要的工具（台式机，网络，移动）
• 无论目的是为高或低高保真原型
• 工具是否有“黑与白”的模式和不同的皮肤
• 怎么是你应该讨论你的样机（是原型只是“图片”或他们有注释，幻灯片 模式，导出为PDF /字等）
• 层次的互动（仅图片，元素可以链接，充分 点击的原型）

但主要的一点是，当然，使用特定的工具时，如何快速，自信是你。

Answer 4

我个人投我MockFlow。

它有一个免费的选项，这个选项在体积上是有限的（如果内存服务的话，你只能创建3-4个布局），但是可以使用该工具。