驭梦科技-政企信息化服务提供商
0531-85151617

济南手机app开发深色模式设计方法

更新时间:2022-08-23      作者:管理员      人气:100

想要对眼睛起到一定的保护作用,很多系统都会应用日间模式和夜间模式,夜间使页面变暗能对眼睛起到一定的保护作用。人们对于眼睛保护是下意识的,一般到晚上就会切换夜间模式。手机APP开发夜间模式设计有很多种类,下面给大家介绍一下济南手机APP开发夜间模式常见设计方法。

1、页面变暗效果:页面处于底层,顶部再加一层黑色透明的蒙版,能达到让整个页面变暗的效果,这种方法能让页面层级在一定程度上变得模糊,视觉感会稍微差点。
2、该背景色以及文字字体颜色:这种方式一般是把页面中最大的光源调整成为和环境接近的颜色,通过降低亮度差值的方式降低刺眼度。这种设计方式成本更大,需要对颜色、字体、icon都进行调整,单独定义夜间模式的UI界面。
3、段落间距行高:在可读性方面深色界面相比浅色界面略差,所以适当的增加文字的段落间距,行高等,是在深色界面下增强文字可读性的重要途径。
4、icon:不是只改变颜色,在深色背景下,同样的icon的形状感与体积感可能会发生变化。
5、色彩感知:从色彩心理学上来说黑色会传递出高端、正式、名望、权力的感觉,所以在设计的时候可以用黑色。

Solution
解决方案
  • 1
  • 2