
手機APP開(kāi)發(fā)夜間模式常見(jiàn)設計方法
1. 頁(yè)面變暗效果:頁(yè)面處于底層,頂部再加一層黑色透明的蒙版,能達到讓整個(gè)頁(yè)面變暗的效果,這種方法能讓頁(yè)面層級在一定程度上變得模糊,視覺(jué)感會(huì )稍微差點(diǎn)。
2. 該背景色以及文字字體顏色:這種方式一般是把頁(yè)面中最大的光源調整成為和環(huán)境接近的顏色,通過(guò)降低亮度差值的方式降低刺眼度。這種設計方式成本更大,需要對顏色、字體、icon都進(jìn)行調整,單獨定義夜間模式的UI界面。
3. 段落間距行高:在可讀性方面深色界面相比淺色界面略差,所以適當的增加文字的段落間距,行高等,是在深色界面下增強文字可讀性的重要途徑。
4. icon:不是只改變顏色,在深色背景下,同樣的icon的形狀感與體積感可能會(huì )發(fā)生變化。
5. 色彩感知:從色彩心理學(xué)上來(lái)說(shuō)黑色會(huì )傳遞出高端、正式、名望、權力的感覺(jué),所以在設計的時(shí)候可以用黑色。