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