高對比度文字對眼睛好嗎

文章主要探討文字色、背景色該如何選擇，才能提供良好的「可讀性」。一起來看！

上次整理「色彩對比度」文章時，同時蒐集了不少「文字可讀性」的相關資料。在這裡挑一些比較實用的分享出來。

慎用「暗色調」模式

對文字可讀性的探索科學已經並不新鮮，而且許多非常棒的研究成果都來自於80年代早期。

多數研究表明，「淺背景深色字」比「深背景淺色字」要好。

Bauer and Cavonius在1980年發現，閱讀「淺色背景上的深色字」，比閱讀「深色背景上的淺色字」，準確率高出

26%

。

（Reference： Bauer， D。， & Cavonius， C。， R。 （1980）。 Improving the legibility of visual display units through contrast reversal。 In E。 Grandjean， E。 Vigliani （Eds。）， Ergonomic Aspects of Visual Display Terminals （pp。 137-142）。 London： Taylor & Francis）

散光患者（約佔人口的50％）在黑色上閱讀白色文字，比在白色上閱讀黑色文字更難。 部分原因與光線水平有關：當人眼看明亮的淺色背景顯示屏時，虹膜會關閉更多，「鏡頭變形」較小； 看暗色調螢幕時，虹膜開啟以接收更多的光，「鏡頭變形」更大，並且會在眼睛上形成一個非常模糊的焦點。

（Jason Harrison– Post Doctoral Fellow， Imager Lab Manager – Sensory Perception and Interaction Research Group， University of British Columbia ）

這種模糊會迫使人閱讀時，時不時停頓下來。

即使對比度完全相同的深色和淺色，淺背景上黑字，也要比深背景上淺色字的閱讀效果好許多。

也許你覺得為了視覺障礙者來改變設計很奇怪。但如果「視覺障礙」的比例高達50%，那這已經和視力正常使用者同等重要了。

這兩個引用足以說明，採用暗色調設計是個壞主意。

別在純白背景上使用純黑字

在純白背景 （#FFFFFF）上使用純黑色字 （#000000）不合適。

因為許多誦讀困難患者，對這種極高的對比度很敏感，過高的對比度會使他們看到的字旋轉模糊。

淺灰色背景比純白背景閱讀效果好

研究人員在1997年做了一個實驗，測試黑色文字在三種不同的背景顏色上（淺灰色，深灰色和白色），哪種「可讀性」（readability）最好。（他們以為是白背效果最好）

驚訝的是，他們發現

灰色背景比白色背景「可讀性」更好。

（具有諷刺意味的是，儘管有這些發現，但是現在網路瀏覽器的預設背景還是白色的。）

自適應亮度對比度，可提高文字在智慧手機上的「可讀性」和視覺舒適度

前人又說高對比度更有利於閱讀，又說高對比度增加視覺壓力，到底如何是好？

下面的實驗說明，拋開

時間

維度談「可讀性」都是耍流氓。

人們在智慧手機顯示屏上閱讀時，文字和背景之間的亮度對比度對視覺感知有很大的影響。

《Adaptive luminance contrast for enhancing reading performance and visual comfort on smartphone displays》一文，透過2個實驗，提出並證實了一個理想的模型：隨著時間的推移，將對比度從最高，逐漸降低為一定數值，不僅可以

增強文字的「可讀性」和視覺舒適度，同時還能降低了智慧手機的能耗。

這是一種非常適合智慧手機等終端的顯示模型。

詳細實驗：

實驗1：

鑑於一些研究表明：

高對比度有利於人們集中精力、快速閱讀文字；

在顯示器上閱讀，對比度過高會導致視覺壓力；

對比度的連續變化，會導致視覺不適。

因此，提出一種

隨著時間的推移逐漸降低亮度對比度的理想自適應模型

：在閱讀開始使用高對比度，便於讓人集中精力；隨後隨著時間變化，慢慢降低對比度，之後持續不變，以期減輕人長時間閱讀的視覺壓力。

一共設定了3組實驗：

白背景，文字顏色改變：由黑到白；

文字顏色一直黑色不變，背景顏色由白到黑漸變；

文字從黑色逐漸變為白色，而背景顏色以相同的速度從白色變為黑色。

3組實驗引數及測量結果

測試結果：

與早期的研究結果相反，

當文字和背景之間的亮度對比度最大時，閱讀速度最快。

當亮度對比度降低時，每組視覺舒適度都迅速下降。

對比得出，組C 文字和背景的亮度同時變化，獲得了

最高的舒適度。

透過一系列使用者測試，開發出了智慧手機顯示器的亮度對比度隨時間變化的自適應模型：

Adaptive luminance contrast： gradual decrease between text and background as time passes。

因為高對比度可以幫助使用者首先集中精力閱讀。他們最開始也覺得這樣的對比值的在視覺上很舒適。

然而，如果使用者持續很長時間，則會感到視力疲勞。

因此，亮度對比度開始在150秒後變化；因為通常在這段時間後，人們更多的集中精力於當前閱讀當的內容上。

最終的亮度對比度確定為0。52，考慮平均識別感受範圍的變化，文字的RGB值 51，背景為204。為了避免使用者因為亮度變化而感到改變，文字和背景之間的亮度對比度緩慢切換時間為40秒。

RGB 204 的淺灰背景色，與RGB 51的深灰文字色

實驗2：

設定3組實驗：

白底黑字；

自適應對比度；

B70——從之前的使用者測試中選出的的最佳閱讀表現的數值。

使用腦電波的腦波分析測量「可讀性」、視覺舒適度和生理壓力。

測試結果

證實

，自適應對比度模式，可讀性、閱讀速度、舒適度表現都是最好的。

在智慧手機顯示器上應用自適應亮度對比有兩個主要

優點

：

首先，透過保持閱讀效能和視覺舒適度之間的平衡，使用者可以在舒適、可讀性佳的狀態下長時間閱讀內容。

其次，與目前普通的智慧手機顯示形態相比，自適應模型能耗更低；因此，它具有節省電池電力的潛力。

所以說，自適應亮度對比度，是一種實現文字和背景之間的最佳亮度對比度的新方法。

參考文獻：

Why light text on dark background is a bad idea，by：Tatham Oddie，2008。10。13

Adaptive luminance contrast for enhancing reading performance and visual comfort on smartphone displays，by：Nooree Na；Hyeon-Jeong Suk，2014。11。3

6 Surprising Bad Practices That Hurt Dyslexic Users，by：anthony，2011。1。23

The Impact of Web Page Text-Background Color Combinations on Readability， Retention， Aesthetics， and Behavioral Intention，by：RICHARD H。 HALL and PATRICK HANNA，2004。5

作者：Angelaaa，知乎專欄：ANN 的設計筆記