用户界面 - 颜色和布局

题

虽然我对 Web 应用程序信息特别感兴趣，但我对桌面应用程序开发也有些好奇。这个问题是由我在个人网站上的工作以及我的工作所驱动的，我在工作中开发了一些功能，但将其留给其他人来集成到网站的外观和感觉中。

对于配色方案、布局、格式等，是否有任何指南或经验规则？我希望确保访问者的可读性和清晰度，但同时又不乏味和沉闷。

至于我在这方面的知识 - 如果你给我一张图片，我有足够的知识在屏幕上重现它，但如果你让我设计一个新的界面或重新设计现有的界面，我不知道从哪里开始。

解决方案

通常，每个操作系统都有用户界面指南。对于 Windows，有一个看这里. 。（编辑：该帖子中的链接已损坏。但是搜索“用户界面指南“ MSDN 上有关于所有内容的文章）

苹果也有自己的。另外，您可能想保留可达性心里。

其他提示

检查颜色是否具有良好对比度的一个技巧是拍摄它的快照并转换为灰度。如果你看不懂某些东西，那么颜色肯定选错了。

另外，虽然这与用户界面无关，之前和之后杂志可以给你一些关于颜色、设计和相关主题的很好的提示。它甚至还有一些免费的 pdf 可供下载。

这本书设计界面, ，Jenifer Tidwell 有一整章讨论这个主题（第 9 章，摘录可在线访问）。整本书都值得推荐。

对于网页用户界面，我要大胆地说网页设计中最重要的颜色是白色，或“浅色”。这是您可以在其上放置密集内容的颜色。

当涉及到您的主要内容区域时，始终是深色文本、浅色背景。

布局中最重要的规则是空白。让内容呼吸。

遵循这两个简单的规则比大多数“用户界面可用性”指南更有价值。

顺便说一句，微软的用户界面指南（总的来说）很糟糕。阅读 Jakob Nielsen，看看 Apple 的设计美学，但远离 MS“中性灰/蓝色 crunchbox”12 步向导 10pt 文本 UI 哲学。

（我是作为一名长期的 MS GUI 程序员这么说的）

我很难找到搭配在一起的颜色，所以我作弊并使用大部分是我想要的颜色（例如绿色）的大自然图片，然后我使用这个网站拉出主要配色方案。一般来说，大自然在设定自己漂亮的配色方案方面做得非常好。

使用高对比度的颜色组合；白底黑字是高对比度组合的最佳示例。

不好的组合是红色背景上的绿色文本。这对于色盲人士（比如我自己）来说太可怕了。

看看您的网站对于色盲人士来说是什么样子： colorfilter.wickline.org

对于桌面应用程序：无论你做什么，都不要使用手工挑选的颜色。坚持使用命名的系统颜色，例如“窗口背景”、“菜单文本”等。否则，依赖操作系统辅助功能的人将被您的颜色选择锁定（例如，无法选择高对比度主题），而喜欢自定义桌面主题的人会认为您的应用程序很丑陋。

以下是一些简单的实用指南，供您参考版式. 。这些东西主要解决可读性和可访问性问题。

应做：

不要：

许可以下： CC-BY-SA 和归因