管理与技术

常见的手机APP开发夜间深色模式设计

浏览 来源:www.kubikeji.com 作者:酷蜂科技 2020-03-21
[摘要] 手机APP开发在浏览模式方面来看,是分为日间模式和夜间模式的,夜间模式的特殊性可以拿出来说一下。页面变暗能够对眼睛起到一定的保护作用,所以很多系统都会应用这种模式。
人们对于眼睛保护是下意识的,一般到晚上就会切换夜间模式。手机APP开发夜间模式设计有很多种类,但是常见的就那么几种。通常是页面处于底层,顶部加一层黑色透明的蒙版,达到让整个页面变暗的效果。这种方法比较简单,所以很多都会用。
手机app开发深色模式-广州app开发公司酷蜂科技

手机APP开发夜间模式常见设计方法

1.    页面变暗效果:页面处于底层,顶部再加一层黑色透明的蒙版,能达到让整个页面变暗的效果,这种方法能让页面层级在一定程度上变得模糊,视觉感会稍微差点。

2.    该背景色以及文字字体颜色:这种方式一般是把页面中最大的光源调整成为和环境接近的颜色,通过降低亮度差值的方式降低刺眼度。这种设计方式成本更大,需要对颜色、字体、icon都进行调整,单独定义夜间模式的UI界面。

3.    段落间距行高:在可读性方面深色界面相比浅色界面略差,所以适当的增加文字的段落间距,行高等,是在深色界面下增强文字可读性的重要途径。

4.    icon:不是只改变颜色,在深色背景下,同样的icon的形状感与体积感可能会发生变化。

5.    色彩感知:从色彩心理学上来说黑色会传递出高端、正式、名望、权力的感觉,所以在设计的时候可以用黑色。

相关文章

随机阅读