● 字距：全字角框的低端到下一个文字的全角字框低端之间的距离。

那么为什么要调字距？

字间距用默认的不就好了吗？

对于刚开始学设计的同学来说，你可能注意不到这些细节处理，也正是这些小细节而影响到你的版面是否具有精致度。

02#

字间距的四种类型。

在这里我将字间距分为常用的四种类型，分别为：默认型字间距、紧凑型字间距、缩进型字间距和留白型字间距。

❶ 默认型字间距：

默认型字间距是软件默认的字间距，在字符工具里的“字间距”数值为0。

视觉上看不会太大也不会太小。 但默认型字间距在不同字体的情况下，由于字形结构不同，字面框也不同，所产生的字间距看起来也变得不均匀（如下图所示），那么在编排文字标题，或内文段落的时候，会影响文字阅读和画面美观。

所以也不要总依赖软件上的默认值，除非视觉上觉得没问题。那如何调整它们，接下来我们进行缩短间距，也就是紧凑型字间距。

❷ 紧凑型字间距：

紧凑型字间距是对默认值进行微调，将字与字之间的距离进行缩短。在字符工具里的“字间距”数值为负值，区间一般设置在0~-50 不等。

但是具体数值要根据不同的字体来做决定，不能只用一个数值去调整所有字体，例如下面的情况：

⬆︎ 在相同的字号、字重、字间距的情况下，黑体、宋体、楷体和仿宋相比较，你会发现仿宋和楷体的字间距比黑体和宋体的要大。

⬆︎为了更符合阅读视觉，我们分别来缩减它们的字间距（看清楚哦，不是用同一个数值去调整），以达到良好的阅读体验。

❸ 微调型字间距：

微调型字间距指当某些文字标题组合出现不太舒适的间距时，通过微调字符间的距离，来 让整体字间距达到视觉上的平衡。

⬆︎例如数字和中文的组合，明显看到数字的字间距不一致。

⬆︎打开AI软件中的“字符面板”，点击“设置两个字符间的字距微调”中的“视觉”来微调，如上图所示。

⬆︎如果觉得数字的字间距还是存在视觉不和谐，我们可以手动调整，同时按着“ Alt”+“左/右键”缩减/增加间距，消除这种不太舒适的间距效果，这也是我常用于不同字体编排的字间距调整。

❹ 留白型字间距：

留白型字间距指字与字之间会多留一些空白。

⬆︎在AI软件的“字符面板”中，在“字间距”选项中输入正值。区间一般在50以上才有明显的空白，当然这个也要取决于不同字体。

⬆︎又或者在“插入空格（左）”这项中选择不同的全角空格来增加空白。

这种留白字间距适合用于有意境、随性自由、轻松的主题中。 可以让文字呈现出一种透气感，放慢阅读节奏，一般适用于标题或简短句子中。

不过也要注意避免留太大的间距，以免失去信息的关联性。但如果你的排版基础比较薄弱，还是建议不要使用这种方式去编排，不然很容易造成视觉混乱，影响版面效果。

⚠️ 另外需要注意，当文字进行竖编排时，竖编排比横编排的字距看起来更紧密，这时也需要适当增加间距，调整文字阅读的舒适度。

03#

行距与行间距。

● 行距：指某一行文字顶部与下一行文字的顶部之间的距离，也就是文字大小加上行间距为行距大小。

● 行间距 ：指某一行文字的底部与下一行文字顶部之间的距离，也可以理解为行与行之间的距离。 所以行距和行间距也不是同一个概念。

04#

行距类型。

我将行距分为三种类型，分别：内文行距，标题行距，和标题加内文行距。在本文我们主要了解 内文行距。

● 内文行距：

内文行距就是在大段文字中，行与行之间的距离。而 在AI软件的“字符面板”中，行距的数值是通过“字号大小+行间距”所得。

所以 当你知道这些数值关系之后，行距就不用靠猜测来调整，例如下面的文段操作。

⬆︎当内文字体为思源黑体regular，字号为9pt时，如果行距使用默认值（自动）。那么行与行之间的距离显得非常紧密，不利于阅读， 这时候需要调大行距。

⬆︎例如行距设置为内文字号（9pt）的2倍，也就是行距为18pt， 相当于间隔一个内文字号的大小，如上图操作。

⬆︎此时文段字号为9pt，行距为18pt，看起来稍微点宽。继续调整……

⬆︎这里我将行距调为17pt，也就是18pt减去1pt得到17pt，这时候的行距比较符合良好的视觉体验。于是通过不断的测试， 我总结了以下的行距范围公式。

而这个公式是我平时使用的行距范围，意思是内文字号的两倍减去0～3pt的数值，这个方法非常适合设计小白来使用。当然啦，也要考虑不同字体和主题调性的情况。

总结一下#

文章到了最后，我们来总结一下。对于文字间的距离是没有固定的数值来定义它们，需要我们不断去测试和调整。所以细节能看出一个作品的质量，千万不要认为细节处理是浪费时间，当你把细节都做到位了，就可以跟小白阶段说拜拜了。

【推荐 】 10款好看又好用的古风字体，免商用哦！

‍ 诚品书店的Banner设计，文艺又好看！

4个必备高清材质纹理素材网站，免费可商用！

这么赞的折页，留着以后用!

个人简历这样排，hr也会多看几眼！

图片来源网络，版权归原作者，如需转载请联系本号

【在看】和【点赞】等你来

👇 👇返回搜狐，查看更多