很多人白天工作匆匆忙忙，在晚上才有机会娱乐，因此手机上的各种娱乐向APP都非常的火爆。但与此同时，熬夜玩手机十分的伤眼，为了降低的屏幕亮度减少视觉疲劳，Dark Mode横空出世并且在过去几年越来越受欢迎，成为了市面上主流APPUI设计的必备模式。

1、避免使用纯黑色

夜间模式并不代表就是纯黑色的背景➕纯白色文字，事实上，这样的高对比度往往给读者带来巨大的痛苦。所以，在设计夜间模式的界面时，建议使用深灰色作为背景色，而不是纯黑色。

2、避免使用高饱和度的颜色

饱和度高的颜色在白色背景上看起来很棒，深色背景则不然。会变得难以阅读。所以，为了配合夜间模式，要尽量使用较浅的颜色（200-500范围内的颜色），因为他们更易读。

3、满足可访问性颜色对比标准

为了确保内容在夜间模式下清晰易读，背景必须足够暗以显示白色的文本。蓝橙视觉建议在文本和背景之间使用15.8:1的UI界面设计对比度。

4、文本高亮色

高亮色是出现在组件或关键部分的颜色，通常用于文本。夜间模式的默认高亮色为纯白（#FFFFFF），但是这么明亮的颜色容易造成视觉干扰，所以蓝橙视觉建议使用稍微暗一些的白色。另外，夜间模式下，比较细的文字更友好。因为在深色背景下，文字看起来会更粗。

5、情感化设计

在为现有应用设计夜间模式主题时，作为设计师，你也许会期待：设计所表达的情感与原先的一致。然而我想说：最好不要这样做。因为颜色感知很大程度受到背景色的影响。这意味着夜间模式一定会与日间模式不同，黑暗和光明总会唤起不同的情感。

6、景深

与日间模式一样，设计师在创建夜间模式的UI时，也必须创建层次结构并强调布局中的重要元素。日间模式下，我们一般使用阴影来表示景深，但这在夜间模式中却不好用，因为投影很难在深色背景下被看到。在夜间模式下，背景和组件使用叠加着色。海拔越高，颜色越浅。

以上就是蓝橙视觉关于Dark Mode也就是我们俗称的暗夜模式或者黑夜模式的分享，这些都是手机APPUI设计的必备功能，如果你的APP需要做暗夜模式的话，移动端UI设计公司蓝橙视觉欢迎你们前来咨询。