最佳颜色组合是什么,以提高可读性、易用性和减少眼部疲劳?

21

我正在尝试为一个新的网站项目挑选最佳颜色组合。

我想在主要内容上采用传统的黑白配色风格。然而,我的合作伙伴希望采用更像传统Windows Forms的颜色组合。

是否有关于最佳颜色组合的研究可供参考,以提高可读性、易用性和减少眼部疲劳?


2
无论你选择什么颜色,我建议你实现一些可变的东西,无论是用户界面还是配置文件中的注释,确保它们不是不可能改变的。你可能会发现你的用户群比普通人更喜欢柔和的颜色。或者他们对褐红色感到冒犯。始终能够更改你的配色方案。 - DevinB
9
这与编程有关,应该在这里发布。颜色方案是可用性和人机交互的一部分,而可用性和人机交互又是软件工程的一部分,软件工程的主题直接影响软件开发。 - Thomas Owens
4
同意,用户交互肯定是编程范围内的主题之一。 - Danny
7
又是纳粹主义的紧密思维方式的另一个例子。 - Tim
2
适用于 http://ux.stackexchange.com/ - Robaticus
显示剩余3条评论
11个回答

6
  • 以下是一些关于色盲或视障人士的配色技巧提示研究
  • 如果您想使用互补色或超过两种颜色,请参考这些很好的指南[pdf]
  • 这里有一些来自NIST的工具,可以自动评估网站的可用性。

如果以上内容无法满足您的需求,此页面提供了比整个塞尔达系列更有用的链接。


8
具有讽刺意味的是,这些链接让我的眼睛感到不适。 - cwap
我猜他们想让你过一遍,这样你的读者就不用自己看了 :P - Daniel F. Thornton
@Meeh是正确的;特别是最后一个链接太糟糕了。它关于用户界面设计和可用性的事实非常具有讽刺意味。 - Andrew
+1 传说中的塞尔达参考。 - Akshat Jiwan Sharma
您提供的一些网页超链接现在已经失效。internotredici.comjfly.iam.u-tokyo.ac.jp 不再是有效的网址。下次,建议您不要提供链接,而是直接将内容放在您的Stack Overflow答案中。我建议您从网页中复制并粘贴几个您喜欢的句子到您的Stack Overflow帖子中,以引用格式化为一个块引用,并在块引用的底部加上引用来源。 - undefined

4
我建议使用Kuler来确定网站使用的颜色方案。如果您在该网站上搜索“Windows”,您将得到一些Windows方案,您可能想使用...... 一般而言,从营销角度看,白色背景比具有特定颜色的背景更受欢迎。

2

你可能还可以考虑使用颜色匹配工具

我使用它并发现它非常有用,可以找到使你的文本易读且设计合理的互补颜色。


1
我读了一篇研究的文章,得出结论:特定颜色方案的易读性取决于受试者的个性。实际上,研究发现,有些阅读障碍者一旦在书页上放置一种颜色滤镜,就立刻能阅读更快了。我建议您选择一个您认为最容易看的颜色方案,并选择合适的字体大小。需要避免的是黄色。同样的研究发现,黄色通常会使大多数人感到不舒服,即使您觉得它很容易看,您的受众可能不会这样。有些人发现深色背景更容易看,但如果您的受众尚未使用自己的颜色方案,您的网站将被视为麻烦,因为大多数网站都是暗色系。

1

我发现白色会严重刺激我的眼睛。

当涉及到大量的文本时,我通常更喜欢黑色或浅灰色的底色。这样可以保证阅读清晰,同时不会过度刺激视网膜。


+1 我也觉得黑白对比太强会让眼睛疲劳,就像在强烈的阳光下看雪一样。我倾向于将背景调整为中灰色。在我的集成开发环境中,我使用黑色背景,并使用大多数中等深浅的颜色来显示文本。 - RobH

1

您可以随时检查您的决策,以确保它们符合ADA标准。这是一个很好的start


1

对我来说,黑色文字在米白色背景上很适合。桌面上不要有背景图像或颜色。


0

Windows Forms的外观只会吸引喜欢这种样式的访问者。所以,和所有Mac、Linux和其他Windows的反对者说再见吧。

就个人而言,我更喜欢黑白配色。


0

一些资源可以解释这个主题。

通常情况下,你应该避免使用黑色背景和白色文本,这会让很多人感到烦恼。


0

过去我非常喜欢Turbo Pascal 7的默认配色方案:蓝底黄字。虽然我不确定它在科学上的相关性,但我认为它比白底黑字更好。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接