中國睡眠研究會(huì)發(fā)布的《2017 年中國青年睡眠現(xiàn)狀報(bào)告》顯示,大約 90% 的人在睡前離不開電子產(chǎn)品。
不知道大家有沒有感覺到普通的亮色界面會(huì)讓我們?cè)谝归g使用的時(shí)侯感到刺眼,長(zhǎng)時(shí)間使用會(huì)感覺眼睛疼痛,對(duì)眼睛的傷害也非常大。(當(dāng)然睡前不玩手機(jī)是最好的解決方法)
所以對(duì)于閱讀性或者社交娛樂等等 APP,打造夜間模式的功能會(huì)讓我們得到更好的體驗(yàn),減少對(duì)眼睛的傷害。
夜間模式 UI 與深色風(fēng)格 UI 的區(qū)別
我們平時(shí)使用的不少音樂或視頻類產(chǎn)品都采用了深色風(fēng)格 UI 的設(shè)計(jì),深色風(fēng)格 UI 容易承托娛樂類產(chǎn)品的品牌特性以及氛圍感。但深色 UI 并沒有針對(duì)夜間情景下專門去考慮,在白天與夜間情景下都可以使用。
而夜間模式更加針對(duì)夜間無照明的情景下設(shè)計(jì),更加全面考慮用戶在夜間無照明情景下的體驗(yàn)。并且都是由白天 (亮色) 模式切換成夜間模式,兼顧兩種模式設(shè)計(jì)。
當(dāng)然這里一般會(huì)考慮到成本問題,不少產(chǎn)品直接用深色 UI 當(dāng)夜間模式。不過作為設(shè)計(jì)師,必須理解二者的不同。
下面我們來了解一下應(yīng)該如何設(shè)計(jì)一個(gè)夜間模式: