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