1. 用戶反饋
2. 亮度單位公式
尼特值(nit),亮度強(qiáng)度,即每平方米燭光的強(qiáng)度:1 nit = 1 坎德拉 / 平方米
白天,人的眼睛適應(yīng)亮度的值高于 3.4 尼特
夜晚,人的眼睛適應(yīng)亮度的值,主體顏色接近 0.034 尼特,最高元素低于 3.4 尼特
色彩亮度公式 ,0.229 X R + ?0.587 X G + 0.114 X B = Y ,Y 為亮度
Y 的范圍 0 - 225 ,Y 值越接近 0 亮度越低
對(duì)比度規(guī)范 ,文字與背景色對(duì)比度 3 : 1 ~ 4.5 : 1 范圍,元素(頭像,圖片)與背景色對(duì)比度 3 : 1 ~ 7 : 1
以此來(lái)保證文字的清晰度,減少其他元素過(guò)亮的情況
由于界面元素的多樣性,例如頭像,歌曲,新聞等,該類元素如果不能滿足亮度與對(duì)比度(3 : 1 ~ 7 : 1)的要求,需要再起上方添加黑色透明遮罩(不透明度 40% ~ 50%),從而降低對(duì)比度和亮度
3. 軟件硬件
Sim? Daltonsim for Mac ?測(cè)試色彩通用性軟件
Colour Contrast Analyser ?對(duì)比度測(cè)試軟件
屏幕亮度測(cè)試儀 ?測(cè)試尼特值
4. 五項(xiàng)夜間模式設(shè)計(jì)原則
原則 1 :保證色彩通用性 - 關(guān)注特殊人群
考慮色盲人群的特性,盡量保證他們所看到的顏色和我們接近一致,減少該類人群識(shí)色的差異性,增強(qiáng)設(shè)計(jì)統(tǒng)一性
無(wú)色彩更能減少正常人和色盲等特殊人群的識(shí)色差別
原則 2 :選擇低亮度,低飽和度和非極端的色彩(避免純黑)
減少極端色,無(wú)彩色居多
從行業(yè)趨勢(shì)看,Google Material Design 和 iOS 相繼推出了夜間模式和深色主題設(shè)計(jì)及護(hù)眼模式
界面主體傾向無(wú)色彩 ,黑色居多。柔和,低飽和度色彩可以增加用戶長(zhǎng)時(shí)間觀看界面的舒適度
設(shè)計(jì)初始應(yīng)選擇亮度較低的色彩,控制界面亮度,方法就是直接降低色彩本身亮度,但是要注意避免使用極端顏色(純黑)
原則 3 :保證界面在屏幕上呈現(xiàn)出低尼特值(低亮度)
主體背景顏色在屏幕上呈現(xiàn)的亮度應(yīng)該接近 0.034 尼特,界面中最高亮度元素盡量低于 3.4 尼特
原則 4 :保證文字,元素,背景的對(duì)比度在能看清的范圍內(nèi)
運(yùn)用對(duì)比度規(guī)范,保證文字的清晰度,減少其他元素過(guò)亮的情況
原則 5 :必要時(shí)為過(guò)亮元素添加黑色透明度遮罩
解決界面元素的多樣性問(wèn)題,在其上方添加黑色透明遮罩(不透明度40%~50%)
5. 設(shè)計(jì)方法步驟
確定通用性色彩 - 選擇色彩亮度 - 確定文字對(duì)比度 - 為元素添加遮罩降低元素亮度對(duì)比度 - 設(shè)備檢測(cè)界面尼特值