实例解析夜间模式设计的通用方法

你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方法来分享给大家，相互启发。

我们为什么要做夜间模式？

1. 用户调研显示：57%的用户想要使用夜间模式，71.1%的用户习惯在夜间不开灯看手机

在ISUX北京调研小组的帮助下，我们针对移动端QQ界面夜间模式进行了调研。从2000多份问卷数据中分析发现，用户对夜间模式有明确需求，且多数人在无照明下使用软件。

2. 用户反馈现有界面夜间使用时刺眼，低亮度时界面文字不清晰

调研发现，现有界面用户在夜间使用时感觉刺眼，长时间使用会感觉眼睛疼痛。部分用户认为文字看不清，辨识比较费眼。

3. 用户期望更暗色 、更能保护眼睛的夜间模式设计

从用户对夜间模式的期望来看，他们希望主体界面的颜色更暗，能够更加持久地使用软件。希望我们设计师，能够设计出更加保护眼睛的夜间模式。

我们如何设计夜间模式？

1. 亮度、色彩对比度、通用性色彩是关键，行业趋势倾向低饱和无彩色

1)关注健康人眼特性——亮度的需求

首先引入尼特值(nit)，它是用于量化亮度强度的专业术语，其意思每平方米烛光的强度：1nit=1坎德拉/平方米;

白天，人的眼睛能适应亮度的值高于3.4尼特;

夜晚，主体颜色接近0.034 尼特，最亮元素低于3.4尼特的亮度眼睛会比较舒适。

2)关注弱视、色盲色弱人群——对比度、色彩通用性的需求

老人或视力弱的人群对于对比度的要求较高，容易看不清文字，应该选择更为合理的对比度。色弱人群和我们看到的颜色存在区别。 所以后续选择色彩度时，应该选择更具通用性色彩设计的方案。

3)行业趋势——减少极端色，无彩色居多

从行业趋势来看，2016年，Google Material Design 和 iOS 相继推出了夜间模式和深色主题设计及护眼模式。从其他权威网站中也发现许多深色界面的设计。最终整理得出，界面主体倾向无色彩，黑色居多。柔和、低饱和度色彩可以增加用户长时间观看界面的舒适度。