|
Post by account_disabled on Dec 1, 2023 23:34:09 GMT -6
在网页排版中使用空格 适当的间距可以使内容更容易阅读。空间不足可能会导致线条、字母或单词模糊在一起,产生局促的感觉。为了最大限度地提高可读性,您需要关注的三种间距类型是字母间距(跟踪)、行高(行间距)和字间距(对此没有什么花哨的术语)。 字母间距(跟踪) 字母间距(或印刷设计中的字母间距)定义单词中每个字母之间的距离,可以增加或减少文本的可读性。请注意,跟踪与字距调整的不同之处在于,它设置所有字母之间的单个距离,而字距调整可以设置不同字母之间的特定间距。 字母间距 左:默认跟踪。中:–2px 跟踪。右:+ 3 像素跟踪。 注意:一般来说,默认值是正确的值:它代表字体设计者设想的完美间距。但是,当将文本设置为大写字母(全部大写)时,这会降低可读性,您可能需要添加跟踪以帮助读者更好地区分各个字母。 字间距 词间距决定了句子中词之间的距离。 最佳的单词间距可以清楚地区分不同的单词,而不会迫使眼 电话号码清单 睛在单词之间移动太多。 注意:通常不需要更改字间距,除非您发现设置为大字号的字看起来距离太近。 充分利用行高 行高(印刷设计中的行高) 定义了每行文本之间的垂直间距,并从基线到基线(下图中的红线)进行测量,忽略升序和降序。 字母凸起字母凸起 文本位于顶部,其扩展名显示为红色。水平红线称为基线。 糟糕的领导不仅会让你感到幽闭恐惧症,还会让你一遍又一遍地读同一句话。我们都去过那里。相比之下,太多的领导力会让你的内容显得脱节。 注意:一个好的经验法则是将行高设置为 1.5em 左右(或正文大小的 1.5 倍)。段落间距(底部边距)应与行距(行高)匹配,以保持垂直节奏。 大小事项 字体大小相对重要,可以创造戏剧效果,并在决定可读性方面发挥重要作用。 大事情比小事情更能吸引我们的注意力。尤其是当它比预期大时。正常体型的德国牧羊犬不会引起他的注意。但是像小马那么大的德国牧羊犬呢?很快就会在 Instagram 上传播开来。 表示重要性 我们也更加关注更大的事情。标题几乎总是大于脚注,脚注又大于段落。体型差异可以帮助我们决定关注什么、忽略什么。 添加戏剧(不是高中那种) 它还可以用来创造维度、影响力和戏剧性。一行文本将所有字母设置为横跨整个页面的长粗体字母;一组小字比斜体和小字更能表达更强烈的意思。
|
|