如何使 GUI 看起来不错 [关闭]答案

【问题标题】：How To Make a GUI look nice [closed]如何使 GUI 看起来不错 [关闭]
【发布时间】：2011-04-27 20:47:53
【问题描述】：

我目前正在设计一个 GUI 来控制一些软件。我正在使用 fltk，但我也可以轻松地使用 Qt 或 Windows 窗体。我有我想要的所有控件，而且它组织得很好，但它看起来很糟糕。是否有任何参考或提示可以使 GUI 看起来不错？

【问题讨论】：

一张图片可以帮助您了解您的意思是难以使用的坏东西还是没有皮肤和光泽的坏东西。
它是专有的，所以我不能显示任何图片。
如果你帮不了我们，我们该怎么办？
参见此处：Any suggestions for a book on user interface design? 结果是您需要遵循您平台的指南。它们提供了有关如何布局 UI 的具体说明，它们会让您的用户立即对您的应用感到熟悉。

标签： user-interface

【解决方案1】：

我能给没有 UI 设计经验的人最好的建议是：让它看起来尽可能像所有其他程序。使用相同的颜色、相同的字体、相同的整体布局。使用带有适当项目的菜单栏。

您可能还想看看问题的答案Easily Digestible UI Tips for Developers

【讨论】：

+1 即使对于具有 UI 设计经验的人来说，这也是一个很好的建议。 很多时候，那些着手构建更好的捕鼠器的设计师会惨败.不一定是因为他们未能构建更好的捕鼠器，而是因为由此产生的界面对目标受众来说并不直观。人们习惯了他们平台的特质。您的应用程序可能是革命性的，但它更可能使他们感到困惑而不是让他们感到惊讶。杰夫拉斯金一生都在为此苦苦挣扎。

【解决方案2】：

关于这个主题有整本书。您可以在亚马逊上搜索“用户界面设计”或类似术语，并找到几个匹配项。或者，请咨询 Microsoft 的 User Experience Guidelines、Apple 的 Human Interface Guidelines 或 GNOME 和 KDE 等开源桌面项目中的类似项目。

最好的经验法则是让它变得乏味——你的应用应该看起来和其他所有东西一样，并尽量不突出。这使人们更容易弄清楚如何使用您的软件。

【讨论】：

【解决方案3】：

如果您需要一些通用指南，可以查看以下内容： http://www.deepsloweasy.com/HFE%20resources/Enterprise%20Wide%20Guiguide.pdf

它不像对不同类型元素的要求那么“好看”，因此 GUI 是可用的（即更多的 UX 而非设计），但该指南可以帮助您组织内容。如果您在 Google GUIDe 上搜索，您可以找到一篇关于如何设计 GUI 以帮助用户专注于重要事项的不错的论文。再说一次，本身并不“好看”。

我经常看到的错误之一是信息过多的表单超载。打破碎片并捕获多种形式可以使 GUI 变得杂乱无章，最终看起来会更好。如果您设置分组框等，您最终可以获得更好的设计。我个人发现使用便笺簿、Visio 或 PhotoShop 可以帮助我完成设计。我在实际放置编程工具中的位之前执行此操作。

【讨论】：