哪些工具可以很好地设计ASP.NET用户界面以将其展示给客户端?

问题描述:

哪些工具可以很好地设计ASP.NET用户界面以将其展示给客户端?哪些工具可以很好地设计ASP.NET用户界面以将其展示给客户端?

如果你擅长绘图,Photoshop或Illustrator,如果你不是很好,或者它是促进内容和结构的讨论,而不仅仅是视觉效果,Balsamiq是快速和易于使用。

alt text

+0

我完全赞同这一点。首先在这些工具中使用模拟。然后担心执行。 – 2010-09-02 23:13:02

我一般的UI实体模型的Balsamiq风扇。有一个免费的在线版本(有时候会出现一些错误),并且您的本地计算机还有一个付得起的付费版本。它在功能和导出格式等方面非常出色。我喜欢它的主要内容是:

  1. 它非常快速和容易地模拟一个用户界面。
  2. 这是明显模拟只是...模拟。通常,用户会看到什么看起来像一个用户界面,并产生错误的印象,即该产品接近完成。并且/或者他们会在UI中改变他们想要改变的细节(我们可以让这个按钮变成蓝色吗?等等,绿色怎么样?),而不是专注于项目的肉块等。
  3. 它可以用来快速轻松地模拟各种事物,而不仅仅是UI。我也有一些基本的流程图和图表。这并不意味着这一点,但在一个捏它工作得很好。

铅笔和纸很明显这只是一个模拟,并没有实际的程序/页面内置。

+0

一个很好的建议,一个经常被忽视的建议。另见纸质原型:http://www.alistapart.com/articles/paperprototyping/ – Douglas 2010-09-02 23:18:18

对于最初的讨论阶段,是的,铅笔和纸张或易于使用的图形程序将使设计脱离实际。我甚至在Excel中看到过早的屏幕布局(电子表格功能可以很容易地布置表单)。

作为一个中间人,我喜欢从客户端和开发人员的角度来看线框。线框是所提出的设计的基本HTML模型,具有所有图像,样式,标签和表单元素,并且可能具有诸如页面导航之类的基本交互。它应该看起来像没有任何业务功能的成品。网页设计师的首选工具似乎是Dreamweaver,但有很多好的平台可供选择。从客户的角度来看,这让他们真正了解该产品在浏览器中的样子。对于开发人员来说,HTML标记可以被剪切并复制到.NET Web控件中,并且可以从那里做真正的工作,而不会浪费时间从头开始重新构建标记。完成后,他可以拉起线框,在现场拉起他开发的页面,并确认他所做的看起来像线框。

我已经在Powerpoint中看到了一些令人印象深刻的样机,令人惊讶的是。您可以制作将您带到演示文稿其他页面的按钮,并且可以在演示文稿中放置模拟按钮。