UI设计新手必知的字体设计规范!

本文针对UI设计新手,详细讲解了字体设计的三个关键规范:字间距、行高和行距。合适的字间距确保字符间有安全距离,行高涵盖字体的升降安全距离,行距调整两行间的间距。字号的选择也至关重要,遵循偶数原则以适应不同设备,并用4作为基数来管理字号大小,确保清晰易读。掌握这些规范将有助于提升设计质量和效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

字体是UI设计师制作图片、图标甚至海报宣传时必不可少的组成部分。有很多UI设计新手在使用字体时会不知所措,不是字号不行,就是字体不合适。接下来就给大家分享UI设计新手必知的字体设计规范。

Character:字间距

字间距,是在两个文字中间的距离,一般加在一个字符的后段。如字符『AK』,默认Character为0,那么两个字符中间的间距,则是为字体默认所设定的安全距离。如果给Character设定一个值50,那么会自动在A的后段加上50px,那么显示效果则变成『A K』。
在这里插入图片描述
line:行高

即UI Lable中字段所占用的高度实际大小。默认字体会设定一个安全距离,那么在设备中字段所占用的line高度 = 字体像素大小+升降安全距离+扩高值。标注间距的时候,务必得把line值包含在内,否则实现出来容易出现字体偏移位置不对等情况。

Paragraph:行距

很多同学在调完这个参数,发现跟调整line值差不多。但其实Paragraph调整的是两行中间的间距,不单独调整单行字段的占用空间。我们标注的时候,一定需要标注的较为仔细。如果发现开发出来的字体样式与设计稿不一致,那么我们只需要提供以上这几个参数值即可。

为了保持字体的完整展示,UI设计师都会给字体预留一定的安全距离,设定合适的升部线及降部线距离,让字体展示的更为平衡。此外,我们还需要关注字号的大小设置,比如大号的字体阅读起来更为舒适&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值