這是一個(gè)背后有一個(gè)“為什么”的過程,每當(dāng)我們創(chuàng)建一個(gè)更大的文本,添加一個(gè)陰影,或者改變顏色,都必須有一個(gè)原因來(lái)解釋為什么事情必須是這樣的。
因此,在本文中,我將分享我從不同的公司、設(shè)計(jì)師、設(shè)計(jì)用戶界面時(shí)學(xué)到的東西以及我在這一過程中發(fā)現(xiàn)的新發(fā)現(xiàn)!
一、這個(gè)文字很重要,讓它更大?
當(dāng)面對(duì)需要字體層次結(jié)構(gòu)的內(nèi)容時(shí),使文本更大以給予重點(diǎn)和重要性通常不能解決問題,就像下面的問題一樣:
字體層次結(jié)構(gòu)不是小到大的字體大小,它是關(guān)于字體正確的大小,粗細(xì)和顏色的混合,創(chuàng)造對(duì)比,對(duì)比度越大越好。
那么,如何創(chuàng)建更好的對(duì)比度呢?
1.不要使用一種不同字體大小的權(quán)重來(lái)創(chuàng)建對(duì)比度和層次結(jié)構(gòu)。
2.相反,主要內(nèi)容使用粗體和深色樣式,次要內(nèi)容使用較小和較淺樣式。
3.創(chuàng)建三種不同顏色的文本(見下面的示例)。
4.不要害怕在項(xiàng)目上應(yīng)用大的字體間隙(即24px標(biāo)題、16px正文文本、10pxmeta等)。間隙越大=對(duì)比度越好。
5.記住,對(duì)比度=字體大小+字體粗細(xì)+顏色
6.后,一定要檢查它的對(duì)比度。
二、不要使用純黑色
我們都知道使用黑色文字顏色(#000)會(huì)給讀者帶來(lái)眼睛疲勞,因此我們的解決方案是創(chuàng)建深色變體作為替代方案。但是,我們可以使用具有不同不透明度的黑色作為解決方案,而不是選擇3個(gè)或更多十六進(jìn)制顏色值:
在上面的示例中,我使用黑色作為我的主顏色,并根據(jù)應(yīng)用層次(即主內(nèi)容、輔助內(nèi)容等)降低其不透明度。