亮度
夜晚肌幽,我們最終的屏幕亮度應(yīng)該保證在0.034cd/m2左右是較為合適的计呈。
(題外話:有種東西叫亮度測(cè)試儀周霉,可以測(cè)量亮度姚炕。)
彩度
人眼在夜間可辨識(shí)出的顏色種類較少摊欠,所以不用和白天一樣使用繽紛的色彩表現(xiàn);
還有一點(diǎn)需要注意钻心,晚上長(zhǎng)時(shí)間注視著高飽和度的色彩凄硼,會(huì)覺得刺眼,舒適度不夠捷沸。
結(jié)論:夜晚摊沉,應(yīng)使用低彩度的色彩、且盡量減少顏色的種類痒给。
除了低彩度说墨,還有另一個(gè)問題也值得注意:不同色相下的暗色系需要保持相對(duì)的視覺亮度均衡。
下圖中的暗色系苍柏,通過亮度公式尼斧,換算成灰色系之后,亮度上還是會(huì)稍有差異试吁,在實(shí)際取色中要注意均衡這一點(diǎn)棺棵,保證視覺舒適度楼咳。(亮度公式:0.299*R + 0.587*G + 0.114*B=y)
護(hù)眼模式
結(jié)論:在硬件與時(shí)間不能更改的情況下,通過前面提到的降低亮度和調(diào)整屏幕色溫也能降低 hev 藍(lán)光對(duì)眼睛的傷害烛恤。
小結(jié):夜晚母怜,背景色應(yīng)該選擇低彩度、色相偏黃缚柏、亮度值在0.034-34之間苹熏。
根據(jù)以上結(jié)論,選出了夜間模式的背景色#1A1714币喧。
對(duì)比色
文字與背景對(duì)比度—3:1~5:1
圖片色與背景對(duì)比度—4:1~6.5:1
(對(duì)比度可通過軟件 Colour Contrast Analyser 測(cè)出)
設(shè)計(jì)稿實(shí)現(xiàn)
文字
面對(duì)的問題:頁(yè)面太多轨域,無法針對(duì)每個(gè)頁(yè)面做視覺稿。
解決方案:找出共性杀餐,歸納白天文字色干发,針對(duì)每個(gè)色值給出對(duì)應(yīng)的夜間色值;根據(jù)前面的分析怜浅,夜間模式的對(duì)比度是不需要做明顯區(qū)分的铐然,所以我把以下5種文字色,縮減成2種帶透明度的白色:45%恶座、30%搀暑。輔助文字色的選取注意上面說的視覺平衡,可以用亮度公式來判斷跨琳。