it-swarm.cn

本机,FOSS GUI原型制作工具?

作为Web开发人员工作的一部分,我花费了大量时间来制作UI原型以向客户展示。这在后面很痛苦,但有时必须这样做。

我见过沙特尔沃思(和设计团队)抽出这样的图像:

Balsamiq Mockups example

这是由一种叫做 Balsamiq Mockups ...的东西实现的,这种东西可以在Adobe Air上保持平衡(yack!),价格为79美元。

我已经尝试过了,但是它一直在掉下去。我认为这与Air有关,与应用本身无关。我的意思是,如果我要为某件商品付款,我希望它是本地的。

43
Oli

由于我不了解的原因,其作者将其编写为Firefox插件,但是 Pencil 是一个很棒的FOSS原型开发工具。像Balsamiq Mockups一样,它带有大量预制组件,可让您快速组合演示屏幕。就像Balsamiq一样,您可以在一个草图中包含多个页面,并在它们之间链接,从而使程序员和设计人员可以“单击”某些按钮,并了解发生这种情况时应如何处理。

与Balsamiq不同,它的默认模拟小部件集看起来像真实的小部件,我担心这会导致程序员大胆地模仿他们在屏幕上看到的模型。值得庆幸的是,草图小部件模板已经与Pencil一起发布了一段时间。与Balsamiq不同,Pencil将其草图导出为HTML,而不是Flash/Flex,并且希望它对Firefox附加组件并不奇怪。

我知道Pencil看起来很奇怪,因为它是Firefox扩展,但实际上效果很好,并且易于使用。我在意识形态上不依赖于FOSS,也不介意花80美元购买出色的软件,所以我要说实话,我说Balsamiq优于Pencil。我发现Balsamiq的一般工作流程和易用性优于Pencil。但是Pencil仍然是一个很棒的工具。如果您正在寻找FOSS原型开发者,我认为您很难做得更好。启动Firefox,然后 去检查

33
Benjamin Pollack

我个人喜欢在 Inkscape (矢量图形绘制程序)中进行Web-ui原型制作,它使用起来非常简单,并且在要制作最终产品时可以重用大多数模型。

15
LassePoulsen

尝试 Glade接口设计器 ,它是GTK/Gnome接口设计器,通常用于实际应用程序,但也可以用于原型。

10
8128

我还建议将Inkscape用于样机。您可以从www.openclipart.org获得一些库存小部件(应该上传更多的小部件!)。

我觉得非常方便的地方是标记现有的UI ...截取应用程序的屏幕截图,插入Inkscape并将其放置在锁定的图层上,然后在该图层之上的图层上进行绘制以显示您所做的任何更改需要展示。

5
Bryce

我以前用过《模仿鸟》做一个很小的项目。 http://gomockingbird.com 这是一个基于Web的客户端,可以进行协作。它显然将离开测试版,并在几天之内停止免费。

0
Michael Terry