这是一个背后有一个“为什么”的过程,每当我们创建一个更大的文本,添加一个阴影,或者改变颜色,都必须有一个原因来解释为什么事情必须是这样的。
因此,在本文中,我将分享我从不同的公司、设计师、设计用户界面时学到的东西以及我在这一过程中发现的新发现!
一、这个文字很重要,让它更大?
当面对需要字体层次结构的内容时,使文本更大以给予重点和重要性通常不能解决问题,就像下面的问题一样:
字体层次结构不是小到大的字体大小,它是关于字体正确的大小,粗细和颜色的混合,创造对比,对比度越大越好。
那么,如何创建更好的对比度呢?
1.不要使用一种不同字体大小的权重来创建对比度和层次结构。
2.相反,主要内容使用粗体和深色样式,次要内容使用较小和较浅样式。
3.创建三种不同颜色的文本(见下面的示例)。
4.不要害怕在项目上应用大的字体间隙(即24px标题、16px正文文本、10pxmeta等)。间隙越大=对比度越好。
5.记住,对比度=字体大小+字体粗细+颜色
6.后,一定要检查它的对比度。
二、不要使用纯黑色
我们都知道使用黑色文字颜色(#000)会给读者带来眼睛疲劳,因此我们的解决方案是创建深色变体作为替代方案。但是,我们可以使用具有不同不透明度的黑色作为解决方案,而不是选择3个或更多十六进制颜色值:
在上面的示例中,我使用黑色作为我的主颜色,并根据应用层次(即主内容、辅助内容等)降低其不透明度。