设计 GUI 的重要技巧？[已关闭]

好吧，我个人遵循这些简单的规则：

• 在整个应用程序中保持一致 不要改变行为/布局
• 信息流：从上到下，从左到右（在西方国家）
• 页面上没有太多的信息（如ppt演示文稿）
• 大字母（所以老年人也可以阅读它们）
• KISS（任何可以使用视频录制者的人都可以使用此页面/表单/等）
• 使用令人放松的颜色，如蓝色，绿色等（不是亮红色或霓虹粉红色）
• 结构（当然可以改变，但作为初稿，它主要是）：
  • 顶部 -> 导航/菜单
  • 左 -> 导航/信息
  • 中间>内容
  • 底部 -> 状态
  • 右下角 -> 按钮

我曾经从一位熟练的GUI技术主管那里得到了一个相当具体的提示：

当您有一个包含按钮，文本字段，列表等的对话框/表单时，请尝试保持它们之间的空间一致和对称。例如，尝试在所有方向上使用相同的小部件之间的距离，如果通过增加组之间的空间将一组小部件与另一组小部件分开，请尝试使该空间成为组内控件之间空间的副本。例如，如果一个部分中的所有按钮在所有方向上都相隔 16 个像素，请尝试将更大的空间设置为下一组 32、64、128 个左右的像素。

对于人眼来说，解释一些与独特对称性相关的事物要舒服得多。

自从我尝试以来，我总是使用这种方法，效果非常好。我甚至回去重新设计了旧的GUI，并惊讶地看到这种调整的这种改头换面。

编辑：

忘了提一下我从上述方法中学到的一个重要教训：

当您根据此系统排列所有小部件时（特别是在重新处理旧的杂乱的GUI时），您可能会耗尽空间，并且您的对话框需要膨胀。在某些时候，人们可以感觉到对话框变得太大（例如，阻止相关的背景GUI或相关的小部件最终彼此相距太远）。这可能是一个很好的指标，表明您应该将对话框拆分为选项卡，将内容移动到菜单中，或者只是将其制作成向导式的概念等。

这与小部件间距无关，但触及了用户在任何给定时间与之交互的“少即是多”的主题。有趣的是，当你开始把事情做对时，它会“涟漪水”，有时迫使你把更多的事情做好（有点像修复const正确性:p）。