在人們的日常生活中,接觸最多的書本、網(wǎng)頁大部分都是白底黑字,這種方式已經(jīng)成為一種閱讀習(xí)慣。但是部分網(wǎng)站黑色背景淺色字體的搭配又讓人們覺得體驗很好、極具吸引力。那么就會有一些疑問:我們的眼睛更喜歡白底黑字還是黑底白字呢?哪一種搭配的可讀性更高呢?
針對這個問題,可以從生理感知和心理感知兩個方面來探討
一、生理感知
從人類眼睛的生理機制來研究。人類視力是由光線進入角膜,角膜屈光后進入瞳孔,經(jīng)過瞳孔的調(diào)節(jié)之后進入水晶體,然后集中在視網(wǎng)膜上再傳導(dǎo)至大腦,如此轉(zhuǎn)化為我們看到的影像。在這一過程中,有一些獨特的生理現(xiàn)象對我們的視覺造成微妙的影響。
1、側(cè)抑制
(側(cè)抑制效應(yīng)圖:同樣的顏色但是左側(cè)方塊會看起來更深)
側(cè)抑制是指相鄰的感受器之間能夠互相抑制的現(xiàn)象,即在某個神經(jīng)元受到刺激而產(chǎn)生興奮時,再刺激相近的神經(jīng)元,則后者所發(fā)生的興奮會對前者產(chǎn)生抑制作用。當一個感受器受到刺激時,由此產(chǎn)生的神經(jīng)沖動將對鄰近部位的輸入信號產(chǎn)生抑制性的影響。
(因為側(cè)抑制現(xiàn)象,人們在明暗變化的邊界上,常常在亮區(qū)看到一條更亮的光帶,在暗區(qū)看到一條更暗的線條,這個更亮和更暗的區(qū)域就是馬赫帶效應(yīng))
總體來說,側(cè)抑制網(wǎng)絡(luò)在信息預(yù)處理中的主要功能有以下幾個方面:
① 可以突出邊緣,增加反差。
② 將很大的輸入變化范圍壓縮到網(wǎng)絡(luò)本身的動態(tài)范圍之內(nèi),具有明顯的亮度適應(yīng)作用;
③ 可以對圖像的細微間斷處進行擬合,具有明顯的聚類作用。
影響:在閱讀文字信息時,盯住的字會最清楚,這個字周邊的其他字就會被視覺中樞弱化。側(cè)抑制也是造成人類多種視覺錯覺的原因之一。
2、視覺適應(yīng)
(錐形細胞和桿狀感光細胞)
視覺適應(yīng)是視覺器官的感覺隨外界亮度的持續(xù)刺激而變化的過程。視網(wǎng)膜中包含錐狀細胞和桿狀感光細胞,錐狀細胞負責(zé)在光線之下使視力清晰,并且感知顏色;桿狀感光細胞讓我們能在黑暗的環(huán)境感知弱光。視覺適應(yīng)的機制就是這些細胞和神經(jīng)活動的重新調(diào)整,可以分為暗適應(yīng)和明適應(yīng)。
① 暗適應(yīng):照明停止或者由明亮環(huán)境進入黑暗環(huán)境的時候,眼睛會暫時看不見事物,這個時候桿狀感光細胞開始工作,提升對弱光的敏感度,使人類逐漸適應(yīng)黑暗環(huán)境。(桿狀感光細胞有障礙的人就是“夜盲癥”啦,并且桿狀感光細胞不能辨別顏色,所以黑暗中看什么都是一個顏色!)
② 明適應(yīng):照明開始或者由黑暗環(huán)境進入明亮環(huán)境,人眼感受性下降,眼睛過渡到明視覺狀態(tài)。比如走出電影院,開始覺得陽光刺眼,但很快就能恢復(fù)正常狀態(tài)。
影響:暗適應(yīng)和明適應(yīng)是人類眼睛應(yīng)對環(huán)境光線刺激的反應(yīng)能力,但是頻繁的視覺適應(yīng)會導(dǎo)致視覺迅速疲勞。
3、視覺后像
(盯住白色區(qū)域看30秒,再看別處會看到白色區(qū)域的影像)
光刺激對視覺器官的作用停止后,細胞的興奮并不隨著刺激的終止而停止,感覺現(xiàn)象能保留一個短暫的時間,這種現(xiàn)象叫做視覺后像。比如盯著燈泡看數(shù)秒,再看別處,會看到發(fā)光燈泡的影像。
影響:強烈刺激會引起視覺器官興奮,產(chǎn)生視覺后像,同時會加速視覺疲勞。
根據(jù)上面的幾個視覺現(xiàn)象,可以得出這樣的結(jié)論:
① 因為側(cè)抑制的視覺現(xiàn)象,不論是白底黑字還是黑底白字,人類的眼睛都可以增加反差,讓黑色字體更黑,白色字體更亮,從而清晰的識別文字。
② 因為視覺適應(yīng)的原理,我們在光線充足的時候閱讀黑底白字的信息,視覺聚焦于白色文字,黑色背景也會更暗,眼睛需要進行暗適應(yīng),所以會加速視覺疲勞。而在夜晚則相反,眼睛已經(jīng)是暗適應(yīng)的狀態(tài),閱讀黑底白字的信息,不需要進行視覺適應(yīng),疲勞感不會增加。所以在晚上使用深色底淺色字的夜間模式會減少刺激,使眼睛更舒服。
③ 閱讀黑底白字的信息時,因為側(cè)抑制會使白色字體更加炫目,黑色背景更加沉重,長時間瀏覽白色字體,會產(chǎn)生強烈的光刺激從而產(chǎn)生視覺后像,造成視覺疲勞。所以即便在使用黑底白字的時候,也要通過降低對比度的方式,減弱這種光刺激,從而減輕視覺的疲勞感。而閱讀白底黑字的信息時,聚焦的文字為黑色,不會產(chǎn)生光刺激,視覺后像的情況基本不會出現(xiàn)。
二、心理感知
1、背景顏色屬性
(圖為#000000黑色和#FFFFFF白色)
① 黑色:黑色可以定義為沒有任何可見光進入視覺范圍(顯示屏是主動發(fā)光,不發(fā)光即為黑色),黑色可以讓其他顏色變得更亮,從而凸顯出來。從色彩心理學(xué)上來看,黑色傳遞出高雅、正式、名望、權(quán)力的感覺,大面積的純黑會給人一種嚴肅和壓抑的感覺。
② 白色:一種包含光譜中所有顏色光的顏色,通常被認為是“無色”的,且明度最高,無色相(顯示屏中把三原色組合在一起就發(fā)出白色光)。白色是一個中立的顏色,常常被用作頁面的背景色,大多數(shù)的印象就是干凈和簡潔,大面積的白色會有一種舒張、放松的感覺。
2、搭配效果
(單行字體效果對比)
① 白底黑字:傳統(tǒng)的白底黑字整體效果比較干凈清爽,閱讀時焦點不會第一時間落在文字上,由于周圍白色區(qū)域反光,讀者的注意力會不時發(fā)生游離。但是因為側(cè)抑制的現(xiàn)象,聚焦不反射光的黑色字體時,視覺刺激并不強烈,所以長時間閱讀造成的視覺疲勞感較弱。
② 黑底白字:對于黑底白字的形式,側(cè)抑制的現(xiàn)象會使聚焦的白色字體變得更加炫目,視覺刺激強烈,能夠迅速抓取讀者的注意力,但是同樣因為強烈的視覺刺激,會產(chǎn)生視覺疲勞感,不適合長時間閱讀。
3、閱讀習(xí)慣
(傳統(tǒng)紙張書籍)
用戶普遍的文字閱讀習(xí)慣源于白紙黑字的書籍,這種閱讀習(xí)慣是悠久的歷史延續(xù)下來的。因為最早期用來記錄信息的工具比如木炭、墨水等多為深色,用于承載文字的動物皮、竹簡等多為淺色。后來早期造紙術(shù)使用植物纖維本身也是淺色,所以白紙黑字已經(jīng)成為人類歷史多年積累的閱讀習(xí)慣,再者目前市場制造的方面來說,紙張即便需要漂白,在成本上都比均勻染色要低的多。
4、文字可讀性
(較長的信息文本)
用戶體驗領(lǐng)域著名的先驅(qū) Jacob Nielsen 經(jīng)研究得出:“文字和背景應(yīng)當使用高對比度的配色。白底黑字能將可讀性提升到最高,而黑底白字在可讀性上的效果幾乎是一樣的。雖然兩種配色方式對比度是相同的,但是后者還是會讓用戶對文字的識別稍慢一些。受限于配色方案,白色的文本內(nèi)容相比于白底黑字的情況,會顯得更加纖細、模糊,整體的清晰度其實是不如常見的黑字。這種情況在純黑背景和純白字體的搭配下,最為明顯。”
根據(jù)上面幾個方面,可以得出如下結(jié)論
① 白底黑字是人類長期以來的閱讀習(xí)慣,可讀性略高于黑底白字,聚焦時視覺刺激較弱,產(chǎn)生的疲勞感較少,比較適合多文本的長時間閱讀。
② 黑底白字在閱讀的時候,聚焦于白色字體,視覺刺激強,能夠迅速的吸引注意力,但是同時因為視覺興奮而易于產(chǎn)生疲勞感。比較適合需要突出重點,吸引讀者注意力的場景。
三、總結(jié)
通過生理感知和心理感知兩個層面進行分析,可以發(fā)現(xiàn)黑底白字和白底黑字的使用不是一個相對孤立的問題。人類的視覺生理機能很強大,可以通過側(cè)抑制來強化自己需要閱讀的部分,也可以通過視覺適應(yīng)來應(yīng)對不同強度光的環(huán)境。但是強大的視覺機能也對應(yīng)著相應(yīng)的視覺負擔(dān),所以黑底白字和白底黑字的使用可以根據(jù)以下幾個方面來考慮
1、根據(jù)產(chǎn)品所要展示的內(nèi)容類型
白底黑字可讀性更高,適合長時間閱讀;黑底白字視覺刺激性強,能夠吸引視線,不同的產(chǎn)品希望達到的目的不盡相同,所以要根據(jù)產(chǎn)品需求來進行設(shè)計。
(注重文字閱讀的blog網(wǎng)站-此圖來自behance)
(注重視覺沖擊力的摩托車主題站-此圖來自behance)
又或者一個希望打造氛圍,極具視覺吸引力的風(fēng)格化網(wǎng)站,就可以使用黑色背景白色大標題的方式來強化信息,增加文字的視覺刺激,從而吸引用戶的眼球。
2、文字和背景的對比度
(黑白底色上不同對比度文字的顯示效果)
背景和內(nèi)容兩者之間的對比度和可讀性是成正比的,對比度越大,信息的可讀性就越高。但是視覺刺激也會越大,所以控制合適的對比度,在視覺刺激和可讀性中找到一個平衡點可以讓讀者閱讀的更加舒服。比如即便是白底黑字也很少用純黑純白,多數(shù)使用淺色搭配深色的方式,黑底白字也是一樣。
3、使用產(chǎn)品時的環(huán)境因素
書籍的閱讀基本都是有亮光的環(huán)境,因為紙質(zhì)書籍是反射光,沒有光就無法看清,白底黑字看著也最適合。電子產(chǎn)品(PC、手機)雖然都是屏幕自發(fā)光,但是同樣要考慮環(huán)境光對于屏幕發(fā)光的影響。
(知乎的正常模式和夜間模式)
比如一些軟件的夜間模式,就可以使用黑底白字來避免用戶的眼睛從暗適應(yīng)到明適應(yīng)頻繁轉(zhuǎn)換,從而達到減弱刺激,降低疲勞感的目的。
最后,對于黑底白字和白底黑字的選擇,需要結(jié)合明確的產(chǎn)品目的,配合恰當?shù)膶Ρ榷纫约百N切的使用場景。正確的選擇能在保證視覺生理舒適的情況下獲得清晰的閱讀體驗,這樣才會得到我們眼睛的喜愛!
-end-