使用 Grails 将屏幕截图转变为原型
我们开始设计一款新产品，我们的 UI 人员正在制作屏幕截图，就像没有明天一样。不过，我们的老板希望能够与该网站进行实际交互，就像它具有各种功能和皮肤一样。我可以使用 Groovy on Grails（或十几个其他选项中的任何一个）快速创建简单的功能，但我没有一种将图片变成交互式网站的真正快速的方法。是否有一个应用程序可以拍摄图像，让我将某些区域标记为“此处名为 X 的输入框，这个位是一个提交到 Y 控制器的按钮”，然后生成一些我的老板可以使用的 HTML我们都可以迭代吗？
We're beginning to design a new product, and our UI guy is knocking out screenshots like there's no tomorrow. Our boss, though, wants to be able to actually interact with the site as it would look with various features and skins. I can whip up simple features pretty quickly with Groovy on Grails (or any of a dozen other options), but what I don't have is a really quick way to turn a picture into an interactive website. Is there an application out there that takes an image, lets me mark certain areas as "input box named X goes here, this bit is a button that submits to the Y controller", and then generates some HTML that my boss can muck around with and we can all iterate off of?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我只会使用 http://www.balsamiq.com/products/mockups。使用起来简单快捷。你可以很容易地让它们互动。
哦，老板们喜欢这个工具。他们可以随心所欲地胡闹。开发人员喜欢它，因为他们不必参与使它们具有交互性。缺点是开发者必须面对这样一个事实：Boss 可以毫不费力地改变世界。
在房间里无意中听到评论：“是的，他的 UI 人员应该使用它而不是制作屏幕截图。愚蠢的 UI 人员”
I would just use http://www.balsamiq.com/products/mockups. Easy and Fast to use. You can make them interactive quite easily.
Oh and Bosses love that tool. They can muck around all they like. Devs like it cuz they don't have to be involved with making them interactive. Downside is devs do have to deal with the fact that Bosses can change the world without much effort.
Comment overheard in the room: "ya, his UI guy should be using that and not making screenshots. silly UI guys"
除了制作屏幕截图之外，还有足够的工具可以制作实际原型，例如 iRise、Serena、10screens 等。也许您的 UI 人员最好使用这些工具，因为设计师和其他人都可以更改原型。
谢谢
苏尼尔
http://www.10screens.com
Instead of making screenshots, there are enough tools to make actual prototypes like iRise, Serena, 10screens etc. Maybe your UI person is better off using those as both the designer and others will be able to change the prototypes.
Thanks
Sunil
http://www.10screens.com
对于网络服务来说，这听起来是个好主意。不幸的是，虽然我不知道有什么可以直接以这种方式翻译屏幕截图，但您可以使用 Balsamiq 的模型，铅笔（非常不错，基于 Mozilla），或 Mockingbird。
That sounds like a great idea for a web service. Unfortunately, while I don't know of anything that can directly translate screenshots this way, you can use Balsamiq's Mockups, Pencil (very nice, Mozilla-based), or Mockingbird.