許多網(wǎng)站使用淺色背景上的黑色文本來顯示內(nèi)容,因?yàn)檫@樣更容易閱讀。然而,在深色背景上使用白色文本也有其優(yōu)勢。了解何時(shí)使用哪種字體,可以讓您在設(shè)計(jì)網(wǎng)站時(shí)不損害用戶的可讀性。
閱讀與掃描
說到網(wǎng)站上的文字,用戶要么閱讀,要么瀏覽。閱讀是指專注于文字,以便徹底理解主題。瀏覽是指略讀文字,以便更廣泛地理解主題。何時(shí)應(yīng)該在深色背景上使用白色文本,取決于用戶是在瀏覽還是閱讀文本。
段落文本
用戶閱讀的文本類型是段落文本。為了方便用戶閱讀,在顯示段落文本時(shí)應(yīng)避免在深色背景上使用白色文本。強(qiáng)迫用戶長時(shí)間注視白色文本會(huì)使眼睛疲勞。這是因?yàn)榘咨珜?duì)人眼中三種對(duì)顏色敏感的視覺受體的刺激程度幾乎相同[
來源]。這使得在深色背景上閱讀白色段落文本會(huì)給眼睛帶來壓力。
白色還會(huì)反射所有波長的光。由于段落文本中的單詞和字母排列緊湊,當(dāng)白色文本反射光線時(shí),反射光會(huì)散射并進(jìn)入相鄰的單詞和字母。這使得單詞和字母的形狀更難辨認(rèn),從而影響可讀性。相比之下,黑色文本會(huì)吸收每個(gè)單詞和字母周圍的光線,使它們更容易辨別。
因此,顯示段落文本的更好選擇是在淺色背景上搭配略帶灰色的黑色文本?;疑尘翱梢詼p少文字背后的反射光,使閱讀更舒適。黑色文本效果更好,因?yàn)楹谏诳梢姽庾V的任何部分都不會(huì)反射光線[
來源]。因此,閱讀時(shí)注視黑色文本不會(huì)對(duì)用戶的眼睛造成太大壓力,因?yàn)樗鼤?huì)吸收照射到每個(gè)單詞的光線。
如果您的網(wǎng)站使用深色背景,則應(yīng)將段落文本顯示為灰色。這樣不會(huì)對(duì)用戶的眼睛造成太大的壓力,因?yàn)榛疑谋静蝗绨咨谋久髁?。它反射的光線較少,更容易閱讀。請(qǐng)記住,如果您在黑暗的房間里閱讀文本,黑色背景上的白色文本閱讀起來不會(huì)那么困難。這是因?yàn)樵诤诎档姆块g里沒有光線反射。
標(biāo)題、標(biāo)題和標(biāo)簽
有時(shí)深色背景上的白色文字效果很好。例如,當(dāng)用戶瀏覽文本時(shí)。用戶通常會(huì)瀏覽標(biāo)題、標(biāo)題和標(biāo)簽。對(duì)于這些類型的文本,深色背景上的白色文字是突出顯示它們并吸引用戶注意力的有效方法。
白色能將可見光譜中的所有顏色反射到眼睛里[
來源]。這使得文本明亮清晰。您無需擔(dān)心給用戶的眼睛帶來壓力,因?yàn)闉g覽不需要長時(shí)間的視覺注視。只需快速掃視一下標(biāo)題、標(biāo)題或標(biāo)簽即可。
使用深色背景上的白色文字作為突出顯示工具,是突出用戶瀏覽文本的明智之舉。但淺色背景上的黑色文字更適合用戶閱讀的段落文本。正確使用深色和淺色,以便用戶能夠欣賞您的內(nèi)容而不會(huì)感到眼痛。
蘭亭妙微(www.soiayq.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan