适用于非 UI 人员的简单 Web UI 工具 [关闭]

Posted 2023-03-06

【中文标题】适用于非 UI 人员的简单 Web UI 工具 [关闭]

【英文标题】：Simple Web UI tool for non UI people [closed]

【发布时间】：2010-11-01 11:04:35

【问题描述】：

我最近发现寻找看起来也不错的 Web 应用程序的人数有所增加。不过，我不是一个设计专家。

我需要一个不像 Photoshop 或 Stylevision 那样复杂但仍能帮助我创建漂亮干净的 Web UI（例如 ***）的工具，然后可以将其集成到 ASP.NET 母版页等中。所以没有内联css；资源需要分开。

所有的客户都在寻找 web 2.0 风格的东西，所以这将是目标。不需要 Flash 等。罐头主题可能也可以。

还有其他人在做单人军队的事情吗？

更新： 下面对原材料提出了很好的建议，但人们使用的是什么工具？表达式，Adobe 产品？这有什么好的免费编辑器？

【问题讨论】：

为了更清楚一点，更多的是实际的外观和感觉，而不是布局问题。与客户一起使用设计会议，布局通常没有问题。这是我需要帮助的眼睛糖果部分。

【参考方案1】：

简单的矢量图形应用程序可以很好地完成您的想法。它们使用矩形之类的基元，并为您提供基本的操作控制，而不是处理像素本身的巨大痛苦。它们显然也有文本和图像的位置，因此也很有效，

我可以推荐 Adob​​e Fireworks、Adobe InDesign、Microsoft Visio 或 Omni Group OmniGraffle。

【参考方案2】：

我认为这真的要从您的研究和经验开始。没有什么比通过首先创建糟糕的 UI 来学习好的 UI 设计更好的了。我的意思是当你设计和测试它们时对你来说非常有意义的 UI，而且你的用户每天都在搞砸或打电话给你重新培训。我个人对一些我认为现在很糟糕的用户界面负责，但我将它们视为不犯错误的宝贵经验。

如果您收听早期的 *** 播客，Jeff 会在这里谈论很多启发 UI 的原因。实际上，它来自其他网站的灵感，无论好坏。

我还推荐一些阅读，例如 Best Practices for Form Design by Luke Wroblewski 和 The Non-Designer's Design Book by Robin Williams

【讨论】：

我明白你在说什么问题是这些是付费客户。我真的不能告诉他们在我读完一本书后他们会得到那里的产品。 :)

我刚接触到 Infragistics 的 UX 设计模式工具。这至少值得一试。 quince.infragistics.com

【参考方案3】：

如果我想做简单的徽标、按钮等。我通常使用 Adob​​e Fireworks 来创建图形

【参考方案4】：

我使用互联网上可用的 CSS 主题。您可以查看此问题，其中列出了免费css themes。

在互联网上搜索 web 2.0 图标，您将获得许多可在应用程序中使用的免费图标包。

【讨论】：

请注意任何许可要求，例如知识共享等许可中的署名