當前位置:
首頁 > 最新 > 白底黑字or黑底白字,眼睛更喜歡哪一個?

白底黑字or黑底白字,眼睛更喜歡哪一個?

導語白紙黑字是用戶一貫的閱讀習慣。在實際的使用場景中,黑底白字和白底黑字哪一種閱讀體驗會更好?對於我們的眼睛來說,哪一種搭配方式又會更舒適呢?

在人們的日常生活中,接觸最多的書本、網頁大部分都是白底黑字,這種方式已經成為一種閱讀習慣。但是部分網站黑色背景淺色字體的搭配又讓人們覺得體驗很好、極具吸引力。那麼就會有一些疑問:我們的眼睛更喜歡白底黑字還是黑底白字呢?哪一種搭配的可讀性更高呢?

針對這個問題,可以從生理感知和心理感知兩個方面來探討

一、生理感知

從人類眼睛的生理機制來研究。人類視力是由光線進入角膜,角膜屈光後進入瞳孔,經過瞳孔的調節之後進入水晶體,然後集中在視網膜上再傳導至大腦,如此轉化為我們看到的影像。在這一過程中,有一些獨特的生理現象對我們的視覺造成微妙的影響。

1、側抑制

(側抑制效應圖:同樣的顏色但是左側方塊會看起來更深)

側抑制是指相鄰的感受器之間能夠互相抑制的現象,即在某個神經元受到刺激而產生興奮時,再刺激相近的神經元,則後者所發生的興奮會對前者產生抑制作用。當一個感受器受到刺激時,由此產生的神經衝動將對鄰近部位的輸入信號產生抑制性的影響。

(因為側抑制現象,人們在明暗變化的邊界上,常常在亮區看到一條更亮的光帶,在暗區看到一條更暗的線條,這個更亮和更暗的區域就是馬赫帶效應)

總體來說,側抑制網路在信息預處理中的主要功能有以下幾個方面:

可以突出邊緣,增加反差。

將很大的輸入變化範圍壓縮到網路本身的動態範圍之內,具有明顯的亮度適應作用;

可以對圖像的細微間斷處進行擬合,具有明顯的聚類作用。

影響:在閱讀文字信息時,盯住的字會最清楚,這個字周邊的其他字就會被視覺中樞弱化。側抑制也是造成人類多種視覺錯覺的原因之一。

2、視覺適應

(錐形細胞和桿狀感光細胞)

視覺適應是視覺器官的感覺隨外界亮度的持續刺激而變化的過程。視網膜中包含錐狀細胞和桿狀感光細胞,錐狀細胞負責在光線之下使視力清晰,並且感知顏色;桿狀感光細胞讓我們能在黑暗的環境感知弱光。視覺適應的機制就是這些細胞和神經活動的重新調整,可以分為暗適應和明適應。

暗適應:照明停止或者由明亮環境進入黑暗環境的時候,眼睛會暫時看不見事物,這個時候桿狀感光細胞開始工作,提升對弱光的敏感度,使人類逐漸適應黑暗環境。(桿狀感光細胞有障礙的人就是「夜盲症」啦,並且桿狀感光細胞不能辨別顏色,所以黑暗中看什麼都是一個顏色!)

明適應:照明開始或者由黑暗環境進入明亮環境,人眼感受性下降,眼睛過渡到明視覺狀態。比如走齣電影院,開始覺得陽光刺眼,但很快就能恢復正常狀態。

影響:暗適應和明適應是人類眼睛應對環境光線刺激的反應能力,但是頻繁的視覺適應會導致視覺迅速疲勞。

3、視覺後像

(盯住白色區域看30秒,再看別處會看到白色區域的影像)

光刺激對視覺器官的作用停止後,細胞的興奮並不隨著刺激的終止而停止,感覺現象能保留一個短暫的時間,這種現象叫做視覺後像。比如盯著燈泡看數秒,再看別處,會看到發光燈泡的影像。

影響:強烈刺激會引起視覺器官興奮,產生視覺後像,同時會加速視覺疲勞。

根據上面的幾個視覺現象,可以得出這樣的結論:

因為側抑制的視覺現象,不論是白底黑字還是黑底白字,人類的眼睛都可以增加反差,讓黑色字體更黑,白色字體更亮,從而清晰的識別文字。

因為視覺適應的原理,我們在光線充足的時候閱讀黑底白字的信息,視覺聚焦於白色文字,黑色背景也會更暗,眼睛需要進行暗適應,所以會加速視覺疲勞。而在夜晚則相反,眼睛已經是暗適應的狀態,閱讀黑底白字的信息,不需要進行視覺適應,疲勞感不會增加。所以在晚上使用深色底淺色字的夜間模式會減少刺激,使眼睛更舒服。

閱讀黑底白字的信息時,因為側抑制會使白色字體更加炫目,黑色背景更加沉重,長時間瀏覽白色字體,會產生強烈的光刺激從而產生視覺後像,造成視覺疲勞。所以即便在使用黑底白字的時候,也要通過降低對比度的方式,減弱這種光刺激,從而減輕視覺的疲勞感。而閱讀白底黑字的信息時,聚焦的文字為黑色,不會產生光刺激,視覺後像的情況基本不會出現。

二、心理感知

1、背景顏色屬性

(圖為#000000黑色和#FFFFFF白色)

黑色:黑色可以定義為沒有任何可見光進入視覺範圍(顯示屏是主動發光,不發光即為黑色),黑色可以讓其他顏色變得更亮,從而凸顯出來。從色彩心理學上來看,黑色傳遞出高雅、正式、名望、權力的感覺,大面積的純黑會給人一種嚴肅和壓抑的感覺。

白色:一種包含光譜中所有顏色光的顏色,通常被認為是「無色」的,且明度最高,無色相(顯示屏中把三原色組合在一起就發出白色光)。白色是一個中立的顏色,常常被用作頁面的背景色,大多數的印象就是乾淨和簡潔,大面積的白色會有一種舒張、放鬆的感覺。

2、搭配效果

(單行字體效果對比)

白底黑字:傳統的白底黑字整體效果比較乾淨清爽,閱讀時焦點不會第一時間落在文字上,由於周圍白色區域反光,讀者的注意力會不時發生游離。但是因為側抑制的現象,聚焦不反射光的黑色字體時,視覺刺激並不強烈,所以長時間閱讀造成的視覺疲勞感較弱。

黑底白字:對於黑底白字的形式,側抑制的現象會使聚焦的白色字體變得更加炫目,視覺刺激強烈,能夠迅速抓取讀者的注意力,但是同樣因為強烈的視覺刺激,會產生視覺疲勞感,不適合長時間閱讀。

3、閱讀習慣

(傳統紙張書籍)

用戶普遍的文字閱讀習慣源於白紙黑字的書籍,這種閱讀習慣是悠久的歷史延續下來的。因為最早期用來記錄信息的工具比如木炭、墨水等多為深色,用於承載文字的動物皮、竹簡等多為淺色。後來早期造紙術使用植物纖維本身也是淺色,所以白紙黑字已經成為人類歷史多年積累的閱讀習慣,再者目前市場製造的方面來說,紙張即便需要漂白,在成本上都比均勻染色要低的多。

4、文字可讀性

(較長的信息文本)

用戶體驗領域最著名的先驅之一 Jacob Nielsen 經研究得出:「文字和背景應當使用高對比度的配色。白底黑字能將可讀性提升到最高,而黑底白字在可讀性上的效果幾乎是一樣的。雖然兩種配色方式對比度是相同的,但是後者還是會讓用戶對文字的識別稍慢一些。受限於配色方案,白色的文本內容相比於白底黑字的情況,會顯得更加纖細、模糊,整體的清晰度其實是不如常見的黑字。這種情況在純黑背景和純白字體的搭配下,最為明顯。」

根據上面幾個方面,可以得出如下結論

白底黑字是人類長期以來的閱讀習慣,可讀性略高於黑底白字,聚焦時視覺刺激較弱,產生的疲勞感較少,比較時候多文本的長時間閱讀。

黑底白字在閱讀的時候,聚焦於白色字體,視覺刺激強,能夠迅速的吸引注意力,但是同時因為視覺興奮而易於產生疲勞感。比較適合需要突出重點,吸引讀者注意力的場景。

三、總結

通過生理感知和心理感知兩個層面進行分析,可以發現黑底白字和白底黑字的使用不是一個相對孤立的問題。人類的視覺生理機能很強大,可以通過側抑制來強化自己需要閱讀的部分,也可以通過視覺適應來應對不同強度光的環境。但是強大的視覺機能也對應著相應的視覺負擔,所以黑底白字和白底黑字的使用可以根據以下幾個方面來考慮

1、根據產品所要展示的內容類型

白底黑字可讀性更高,適合長時間閱讀;黑底白字視覺刺激性強,能夠吸引視線,不同的產品希望達到的目的不盡相同,所以要根據產品需求來進行設計。

(注重文字閱讀的blog網站)

比如一個深度閱讀的產品就可以使用白底黑字降低長時間閱讀的疲勞感,增強文字的可讀性來打造舒適的閱讀體驗。

(注重視覺衝擊力的摩托車主題站)

2、文字和背景的對比度

(黑白底色上不同對比度文字的顯示效果)

背景和內容兩者之間的對比度和可讀性是成正比的,對比度越大,信息的可讀性就越高。但是視覺刺激也會越大,所以控制合適的對比度,在視覺刺激和可讀性中找到一個平衡點可以讓讀者閱讀的更加舒服。比如即便是白底黑字也很少用純黑純白,多數使用淺色搭配深色的方式,黑底白字也是一樣。

3、使用產品時的環境因素

書籍的閱讀基本都是有亮光的環境,因為紙質書籍是反射光,沒有光就無法看清,白底黑字看著也最適合。電子產品(PC、手機)雖然都是屏幕自發光,但是同樣要考慮環境光對於屏幕發光的影響。

(知乎的正常模式和夜間模式)

比如一些軟體的夜間模式,就可以使用黑底白字來避免用戶的眼睛從暗適應到明適應頻繁轉換,從而達到減弱刺激,降低疲勞感的目的。

最後,對於黑底白字和白底黑字的選擇,需要結合明確的產品目的,配合恰當的對比度以及貼切的使用場景。正確的選擇能在保證視覺生理舒適的情況下獲得清晰的閱讀體驗,這樣才會得到我們眼睛的喜愛!

作者:宗文博;深入思考設計中的細節與使用場景,從而打造更好的用戶體驗。現負責IEG遊戲平台部相關設計工作。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 騰訊大講堂 的精彩文章:

TAG:騰訊大講堂 |

您可能感興趣

一條街統一極簡風招牌,黑底白字被說像「墓地」,上海這條街火了
村裡發現一輛報廢賓士,掛黑底白字車牌,這車來頭可不小
中國街道特色統一店招,連上海也不能倖免?黑底白字的招牌見過嗎
黑底白字文字手機壁紙:熬得住就出眾,熬不住就出局
告別黑底白字,微軟發布新版命令行界面Windows Terminal