logo标签列表

本地化、自由开源软件的图形用户界面原型工具？

software-recommendationprogrammingalternativedesign
作为网页开发人员的一部分工作，我花了一些时间制作用户界面原型来展示给客户。这真是一件麻烦事，但有时不得不这样做。
我见过Shuttleworth（和设计团队）发布像这样的图片：

Balsamiq Mockups example

那是由一个叫做Balsamiq Mockups的东西制作的... 它是在Adobe Air上运行的（呸！）并且售价79美元。
我试过它，但它总是崩溃。我认为这与Air有关，而不是应用本身。我的观点是，如果我要花钱购买某个东西，我希望它是原生的。
5个回答
由于我无法理解的原因，它的作者将其编写为一个Firefox插件，但Pencil是一款出色的自由开源软件原型工具。与Balsamiq Mockups类似，它提供了大量的预制组件，可以快速组合成演示屏幕。与Balsamiq类似，您可以在草图中添加多个页面并在它们之间进行链接，使您的程序员和设计师能够“点击”某些按钮，并了解发生该事件时应该发生什么。
与Balsamiq不同的是，Pencil的默认模拟小部件集看起来像真实的小部件，这让我感到担忧，因为程序员可能会盲目地模仿屏幕上看到的模型。值得庆幸的是，Pencil已经发布了一个草图小部件模板。与Balsamiq不同的是（希望对于一个Firefox插件来说这并不令人惊讶），Pencil将其草图导出为HTML，而不是Flash/Flex。
我知道Pencil看起来很奇怪，因为它是一个Firefox扩展，但实际上它非常好用。我对自由开源软件没有意识形态的依赖，并且不介意花80美元购买优秀的软件，所以我坦率地说我更喜欢使用Balsamiq而不是Pencil。我认为Balsamiq的工作流程和易用性优于Pencil。但Pencil仍然是一个很棒的工具。如果你正在寻找一个自由开源软件的原型制作工具，我认为很难找到比它更好的。启动Firefox并去看看吧。
3他们的网站是http://pencil.evolus.vn，上面有1.2版本，附带了素描和网络库。非常令人印象深刻的东西，即使它是建立在Firefox之上（我无论如何都在全天候运行）。 - Oli
9此外，似乎还有独立的软件包可供使用：http://pencil.evolus.vn/en-US/Downloads/Application.aspx，因此即使您不运行Firefox也可以使用它。 - Marco Ceppi
感谢您提供的链接更正；我已经在自己的帖子中修复了它们，以便直接跳转到相应页面，而不是 Firefox 的插件网站。 - Benjamin Pollack
@Marco 真有趣！如果我在应用程序中有一个图标，那么我就不太可能忘记它了。事实上，当Pencil第一次推出时，我确实看过它，但由于它嵌在Firefox中，从来没有真正使用过。 - Oli
2我只是随意玩弄铅笔而已，但我非常喜欢它！值得注意的是，你应该从主要的官方网站上获取附加组件，而不是从Mozilla的附加组件网站上下载，因为他们的版本已经过时了。 - Don Faulkner
4在该项目的Google Code网站上，有一个用于独立版本的Pencil（在Firefox之外运行）的Debian软件包可供使用：http://code.google.com/p/evoluspencil/ - kounryusui
瞎猜的话，也许它作为Firefox插件运行，因为开发人员最终设想它可以针对存储在在线上的数据运行（类似于Balsamiq可以在Jira和其他问题跟踪器中使用的方式）？ - Rich

个人而言，我喜欢使用Inkscape（矢量图形绘制程序）进行Web-UI原型设计，它非常简单易用，而且在制作最终产品时可以重复使用大部分的模型。

2+1 对我没什么帮助，但可能对其他人有用。我倾向于将设计工作交给设计师（我更擅长用户体验和后端开发），而且我对Inkscape还不太熟练。 - Oli
1这是由Máirín Duffy为Fedora的"FUDcon"制作的相关视频--在Inkscape中创建UI模型。这是一个50分钟的演讲（不是直播，你需要下载它）。 - belacqua
试试使用 Glade Interface Designer，这是一个GTK/Gnome界面设计工具，通常用于开发实际应用程序，但同样也可以用于原型设计。
1+1 我能看出它的潜力，但对于我的需求来说，它有点过于专业和以桌面为中心。不过，阅读这篇文章的某人可能会觉得它很有用。谢谢你的回答！ - Oli

我还建议使用Inkscape进行模型设计。您可以从www.openclipart.org获取一些现成的小部件（希望有人能上传更多！）。

我发现它非常方便用于标记现有用户界面... 将应用程序的屏幕截图插入到Inkscape中，并放在一个锁定的图层上，然后在其上面的另一个图层上进行绘图，以展示您需要展示的任何更改。

我之前用过Mockingbird做一个非常小的项目。http://gomockingbird.com这是一个基于网页的客户端，可以进行协作。不过据说它将在几天后退出测试版并停止免费使用。
1看起来也不像是自由的免费。 - l0b0