抖音也變白?聊聊深色和淺色模式到底哪個(gè)好?
編輯導(dǎo)讀:抖音是最常見(jiàn)的深色模式的使用者,最近有網(wǎng)友發(fā)現(xiàn)評(píng)論彈層變白了。深色模式和淺色模式哪個(gè)好?使用起來(lái)有什么講究?本文作者將以抖音為例,對(duì)此展開(kāi)分析,與你分享。
某天刷抖音時(shí)猛然發(fā)現(xiàn)評(píng)論彈層變白了,一身職業(yè)病的我第一反應(yīng)就是被灰度了。
然鵝,其實(shí),抖音早在幾天前就悄咪咪的更新了雙色模式。
關(guān)于抖音變白這件事兒,看上去好像沒(méi)什么可說(shuō)的,不就是提供了一個(gè)深淺色背景切換么?緊跟快手更新,蘋(píng)果玩剩下的。但實(shí)際上關(guān)于深色與淺色模式的使用卻是有很多講究與科學(xué)道理的,不然各大重量級(jí)app也不會(huì)紛紛上新切換功能,畢竟雙色模式的工程量還是有的。
一、深淺模式設(shè)計(jì)的一點(diǎn)小歷史
深色模式的歷史其實(shí)可以從很早追溯起,1960年代和70年代的計(jì)算機(jī)沒(méi)有GUI(圖形用戶界面),并且大多使用單色監(jiān)視器以文本模式運(yùn)行。因此基本上都是黑屏白字or綠字。
1977年Apple II的問(wèn)世,讓監(jiān)視器開(kāi)始有了彩色顯示。隨著色彩的出現(xiàn),第一個(gè)燈光模式出現(xiàn)了,當(dāng)時(shí)流行的文字處理軟件WordPerfect,將其顏色反轉(zhuǎn)為白屏黑字。初衷主要是想模擬墨水在白紙上的打印效果。
再快進(jìn)個(gè)幾十年,蘋(píng)果和谷歌等公司在其所有產(chǎn)品上大力宣傳深色主題,深色模式又開(kāi)始深入人心。隨著這幾年的各種研究推進(jìn)和科技發(fā)展,這一次大家對(duì)深淺模式設(shè)計(jì)的理解就不再停留在只是為了“模擬白紙打印效果”這么簡(jiǎn)單了。那么深淺模式的設(shè)計(jì)對(duì)于用戶體驗(yàn)來(lái)說(shuō)到底有何不同呢?
二、關(guān)于深色模式
1)深色模式可以節(jié)省OLED屏的電量消耗,也就是可以讓你的iPhone更省電
大家都知道蘋(píng)果在iOS 13上推出了 Dark mode 深色模式,于是就有油管的up主對(duì)深淺模式進(jìn)行了測(cè)試。UP主使用機(jī)器人設(shè)備對(duì)兩臺(tái)全新的iPhone XS進(jìn)行測(cè)試,一臺(tái)手機(jī)采用一般的界面模式,另一臺(tái)采用 Dark mode 深色模式,讓2臺(tái)手機(jī)執(zhí)行同樣的任務(wù):觀看視頻、使用社交網(wǎng)絡(luò)APP、使用地圖導(dǎo)航等。
在測(cè)試進(jìn)行到 7 個(gè)小時(shí) 33 分鐘時(shí),沒(méi)有開(kāi)啟深色模式的 iPhone XS 耗盡電量自動(dòng)關(guān)機(jī),而此時(shí)另一部開(kāi)啟深色模式的 iPhone XS 還剩下 30% 的電量。
簡(jiǎn)單解釋下這是什么原理呢?
在OLED面板上,每個(gè)像素是單獨(dú)點(diǎn)亮的。當(dāng)背景為白色時(shí),所有像素均打開(kāi),顯示器需要更多的功率。而當(dāng)像素為黑色或暗灰色時(shí),顯示器的功率要求自然會(huì)降低。
因此這種深色模式的節(jié)能功能僅限于OLED屏幕,而一些帶有LCD顯示屏的筆記本電腦并不能真正從中受益,因?yàn)長(zhǎng)CD屏幕使用始終會(huì)完全點(diǎn)亮后面板。不過(guò)目前市面上大部分的手機(jī)使用的都是OLED屏幕,所以深色模式對(duì)于手機(jī)續(xù)航還是整體友好的。
所以心思縝密的想了下,抖音初始選擇深色模式,是不是也考慮了續(xù)航問(wèn)題,為了讓大家多幾格電消耗內(nèi)容呢?
2)深色模式可以減少屏幕藍(lán)光,減輕眼睛干澀與疲勞,影響睡眠周期
首先科普下啥是藍(lán)光?
通常我們看到的白亮光都是有由紅色,橙色,黃色,綠色,藍(lán)色,靛藍(lán)和紫羅蘭色的可見(jiàn)光組合成的。而可見(jiàn)光包含一定范圍的波長(zhǎng)和能量,藍(lán)光是可見(jiàn)光譜中包含最高能量的部分。
來(lái)自計(jì)算機(jī)屏幕和數(shù)字設(shè)備的藍(lán)光會(huì)降低對(duì)比度,從而導(dǎo)致數(shù)字眼疲勞。引起眼部的干澀與疲勞。另外,長(zhǎng)時(shí)間持續(xù)暴露在數(shù)字設(shè)備的藍(lán)光下還可能導(dǎo)致視網(wǎng)膜細(xì)胞受損,從而導(dǎo)致視力下降。
藍(lán)光還可以調(diào)節(jié)晝夜節(jié)律,即人體的自然喚醒和睡眠周期。白天暴露于藍(lán)光有助于維持健康的晝夜節(jié)律,到深夜(通過(guò)智能手機(jī),平板電腦和計(jì)算機(jī))暴露于藍(lán)光過(guò)多會(huì)干擾覺(jué)醒和睡眠周期,導(dǎo)致睡眠問(wèn)題和白天疲倦。
而深色模式可以有效減藍(lán)光曝光,一定程度上對(duì)人的眼部視力及夜間睡眠健康更加友好一些。
3)深色模式可以為顏色提供更好的對(duì)比度
上圖的表格顯示了不同顏色組合的對(duì)比度和性能水平,很顯然黑色的部分是唯一能為幾乎所有顏色提供良好對(duì)比度的區(qū)域。
我們?cè)賹?duì)比下如下2個(gè)不同背景模式的數(shù)據(jù)展示,深色模式對(duì)于展示多色彩圖形內(nèi)容(例如圖形,數(shù)據(jù)板,圖片和照片)有絕佳的優(yōu)勢(shì),可以更好的凸顯顏色間的對(duì)比度,達(dá)到更強(qiáng)的視覺(jué)沖擊。
這也就解釋了為啥很多設(shè)計(jì)師喜歡用深色主題模式來(lái)設(shè)計(jì)自己的作品集,除了酷炫和高大上以外,很重要的也是可以突出自身作品圖片的對(duì)比度,提升視覺(jué)沖擊力。
說(shuō)了這些深色模式的好,那為什么我們還要使用淺色模式呢?
三、關(guān)于淺色模式
1)淺色模式更符合人的閱讀習(xí)慣,且對(duì)陽(yáng)光充足的光線更友好
我們?nèi)祟愐恢币詠?lái)都是晝夜生物,20萬(wàn)年前,我們?cè)诎滋爝M(jìn)行狩獵,采集和種植,夜晚就入眠。這導(dǎo)致人更傾向于在淺色背景上閱讀深色文本這一習(xí)慣。所以市面上絕大多主流的設(shè)備及物品都是遵循了這一模式。
除了習(xí)慣以外,當(dāng)你在光線充足的房間中或在直射的陽(yáng)光下使用尤其數(shù)字設(shè)備時(shí),深色背景上的淺色文本會(huì)顯得難以閱讀,這個(gè)時(shí)候就需要淺色模式來(lái)更好的適應(yīng)強(qiáng)光。
2)淺色模式閱讀性效率與耐力更高,同時(shí)更聚焦
在深色模式下,文本發(fā)出的光較少,我們的瞳孔需要擴(kuò)大以允許更多的光線。所以當(dāng)你在深色屏幕上看到淺色文本時(shí),其邊緣滲入更多黑色背景,這被稱為光暈效果,它降低了閱讀的便利性。同時(shí)也導(dǎo)致長(zhǎng)時(shí)間閱讀時(shí)帶來(lái)的圖像模糊與眼睛疲勞。
反之我們?cè)诳窗灼習(xí)r虹膜不會(huì)變寬,因此瞳孔仍然很窄,無(wú)需花太多精力就可以專注于事物。因此在白色背景上看到對(duì)比鮮明的黑色文本時(shí),可以立即將其聚焦。
四、小結(jié)
市面上越來(lái)越多的產(chǎn)品加入深淺色模式切換的大軍,是不是也是考慮到2個(gè)模式對(duì)于用戶與內(nèi)容進(jìn)行交互的影響。深色模式也好、淺色模式也好,都有其對(duì)應(yīng)的使用場(chǎng)景與適用人群,有時(shí)候不可兼顧的情況就把選擇交給用戶,讓用戶選擇是使用什么模式。
PS:這些對(duì)深淺模式的研究都可以成為我們?nèi)蘸筮M(jìn)行的設(shè)計(jì)依據(jù),也為我們的產(chǎn)品開(kāi)發(fā)提供了更多視覺(jué)貢獻(xiàn)的可能哦。
#專欄作家#
柒爺,微信公眾號(hào):Nana的設(shè)計(jì)錦囊,人人都是產(chǎn)品經(jīng)理專欄作家。云音樂(lè)資深設(shè)計(jì)師,關(guān)注交互、UI設(shè)計(jì)和社交直播。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
可是初次變白的時(shí)候并沒(méi)有讓我去選擇,突然之前就被熱更新,一開(kāi)始還真是不太習(xí)慣,絕大多數(shù)用戶針對(duì)這一點(diǎn)應(yīng)該只是被動(dòng)的去適應(yīng)吧,也并沒(méi)有去找可切換的設(shè)置