网页文字和背景的配色方案

作者：潍坊设计 新版网址：http://www.536123.com/knowledge/knowledge_20100627.htm

选择正确的颜色对比，连同正确的字体和大小，才能确保网站的易辨认性和易读性，才能让用户得到更好的体验。在线阅读要比在纸上阅读更加困难。具有高对比度的文字和背景颜色会是阅读容易一些。

潍坊设计www.536123.com在工作中总结出，在白色背景或其他类似的颜色上显示黑色的文字是最容易阅读的。一般来说，黑色对于文字是最好的颜色，而冷色调和不饱和色对背景来说是最好的颜色。

尽管黑底白字同白底黑字有同样的对比度，但黑底白字的易读性却不是那么高，尤其是当文字比较小时。白色字的边缘会显得模糊，质量不好的显示器尤为明显。如果无法避免深色的背景，你可以通过选择黑色之外的某个深色来减轻这个问题。尽管对比度要稍微低一些，但其模糊程度将会有所减轻。

要避免在白色的背景上显示浅色，如浅灰色。较低的对比度会引起眼睛的疲劳和不适。这个问题对于那些视力不好的人就更严重了。

在使用具有振动效果的颜色组合时要小心，比如紫色和黄色。尽管从技术上来说这些颜色的对比度很高，但这些比较明亮的颜色给计算机上的文字带来一种振动的效果，这使得它很难阅读。测试方法很简单，你自己盯着屏幕看上几分钟，如果感到不适，那就换一种配色方案。

没有什么比一个杂乱的背景更能导致新手用户无法忍受得了。注意一定不要那样做。他不仅看上去很糟糕，而且在杂乱的背景上显示文字会降低易读性。不要让自己和观众感到头疼。

常见的色盲

要记住，大约有8%的男性和0.5%的女性都有某种形式的色盲，这使得他们无法区分一些特定的颜色。红绿色盲是最常见的，他们无法区分位于可见光谱范围内从中波导长波部分的颜色。

在网站建设时，当颜色被用来表达某种意义时，你应当让所有的人能够感知。例如在绿色背景上显示红色文字，会使得一些人无法阅读，因为他们会感觉到背景颜色和文字颜色是一样的。如果使用颜色来区分的时候，尽量提高各种颜色之间的对比度。有一个简单的方法来进行测试，可以把网页抓屏，然后到PS里面把饱和度降到最低，这是屏幕会变成灰色，如果这时还能够区分各种颜色，那网页的配色就没有问题。如果某两种颜色无法分辨了，那就把两种颜色的对比度提高。