it-swarm.cn

有哪些出色的基于Web的原型制作工具?

我正在寻找基于Web的原型制作工具的列表,我想使用StackExchange的民主投票系统在此处建立一个。

网络上已经有一些列表,尤其是这些列表:

我在 Google搜索“原型工具列表” 中找到了这两个。

从长远来看,StackExchange UI应该是管理此类列表的最佳格式。让我们寻求相关性,而不一定是完整性。完整性将涉及添加大量答案,包括鲜为人知或过时的工具。取而代之的是,我想查看当前基于Web的原型开发应用程序的列表,并且理想情况下,每种产品的投票会随着时间而变化(例如Balsamiq可能会从今天的顶部开始,但是从现在起的5年后,我们可能还会看到其他内容。

我将其作为社区Wiki,因为它的文档数量多于客观负责。

53
Rahul

HTML + CSS + JS

如果您正在寻找高保真原型,那几乎是唯一的选择。

我提倡使用高保真(编码)或坚持使用低保真(像Balsamiq这样的简单应用)。

除非您测试相对温和的交互,否则我会发现Axure之类的解决方案有点危险。它暗示着高保真度,但是您无法将这样的应用程序中的交互精细化到可以反映实际用户体验的程度。

37
DA01

Balsamiq样机

因此,自从您提到它以来,我将添加Balsamiq来开始列表:)

Web版本尚未完全发布,但桌面应用程序非常漂亮。

上线后,该产品将在此处存在: Balsamiq Web应用程序项目页面

否则,总会有桌面应用程序(在相同的URL,只需单击“桌面应用程序”链接)。

45
Matt

知更鸟

我发现Mockingbird是最容易使用基于浏览器的应用程序之一 http://gomockingbird.com

8
chrisofspades

手工

Balsamiq绝对是我在与客户进行集体讨论和启动会议时草拟想法的首选。但是,当涉及到功能齐全的原型时,我选择的药物始终是 Handcraft 。它非常适合HTML原型制作,并提供了一些很棒的功能来创建交互流,这些交互流通常需要后端编码技能或使用javascript进行整合。

6
Huijkman

铅笔

Pencil 是我已经习惯使用的一个很好的工具。并非严格基于网络,但它是Firefox插件。

5
LiamGu

模拟流

我妻子的互动代理在以下方面取得了成功:

http://www.mockflow.com/

快速入门,并有相当数量的线框内置控件和屏幕。

3
noluckmurphy

Google文档中的蓝色线框。

通过此 Morten Just的博客帖子 ,他创建了一个 公共Google绘图 可以使用。我不知道为什么,但是空白模板现在已经消失了,所以我 共享我不久前复制的模板 。如果看不到左侧的线框对象,请缩小。

它具有一组线框对象,您可以将它们复制,粘贴,然后调整大小到右侧的模型区域。

然后有一个 google docs画廊 使用此模板完成样机的人

enter image description here

2
icc97

霍格洛

Hotgloo提供基本的原型制作,页面之间区域上的热链接,一些高保真功能-与balsamiq相当;比模拟鸟更复杂,但不如axure或justinmind这样的桌面应用那么强大。

http://www.hotgloo.com/

2
512x512

my.origramy

感谢分享!我将 my.origramy 服务添加到列表中。每当需要制作网站原型,思维导图,图表或方案时,我都会使用这项免费的在线服务。

2
SHM

基础

如果您正在查看HTML/CSS/JavaScript解决方案,我建议您看一下 http://foundation.zurb.com/

1
Dragan Studios

FluidUI

我想将FluidUI添加到此列表中。我们上个月刚刚启动了此工具。它是基于Web的,旨在快速允许您创建低保真度和高保真度的UI原型。支持多种平台,但是您可以根据需要设置页面尺寸。

链接到fluidui.com,但是如果您想直接跳进去尝试而无需填写表格,可以在 http://www.fluidui.com/editor 上进行。

1
john larkin

格里菲

gliffy 怎么样?我们刚开始在我的公司中使用它,它比balsamiq或模仿鸟便宜得多,而且用途更广泛

1
Sebastian Patane Masuelli

http://cacoo.com 。该界面有点深奥,但免费版本的限制比其他一些版本(25页,15个用户)要少一些。

0
Steve Bennett