网站设计开发人员很少在人性因素、生物工程、人机交互或者人类感知方面受过专门训练。结果导致Web上到处充斥着利用微小的色差传达重要信息的网站。这类网站给许多用户带来麻烦,有几个原因:
·色盲 普通人群中,相当比例的人有不同程度的色盲。大约有10%的男性是色盲,尽管女性的比例非常低,但是也不为零。色盲是指不具备区分某种颜色的能力。色盲中最常见的是红绿色盲,第二位是蓝黄色盲,它与前者数量相当甚远。
·区分浅颜色的能力很差 对于所有的人来说,两种颜色越浅(饱和度低),就越难区分。
·颜色显示间的变化 各种计算机显示器显示颜色不一样,在一台显示器上看到某物是黄色的,在另一台湾看到可能是米色。在一台显示器上明显不一样的颜色,在另一台上可能几乎相同。
·灰度显示 随着个人数字化助理(PDA)、移动电话和其他用于访问Web的设备越来越多,显示网站的显示器的灰度级将增加。
·显示的角度 一些计算机显示器,尤其是液晶显示器(LCD),直接观看的效果比从某个角度观看的效果好。当从某个角度观看LCD显示器时,颜色和色差经常发生变化。
颜色充当导航助手
一个基于微小色差的典型例子来自ITN.net 网站(美国快递的在线旅游帮助)。网站允许消费者预约航线,这需要几步完成。一旦开始预约航线,网站在页面顶部显示所有步骤,而且用另一种颜色标记当前步骤。问题是标记当前步骤的颜色太浅了,许多人由于视觉的原因或者显示器的缘故无法看到,你能看到吗?
或许在Web 上颜色最常用来区分未访问的链接的已访问的链接。在前面章节已经讨论过,当网站中的链接被访问颜色不发生变化,违反了一个禁忌。如果网站为未访问链接和已访问链接设置了不同的颜色,那么它在技术上避免了上述禁忌。但是,如果两种颜色十分相似,用户无法区分,那么这个网站违反了色差太小的禁忌。
例如Connectix.com网站中的导航条。你能说出哪两个链接已经被访问过吗?这两种颜色不仅太相似,而且惟一带颜色的文本字符,字体非常细,因此没有为颜色显示提供更多的空间。色块越小颜色越难区分,但是这一点并没有被Web设计人员和开发人员广泛了解。结果是网站中带颜色的线粗一像素,带颜色的文字采用小字体而且不加粗,造成颜色无法区分。
Web正文的颜色
前面基于微小色差的例子关系到网站中的导航,颜色也经常用于而且是滥用于传达Web正文的信息。
芝加哥联邦储备银行的网站提供了一幅图,该图显示最近几年短期利率如何波动。实际上,图中绘制了三种利率:联邦基金利率,折扣利率和三个月短期债券(T-bill)利率,每种都用不同的颜色绘制。问题是一些访问者区分颜色困难,特别是红色与蓝色造成这个问题的原因是图例中显示的色块太小,对于许多人没有意义。
解决之道
可以使用两种方法来避免“基于微小色差”禁忌,每种方法针对禁忌的一个关键条件。
1.不要只依赖颜色。将颜色与其他提示一起使用,如果你使用颜色标记某物,那么同时也用其他方式做标记。
2.避免使用微小的色差。使色差足够大,以便能够明确地加以区分。颜色在饱和度,亮度和色调上不同。检测颜色差别是否足够大的一种方法是,用黑白打印机打印出来,如果你无法区分打印出来的颜色,那么颜色的区别就不够大(Brinck, Gergle和Wood,2001)。
按照这些准则,我加强了ITN.net网站中当前步骤的标记。我没有单纯依赖颜色,而是既使用了颜色,也在当前步骤号和名称周围添加较粗的轮廓,因此即使色盲的人也能够看到当前的步骤。同时我使用了深黄色代替米色作为标记颜色,来引起用户的注意。
在芝加哥联邦储备银行网站中的另一幅图中,使用灰度“色”显示美国各地区平均人均收入。这是一幅设计很好的图,任何视力的人都能够阅读,甚至色盲的人,使用黑白显示器的人和使用劣质显示器的人都没有问题。
相关主题:
Web设计中关于颜色的问题
网页设计中色彩的较好运用会使网页更加光彩
设计网站的按钮颜色
请拨打热线:0571-86586571

