夜间模式设计方法（上）：五项设计原则

原文链接

一、五项设计原则

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）的要求。