我想快速为网站制作新功能的原型。我正在寻找一种方法：
我想象一些让我说“渲染这个网站的东西，但是在这个带有这样的网页的网页上，我正在用这些东西标记这些东西，用棍子贴在页面上，如果有人点击它，移动它们这里”。
或者可能，“这是一个网站的截图。如果有人点击此框，请向他们显示其他截图”。
你们用什么来制作网站UI功能的原型？
答案 0 :(得分：2)
如果您希望它在现有网站上进行交互并构建，您可以尝试使用带有firefox的greasmonkey：https://addons.mozilla.org/fr/firefox/addon/748
我不确定你用它做多快的原型，但你肯定可以让它们互动。 Greasemonkey让你使用javascript修改任何网页。
答案 1 :(得分：1)
Balsamiq Mockups。所以。吓坏。好。
编辑：所以这是一个包含有关原型设计的更多信息的主题：https://stackoverflow.com/questions/720191/web-ui-prototyping-tools
答案 2 :(得分：1)
我不是Balsamiq的粉丝，但很多人都喜欢它。如果Napkee与Balsamiq一起发布，那么它就是您正在寻找的。
另一种选择是Fireworks - 它可以轻松导出为HTML，但学习曲线比Balsamiq更陡峭。
答案 3 :(得分：1)
尝试clickframes - 一种在xml中编写文本原型的方法，可以呈现给您可以点击的网站。
非常有效 - 在演示中他们编写了一个应用程序规范（appspec），然后生成了一个基于接缝的网站。
他们尝试了balsamiq并且它对他们没有用。
来自他们的网站：
“设计师
用户体验专业人员使用Clickframes快速规范和设计其设计的交互性原型，并将设计传达给协作者和项目利益相关者。设计完善后，Clickframes便于与将实施该应用程序的开发人员进行沟通。“
答案 4 :(得分：1)
我喜欢http：/www.iplotz.com - 它有很好的用户体验和设计 http://www.justproto.com也是非常快速的工具，它看起来很干净，并且很容易用它创建原型
chceck out wireframes.linowski.ca这是一个关于线框的noice博客
答案 5 :(得分：1)
铅笔非常好而且免费！它可以作为独立应用程序或firefox插件下载。
答案 6 :(得分：1)
再次查看ProtoShare：自2010年左右以来速度更快，模板和小部件库比balsamiq更灵活。如果您想要控制原型的外观，并希望交互性和简单的协作和审查，请使用ProtoShare而不是Balsamiq。
答案 7 :(得分：0)
您可以尝试protoshare。
下行：有点迟钝，需要信用卡详细信息才能免费试用。 好处：协作功能，比axure便宜。
答案 8 :(得分：0)
您可以尝试使用ForeUI，这是一个创建的sample prototype。
答案 9 :(得分：0)
使用Mockuptiger，您可以导入photoshop图片或网站截图，然后使用可点击的链接或按钮将它们链接在一起。
MockupTiger是一个基于Web的应用程序，您可以将它托管在您自己的服务器上。它具有构建Web应用程序和仪表板Wireframes的小部件。
注意：仅适用于最新浏览器。您也可以在桌面上下载和使用。
PS：我是这个软件的开发者
答案 10 :(得分：0)
我使用来自colorfully.me的插件进行WordPress主题/网站的原型制作 这是我想到的最快的方式，看看网站在现实中的外观，测试并了解它的外观。还有时我会用它来制作。