html – 考虑监视器之间的色差

概述我不确定这个问题是否还有其他类别,所以如果您觉得其他地方合适,请移动它. 我的网站上有一个微妙的灰色边框.对我来说,它在我的屏幕上看起来不错.然而,我已经在朋友家和图书馆的其他屏幕上测试了它,并且它看起来要么太暗(使它看起来很丑)或太亮(使它几乎看不见). 我正在使用HTML / CSS.有没有办法解释这个？ 您可以校准显示器,但您永远不知道其他人如何看待您的网站.两个要点是： >您不知道您的观众 我不确定这个问题是否还有其他类别,所以如果您觉得其他地方合适,请移动它.

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

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

解决方法 您可以校准显示器,但您永远不知道其他人如何看待您的网站.两个要点是：

>您不知道您的观众有多好(或差)监视器,以及它们是否经过适当校准.
>您不知道所有观众是否都有完美的视力,因此他们可以检测到细微的颜色变化(如果显示器能够首先显示变化).此外,您网站的某些访问者可能会以这种或那种方式失色.

如果我们假设人们至少有一些体面(未经校准)的监视器,我们可以通过评估网站的颜色对比来检查网站的可读性和可访问性.您不应该使用微妙的颜色更改来更改网站文本的语义 – 必须考虑到差的监视器和/或视力不佳.

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

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

> http://www.paciellogroup.com/resources/contrast-analyser.html
> http://juicystudio.com/services/luminositycontrastratio.php
> http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php

还有一篇文章.

> http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/

还有一些让我们想起色盲民谣的东西.

> http://colorfilter.wickline.org/
> http://www.vischeck.com/vischeck/vischeckImage.php
> http://snook.ca/technical/colour_contrast/colour.html

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

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

> http://colorusage.arc.nasa.gov/blue_2.php
> http://www.bestwebimage.com/archives/blue-text-on-black-background-bet-on-complaints/

纯娱乐.测试你自己：

> http://colorvisiontesting.com/online%20test.htm
> http://colorvisiontesting.com/ishihara.htm
> http://www.opticien-lentilles.com/daltonien_beta/new_test_daltonien.php

谷歌“色盲测试”更多.

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

> Web可访问性验证：http://www.cynthiasays.com/
> http://www.accessifyforum.com/
> http://lists.w3.org/Archives/Public/w3c-wai-ig/
> windows屏幕阅读软件(使用VoiceOver for Mac)：http://www.freedomscientific.com/products/fs/jaws-product-page.asp

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

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

总结

以上是内存溢出为你收集整理的html – 考虑监视器之间的色差全部内容，希望文章能够帮你解决html – 考虑监视器之间的色差所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。