中国睡眠研究会发布的《2017 年中国青年睡眠现状报告》显示，大约 90% 的人在睡前离不开电子产品。
不知道大家有没有感觉到普通的亮色界面会让我们在夜间使用的时侯感到刺眼，长时间使用会感觉眼睛疼痛，对眼睛的伤害也非常大。（当然睡前不玩手机是最好的解决方法）
所以对于阅读性或者社交娱乐等等 APP，打造夜间模式的功能会让我们得到更好的体验，减少对眼睛的伤害。
夜间模式 UI 与深色风格 UI 的区别
我们平时使用的不少音乐或视频类产品都采用了深色风格 UI 的设计，深色风格 UI 容易承托娱乐类产品的品牌特性以及氛围感。但深色 UI 并没有针对夜间情景下专门去考虑，在白天与夜间情景下都可以使用。
而夜间模式更加针对夜间无照明的情景下设计，更加全面考虑用户在夜间无照明情景下的体验。并且都是由白天 (亮色) 模式切换成夜间模式，兼顾两种模式设计。
当然这里一般会考虑到成本问题，不少产品直接用深色 UI 当夜间模式。不过作为设计师，必须理解二者的不同。
下面我们来了解一下应该如何设计一个夜间模式：
