UI设计素材干货模板|手机app夜间模式相关素材

夜间模式最大的作用就是在夜晚长期使用手机时保护眼睛、减少用眼疲劳。

也就是说如果该项目的产品，用户大多有夜晚使用的需求，那么就要为其增加夜间模式。

常见的有资讯类、阅读类、音乐播放类产品。

夜间模式的切换方式

为了区分日间与夜间模式，一般会添加夜间模式与日间模式的切换，常见的切换方式有列表开关、图标切换以及自动切换与提示。

01.列表开关

列表开关切换主要放置在个人中心列表页或是设置列表页中，日间夜间的切换方式使用开关组件，默认夜间模式关闭，点击即可打开。

 

计算器UI夜间

02.图标切换

图标切换常见的有四种不同的放置位置，分别是宫格布局功能图标、顶部导航栏图标、内容详情页图标、侧边栏底部图标。

 

 

夜间应用程序图标

03.自动切换与提示

自动切换与提示夜间模式是更智能的一种方式，产品会设置一个默认时间段（多为夜间十点到次日早晨六七点），在固定时间段内，会自动进入夜间模式或是打开APP时弹窗询问用户是否开启夜间模式。