一、五项设计原则
1.关注特殊人群,保证色彩通用性
即,尽可能降低色弱人群所看见的颜色和一般人所看见的颜色的差异。
颜色检验工具:Sim Daltonsim for Mac
2.低亮度、低饱和颜色
低亮度,低饱和,但避免黑色。
色彩亮度计算公式:0.299*R+0.587*G+0.114*B=Y
(Y为亮度,Y越接近0,亮度越低)
3、界面呈现低尼特值
尼特值检测工具:屏幕亮度测试仪
无光照时,屏幕自动调至最低亮度,主体背景颜色在屏幕上呈现的亮度应该接近0.034尼特,界面中最亮元素应该尽量低于3.4尼特,才能让用户更加持久舒适地使用。
4.对比度(文字、元素、背景等)清晰
对比度检测工具:Colour Contrast Analyser
文字与背景色对比度:3:1~4.5:1
元素(头像、图片等)与背景色对比度:3:1~7:1
5.必要时为过亮元素添加黑色透明度遮罩
元素如果不能满足亮度和对比度(3:1-7:1)的要求,需要在其上方添加黑色透明遮罩(不透明度40%-50%),从而降低对比度和亮度,使界面元素的亮度尽力满足对比度(3:1-7:1)的要求。