如何选用网站字体颜色
美工设计 字体颜色 界面设计
2012-06-12
上传概要
网站上字体的颜色设定和网页本身的背景色息息相关。良好的目标色和背景色的使用,能够显著提升操作绩效。原则上,字体的设计首先要增加文字的可辨识度和可阅读性提高阅读速度。其次需要适应长时间的操作,提高眼睛的舒适度,降低视觉负担。如何增加对比度?应该规避哪些颜色组合?
网站上字体的颜色设定和网页本身的背景色息息相关。良好的目标色和背景色的使用,能够显著提升操作绩效。原则上,字体的设计首先要增加文字的可辨识度和可阅读性提高阅读速度。其次需要适应长时间的操作,提高眼睛的舒适度,降低视觉负担。
1.增加对比度。为了增加文字的可辨识度和可读性,首先字体颜色与背景色需要有一定的对比度,使字体从背景中跳出来。文字和背景色如果有较高的对比度,用户的操作绩效就越好。目前已经有很多研究对不同的颜色组合进行测试,如果光从可辨识度来讲,网页上较适合使用的对比包括白色/黑色、白色/蓝色、黄色/黑色、紫色/白色、黑色/浅紫等对比较大的组合。当目标/背景颜色组合为白色/黑色、黄色/黑色、绿色/黑色等对比较大的组合时,效率较佳,其中绿色/黑色效果较差。黑底白字最优,其次为蓝底白字。以下5种组合方式对比度都较高,文字的可识别度都较高,但是也有优劣之分,顺序依次为:蓝底白字、黑底玻拍色、黑底白字、黄底白字,白底黑字。
2.应该规避的颜色组合:红色,蓝色等会影响到视觉的舒适度。红绿颜色的组合会降低视觉绩效。所以应该规避的颜色组合包括:蓝底红字、红底蓝字或者黑底红字与黑底蓝字、绿底红字、黑底绿字等。红色光线可能产生较多疲劳的趋势。慎重使用红色、蓝色搭配,因为它会造成眼睛对颜色的错乱。互补色的设计容易造成伤害;并且发现在黑色背景上使用红色和蓝色的文字,会导致较低的阅读绩效与不舒适感。最坏的情况为蓝底红字、红底蓝字或者黑底红字搜索速度略慢;同时在视觉疲劳方面,蓝色与红色将使得用户感觉较不舒适并产生较多的疲劳症状。绿底红字效果与黑底白字、蓝底白字、蓝底黄字及白底黑字之间有显著差异。屏幕为绿底红字时的视觉绩效显著低于黑底白字、蓝底白字、蓝底黄字及白底黑字。如目前主要门户网站使用的均是白底黑字或者白底蓝字,门户网站设计由于文字量很大,背景色不宜过于明显和突出。而白底黑字或者白底蓝字对比度显著。能够提高用户的阅读速度和视觉舒适度。对比度高固然是一个因素,颜色的组合是否符合用户的视觉审美也非常重要,需要综合考虑以上因素,选择网站适合的组合。
>>本文由阳拓品牌编辑供大家探讨交流,转载请注明出处。