[譯] 為什麼永遠不要用純黑色做背景或字體色

[譯] 為什麼永遠不要用純黑色做背景或字體色

來自專欄 嗷嗷在流浪

作者:Anthony@UXmovement

2018/05/10

Why You Should Never Use Pure Black for Text or Backgrounds?

uxmovement.com圖標

你知道設計中使用純黑色是對易讀性的犯罪嗎?

一項調查發現美國58%的成年人在使用電腦工作時有視覺疲勞的經歷。其實設計師可以通過在設計工作中留意黑色的使用來減少視覺疲勞的可能性。

純黑色的文本和背景

當純黑色的文字和背景和白色組合在一起時會導致用戶的眼睛不適,長時間的閱讀會引起眼部疲勞。純白色具有100%的亮度,純黑色則是0%。這樣巨大的顏色亮度落差會令用戶看到的光線亮度對比懸殊,當他們在閱讀時眼睛需要更費盡全力去適應亮度。

有一個例子描述了這個概念,當我們在昏暗的室內打開很亮的燈時,光線環境這樣劇烈的變化會讓我們覺得很刺眼。但如果我們在黑暗的室內打開一盞微亮的燈,我們的視網膜不會被對比過度劇增的光線刺激到,因為可以更容易適應。

在白色背景上使用深灰色而非黑色的字體可以使亮度變化不過於劇烈,這樣可以防止視網膜過度刺激,並且能讓用戶閱讀更長時間。

深灰色有不同的亮度,可以對用戶進行調查來找到他們最喜歡的文本亮度。

可訪問性設計的高度比對

純黑色並非對所有用戶都是糟糕的。那些視力受損但未全盲的低視力用戶,更傾向於在高對比度環境下閱讀文字。當你為他們做設計時,需要在界面上設計純黑色的可訪問性控制項;而深灰色更適合普通用戶。

易讀性的平衡對比

高的色彩對比更易於閱讀,然而,過高的色彩對比會在用戶閱讀時對他們的眼睛產生懸殊的光線水平落差,文字和背景間平衡的對比度會對你用戶的眼睛更為友善。

如果你不確定所使用的色彩對比度,你可以使用一項色彩對比度檢查工具來找到對你而言的最佳範圍,當你的色彩對比度低於WCAG2.0工業標準時它會標記出來。但是如果色彩對比度過高時它不會出現標記,這個決定會留給設計師自己的肉眼。

文本的顏色並不局限於黑或白,但這是最常見的文本顏色組合。設計師在使用顏色之前需要思考顏色對於用戶眼睛的影響,減少眼睛疲勞的設計意味著用戶可以花更多的時間閱讀界面上的文字。

推薦閱讀:

可變式字體的發展(二)
adobe-字體日
這屆方正獎的學生組不行
走向開源-這家叫逐浪的字型檔廠商死磕巨頭能有幾分勝算

TAG:字體 | 中文字體 | 英文字體 |