当前位置: 首页 >经验谈 >排版教程入门初学者(零基础学习排版的4个细节)

排版教程入门初学者(零基础学习排版的4个细节)

2023-04-04 11:34:21 经验谈
66 0

对文字间距的调整,是最基础的排版工作。当你学会选字后,得要对字号进行层级的划分,再对文字间距离微调。但这却被不少设计师所忽略,更不会有前辈的悉心指导。所以接下来我结合自己平时工作的经验,梳理了几点有关文字间距的小贴士,希望能给你带来帮助。

01#

字距与字间距。

对于中文排版,在了解字间距之前,首先对字面框和全角字框有所认识。

排版教程入门初学者手机

 

中文字符被称为全角字符,被局限在正方形中设计而成,而这红色的字框就是全角字框,也就是字体的字号大小。而框里面的文字部分为“字面”,所形成的框为“字面框”,也就是文字实际尺寸。

那么字间距是什么?字间距和字距有什么区别?

排版教程入门视频

 

● 字间距:字与字之间的距离,也就是全角字框之间的距离。

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

排版教程入门初学者手机

 

那么为什么要调字距?

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

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

02#

字间距的四种类型。

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

排版教程入门初学者ps

 

❶ 默认型字间距:

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

排版教程入门视频

 

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

排版教程入门初学者视频

 

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

❷ 紧凑型字间距:

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

排版教程入门初学者天气

 

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

排版教程入门注解

 

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

排版教程入门注解

 

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

❸ 微调型字间距:

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

排版教程入门初学者视频

 

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

排版教程入门视频

 

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

排版教程入门初学者手机

 

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

❹ 留白型字间距:

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

排版教程入门视频

 

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

排版教程入门初学者ps

 

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

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

排版 教程

 

排版教程入门注解

 

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

排版教程入门初学者视频

 

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

03#

行距与行间距。

排版教程入门初学者ps

 

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

排版教程入门初学者天气

 

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

04#

行距类型。

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

● 内文行距:

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

排版教程入门初学者视频服装

 

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

排版教程入门注解

 

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

排版教程入门初学者视频

 

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

排版教程入门初学者视频

 

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

排版 教程

 

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

排版教程入门初学者手机

 

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

总结一下#

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

admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂