行高在网站制作中我们可以把它看做是文本的轮廓,网页文本的行高于字号几乎决定了整个文本内容的秩序与动态之美。在西文中,一般文本的行高为字号的1.2倍,我们可以在网页的设计中充分利用字体的下延部与上伸部。在网页的中文使用中,因为其计划和密度比较高,所以行高就需要比西文大一点。在不同的环境与不同的受众人群影响下,行高可以为字号的1.5倍到2倍,也可以更大。
1、 行高与字体的设计规则
网站制作的设计规范把不同的字号与对应的行高联系起来,下面就列举几个常用的字号与行高的对应值。
①字号:12px,行高:20px;
②字号:14px,行高:22px;
③字号:16px,行高:24px;
④字号:20px,行高:28px;
⑤字号:24px,行高:32px;
⑥字号:30px,行高:38px;
⑦字号:38px,行高:46px。
2、 字间距
在网站制作中,字母之间所相互间隔的距离就是字间距,它会受到字体和字偶距的影响。
①字偶距:所谓字偶距就是两个字母或者是字符,例如标点符号和数字之间的空白区域。因不同的字符有着不同的外形,所以如果在字体间使用相同的字间距就会显得极不协调,所以我们就需要靠改变字偶距来让文本更具可读性。
②比例字体:是在网站制作中根据不同的符号外形而设置不同字间距的字体。
③等宽字体:即每个字符之间都采用相同字距的字体。
Design By 企术™