ai字体行间距怎么调整_设计时sketch中字体行高到底该如何设置

前言

文章中的所有字体规则都是基于750x1334px画布，就是2倍图的前提下进行阐述(设计尺寸1倍和2倍问题一直是一个热点话题，其实各有优势)，我们团队一直都是按照750x1334px的分辨率进行设计，所以按照基于此进行讲解。

背景与问题

字体是设计中最基本的构成元素之一，在UI设计中亦是如此，用户可以通过设置好的文本信息来理解内容和完成操作，井然有序的字体排版可以提升用户的阅读体验及操作效率。Ant Desgin建议字体方案从字体家族、主字体、字阶与行高、字重、颜色五个方面考虑。中文字体家族肯定是优先使用系统默认的界面字体，IOS系统字体：苹方(PingFang SC)，安卓默认字体：思源黑体(Noto Sans)；在移动端设备主字体一般以28px为主；字阶是指一系列有规律的不同尺寸的字体，简单理解就是不同大小的字号，行高是包裹在字体外面的无形的盒子，字阶和行高是紧密关联的。

我们在做项目的时候，设计师们经常会遇到字体行高的问题，每个人设置习惯不一样，也会遇到测试还原度的时候发现行高和高保真不一致但是初步都看不出谁错的问题。今天我们来聊聊设计时sketch中的字体行高到底该如何设置？

真实设计时工作场景：

强迫症设计师：这个标签上下间距不一致诶～

淡定哥设计师：是的，但是是字体本身行高是奇数导致的，不影响整体效果的～

强迫症设计师：不行，不行，这个组件我要手动调整一下，保持一致～

淡定哥设计师：甩一个无表情～你有强迫症啊～

那么设计师们用sketch设计的时候会发现，会有几种常用字体字阶(就是不同字号)的默认行高是奇数，举个例子：在设计标签的时候，上下间距保留不一致最为明显，不知道会不会有强迫症的设计师将其行高进行调整成偶数，手动调整1px进行强制对齐，有木有～如果答案是肯定的，那你一定要瞪大眼睛看下去，对～没错～那你和我们的气场是合拍的～

真实测试还原度时工作场景：

设计师：这个