中國睡眠研究會(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è)夜間模式:

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式