5.1.3　字体颜色

网站上字体的颜色设定和网页本身的背景色息息相关，朱祖祥和曹立人的研究^[1]中发现：良好的目标色和背景色的使用，能够显著提升操作绩效。原则上，字体的设计首先要增加文字的可辨识度和可阅读性，提高阅读速度，其次需要适应长时间的操作，提高眼睛的舒适度，降低视觉负担。

1.增加对比度

为了增加文字的可辨识度和可读性，首先字体颜色与背景色需要有一定的对比度，使字体从背景中跳出来。朱祖祥和曹立人、王安祥以及陈明德等人的研究都表明：文字和背景色如果有较高的对比度，用户的操作绩效就越好。

目前已经有很多研究对不同的颜色组合进行测试，如果光从可辨识度来讲，网页上较适合使用的对比包括白色/黑色、白色/蓝色、黄色/黑色、紫色/白色、黑色/浅紫等对比较大的组合。

朱祖祥和曹立人（1994）研究证明：当目标/背景颜色组合为白色/黑色、黄色/黑色、绿色/黑色等对比较大的组合时，效率较佳，其中绿色/黑色效果较差。

也有研究拿目前网站上常用的字体和背景色组合进行了研究^[2]，主要包括白底黑字、白底蓝字、白底紫色字体、浅紫背景黑文字、黄背景黑文字5种，其中搜索正确率从高到低依次是，黄背景黑文字、白底黑字、白底紫色字体、浅紫背景黑文字、白底蓝字。

另一项研究以黑底白字、蓝底白字、黑底绿字、黑度橘色字、黑底金黄色字等5种组合进行了研究，结果指出，黑底白字最优，其次为蓝底白字。

Chung等人（1987）发现以下5种组合方式对比度都较高，文字的可识别度都较高，但是也有优劣之分，顺序依次为：蓝底白字、黑底琥珀色、黑底白字、黄底白字、白底黑字。

从以上研究发现，较适合的组合包括蓝底白字、黑底琥珀色、黑底白字、黄底白字、白底黑字。

2.应该规避的颜色组合

在研究中发现红色、蓝色等会影响到视觉的舒适度。红绿颜色的组合会降低视觉绩效。所以应该规避的颜色组合包括：蓝底红字、红底蓝字或者黑底红字与黑底蓝字、绿底红字、黑底绿字等。

Weston在1954年曾指出眼睛对于红色光线需要较多的视觉调试，Kinney等人（1983）提出红色光线可能产生较多疲劳的趋势，NRC1983的报告中建议：慎重使用红色、蓝色搭配，因为它会造成眼睛对颜色的错乱。

Mahnke等人在1987年提到互补色的设计容易造成伤害；并且发现在黑色背景上使用红色和蓝色的文字，会导致较低的阅读绩效与不舒适感，最坏的情况为蓝底红字、红底蓝字或者黑底红字与黑底蓝字。Matthews在1987年发现以蓝色或红色显示文字比以绿色、黄色或白色显示文字的搜索速度略慢；同时在视觉疲劳方面，蓝色与红色将使得用户感觉较不舒适并产生较多的疲劳症状。

王安祥在研究中发现绿底红字效果与黑底白字、蓝底白字、蓝底黄字及白底黑字之间有显著差异^[3]。屏幕为绿底红字时的视觉绩效显著低于黑底白字、蓝底白字、蓝底黄字及白底黑字。

如目前主要门户网站使用的均是白底黑字或者白底蓝字。门户网站由于文字量很大，背景色不宜过于明显和突出，而白底黑字或者白底蓝字对比度显著，能够提高用户的阅读速度和视觉舒适度。如网易采用了纯黑字体，新浪和搜狐使用了深蓝色，腾讯改版之后将首页大部分字体由白底黑字改成了深灰色。

对比度高固然是一个因素，颜色的组合是否符合用户的视觉审美也非常重要，需要综合考虑以上因素，选择网站适合的组合。

[1]参见《目标-背景色的配合对彩色CRT显示工效的影响》，朱祖祥、曹立人，心理学报，第26卷第2期，128-135（1994）。

[2]参见《屏幕类型、文字/背景色彩组合及中文字型对使用者视觉绩效及视觉疲劳的影响》，王安祥、陈雨。

[3]参见《屏幕文字/背景色彩组与相关作业特性对视觉绩效与视觉疲劳影响的研究》，陈明德。