策略型品牌整合设计提供商

收藏本站

品牌咨询: 0755-86191023  13825221395

整合设计全案  |  vi设计  |  标志设计  |  网站设计/托管  |  空间设计  |  物料设计

分享到

如何选用网站字体颜色

标签:

美工设计 字体颜色 界面设计

2012-06-12

上传

概要

网站上字体的颜色设定和网页本身的背景色息息相关。良好的目标色和背景色的使用,能够显著提升操作绩效。原则上,字体的设计首先要增加文字的可辨识度和可阅读性提高阅读速度。其次需要适应长时间的操作,提高眼睛的舒适度,降低视觉负担。如何增加对比度?应该规避哪些颜色组合?

网站上字体的颜色设定和网页本身的背景色息息相关。良好的目标色和背景色的使用,能够显著提升操作绩效。原则上,字体的设计首先要增加文字的可辨识度和可阅读性提高阅读速度。其次需要适应长时间的操作,提高眼睛的舒适度,降低视觉负担。
1.增加对比度。为了增加文字的可辨识度和可读性,首先字体颜色与背景色需要有一定的对比度,使字体从背景中跳出来。文字和背景色如果有较高的对比度,用户的操作绩效就越好。目前已经有很多研究对不同的颜色组合进行测试,如果光从可辨识度来讲,网页上较适合使用的对比包括白色/黑色、白色/蓝色、黄色/黑色、紫色/白色、黑色/浅紫等对比较大的组合。当目标/背景颜色组合为白色/黑色、黄色/黑色、绿色/黑色等对比较大的组合时,效率较佳,其中绿色/黑色效果较差。黑底白字最优,其次为蓝底白字。以下5种组合方式对比度都较高,文字的可识别度都较高,但是也有优劣之分,顺序依次为:蓝底白字、黑底玻拍色、黑底白字、黄底白字,白底黑字。

2.应该规避的颜色组合:红色,蓝色等会影响到视觉的舒适度。红绿颜色的组合会降低视觉绩效。所以应该规避的颜色组合包括:蓝底红字、红底蓝字或者黑底红字与黑底蓝字、绿底红字、黑底绿字等。红色光线可能产生较多疲劳的趋势。慎重使用红色、蓝色搭配,因为它会造成眼睛对颜色的错乱。互补色的设计容易造成伤害;并且发现在黑色背景上使用红色和蓝色的文字,会导致较低的阅读绩效与不舒适感。最坏的情况为蓝底红字、红底蓝字或者黑底红字搜索速度略慢;同时在视觉疲劳方面,蓝色与红色将使得用户感觉较不舒适并产生较多的疲劳症状。绿底红字效果与黑底白字、蓝底白字、蓝底黄字及白底黑字之间有显著差异。屏幕为绿底红字时的视觉绩效显著低于黑底白字、蓝底白字、蓝底黄字及白底黑字。如目前主要门户网站使用的均是白底黑字或者白底蓝字,门户网站设计由于文字量很大,背景色不宜过于明显和突出。而白底黑字或者白底蓝字对比度显著。能够提高用户的阅读速度和视觉舒适度。对比度高固然是一个因素,颜色的组合是否符合用户的视觉审美也非常重要,需要综合考虑以上因素,选择网站适合的组合。
>>本文由阳拓品牌编辑供大家探讨交流,转载请注明出处。

与本文相关的文章

    网页界面设计版面构成法则

界面设计 美工设计 版面构成

    如何设计出良好的网页界面

界面设计 美工设计 网页设计

    解密网站设计原则

网站设计 设计原则 常用方法 美工设计

    vi在网站中的完美体现

vi设计 网站设计 网页设计 美工设计

    色彩与网站风格的关系浅析

网站色彩 美工设计 网站设计

    走近网页界面设计流行趋势

界面设计 美工设计 网页设计 流行趋势

    关于品牌标志的陈旧问题

标志设计 logo设计 标志优化 标志修改

    关于设计不统一

整合设计 品牌整合 阳拓 统一设计
深圳阳拓 | 品牌整合设计提供商,您理想的品牌战略合作伙伴
人才招聘设计师招聘
阳拓是2005年创立于深圳的品牌整合设计公司,为全国各行业提供公司vi设计、公司logo设计、公司标志设计、企业vi设计、企业logo设计、企业标志设计、品牌命名、商标设计,是专业logo设计、vi设计、标志设计、网站设计、店面设计和画册设计的设计公司,深圳广告公司,品牌设计公司。