考虑显示器之间的色差

时间:2012-04-09 15:28:41

标签: html css colors

我不确定此问题是否还有其他类别,所以如果您觉得在其他地方合适,请移动它。


我的网站上有一个微妙的灰色边框。对我来说,它在我的屏幕上看起来不错。但是,我已经在朋友家和图书馆的其他屏幕上测试了它,通常它看起来太暗(使它看起来很丑)或太亮(使它几乎看不见)。

我正在使用HTML / CSS。有没有办法解释这个?

2 个答案:

答案 0 :(得分:3)

您可以校准显示器,但从不知道其他人如何看待您的网站。两个要点是:

  1. 您不知道您的观众有多好(或差)监控,以及他们是否经过适当校准。
  2. 您不知道所有观众是否都有完美的视力,因此他们可以检测到细微的颜色变化(如果显示器能够首先显示变化)。此外,您网站的某些访问者可能会以这种或那种方式失色。
  3. 如果我们假设人们至少有一些体面(未经校准)的监视器,我们可以通过评估网站的颜色对比来检查网站的可读性和可访问性。您不应该使用微妙的颜色更改来更改网站文本的语义 - 必须考虑到差的监视器和/或视力不佳。

    用于显示照片或艺术品的视觉网站是另一回事。不确定你是否想要给每个人留下深刻的色彩变化,或者你知道你的观众是那种拥有优秀显示器的人。我想不是因为你使用随机电脑测试了你的颜色选择:这就是随机的人们一个接一个地看到你的网站的方式(不考虑视力)。

    只是google例如“颜色对比分析仪”。几下随机点击下面。

    还有一篇文章。

    有些东西可以让我们想起那些色盲的人。

    这很重要,所以我再说一遍:你永远不会知道人们如何看待你的网站。您只需要确保一切都是可读和可访问的。

    如果您担心其他人的显示器,您可以提供链接或测试图像,这样他们就可以看到他们的显示器是否能够显示微妙的颜色变化。例如,Dpreview在每个评论页面上都有一个测试图像。这对技术网站来说是可以接受的,但它可能会破坏艺术网站上的用户体验。可以从Lagom's页面找到测试图像的想法。所有这些对于增强网站的艺术体验非常有用 - 即用户知道他看到了艺术品中最深的黑色,而不仅仅是应该有颜色变化的纯黑色 - 但是真实的(文本)信息应该始终清晰可见(对比文本和背景之间的比例必须足够)。例如见:

    只是为了好玩。测试你自己:

    谷歌“色盲测试”了解更多。

    Accessibilty是另一个主题(除了颜色谈话)。对于需要为使用屏幕阅读器等的人编码网站的人来说,很少有其他链接。(顺便说一句,我的理解是,在美国政府网站必须遵守508条款http://www.section508.gov/。芬兰没有这样的事情,我们的公共部门网站吸引了大量时间,而不仅仅是可访问性......)

    最后的想法。将内容与演示文稿分开是(几乎)所有内容的关键。不要使用表格进行布局,不要使用内联HTML样式:使用CSS。编写有效的HTML代码,不要使用弹出窗口和花哨的效果。至少不要依赖它们(规则总是有例外......)。记住优雅降级:http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/

    抱歉(几乎是offtopic)更新咆哮。让我们不要设计很酷的网页,让我们确保每个人都可以使用这些内容。

答案 1 :(得分:1)

据我了解,当专业人士从事色彩敏感工作时,他们必须校准他们的显示器,以便他们能够确定他们所看到的内容。除非您可以跟踪您在特定操作系统或浏览器中看到的颜色差异,否则我认为您无法做很多事情(除非您希望让用户进行浏览器内校准并动态调整颜色!)

相关问题