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

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

Character:字间距

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

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

Paragraph:行距

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

为了保持字体的完整展示,UI设计师都会给字体预留一定的安全距离,设定合适的升部线及降部线距离,让字体展示的更为平衡。此外,我们还需要关注字号的大小设置,比如大号的字体阅读起来更为舒适,能精准快速的传达信息,提升阅读效率,降低视觉疲劳。

我们在做设计时,字号的单位需遵循原子理论,也就是使用一个基数作为倍增,如2、4、6、8、10 或者3、6、9、12。但其实我们在做移动端设计时,单位需要遵循偶数原则,因为开发中的单位是以一倍图的基数来进行计算。那么其实在制定字体规范中,使用2为单位会导致字号过多,不易管理,且2号字体的差异化不大。所以在字号方面我们使用4作为单位是比较合适的:一是适配后在@2x跟@3x不会出现半像素,二是使用4为单位,能满足字体大小的均衡。

除了掌握字体的使用规范,UI设计师还要了解各种设计原则,更重要的是具备扎实的技能,这样才能满足企业的需要。

发布了597 篇原创文章 · 获赞 67 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/xiaoxijing/article/details/104715511