别人不想告诉你的4个排版细节
作者:优漫动游设计部 2023-02-04 17:49 查看: 394
  别人不想告诉你的4个排版细节,对文字间距的调整,是最基础的排版工作。当你学会选字后,得要对字号进行层级的划分,再对文字间距离微调。但这却被不少设计师所忽略,更不会有前辈的悉心指导。所以接下来我结合自己平时工作的经验,梳理了几点有关文字间距的小贴士,希望能给你带来帮助。


别人不想告诉你的4个排版细节


  01、字距与字间距。

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

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

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

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

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

  那么为什么要调字距?

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

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

  02、字间距的四种类型。

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

  默认型字间距:

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

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

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

 紧凑型字间距:

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

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

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

  为了更符合阅读视觉,我们分别来缩减它们的字间距,以达到良好的阅读体验。

 微调型字间距:

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

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

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

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

  留白型字间距:

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

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

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

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

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

  以上就是小编今天为大家分享的关于别人不想告诉你的4个排版细节,希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服