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

  01、字距与字间距。

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

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

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

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

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

  那么为什么要调字距?

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

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

  02、字间距的四种类型。

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

  默认型字间距:

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

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

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

 紧凑型字间距:

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

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

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

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

 微调型字间距:

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

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

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

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

  留白型字间距:

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

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

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

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

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

优漫动游别人不想告诉你的4个排版细节相关推荐

  1. 广州优漫动游公司:UI设计师的未来方向在哪里?

    行业的崛起,使得大批人进入这个行业:而在这些人中只能筛选出极少数优秀UI设计师,所谓传言不会空穴来风,被淘汰的人就成了"行业饱和"的说法的现实支持.很多人对于UI设计的理解还是很广 ...

  2. 广州优漫动游公司:零基础参加UI培训的一些常见问题

    随着互联网IT行业的发展,越来越多的人选择入坑互联网,UI设计是一个很好的选择,但是很多没有基础的同学都会选择先去培训机构培训,今天优漫动游小编先来给大家讲一下零基础参加UI培训的一些问题. 1.我想 ...

  3. 广州优漫动游公司:UI设计中的详情页怎么设计?

    以淘宝天猫京东这类综合类电商网站为例,一个完整的详情页一般由以下部分组成:首图Banner+产品信息+产品功效介绍+产品外观展示+产品细节展示+其他等,今天优漫动游小编聊一聊详情的设计技巧.这里所说的 ...

  4. 广州优漫动游公司:UI设计中的ps要学多久

    Ps全称为Photoshop,是做设计的基本工具.想学习设计的人都需要学会这一款软件.那么学习ps要多长时间?如何快速学会ps呢?ps要学多久?其实,学习时间的长短主要取决于你采取什么方式进行学习以及 ...

  5. 广州UI设计培训注重实践教学优漫动游

    当然,学UI设计最好的学习方法就是报班系统学习了,学的快速,学的全面,学的专业,学的高级,学好以后就能从事UI设计工作.     那么如何去选择适合自己的UI设计培训班呢?下面优漫教育小编就为大家讲解 ...

  6. UI设计中连笔设计怎么做出高级感?|优漫动游

    把文字与文字之间的部分笔画连接起来,是字体设计中很常用的一个技巧,使用得当可以增加字体的设计感.整体感和美感,在标题设计中最常用到.不过对于零基础学ui设计的新人来说,想要灵活的使用这个技巧还是需要有 ...

  7. 优漫动游:UI设计是什么?和平面设计有什么区别?

      有很多从事平面设计的朋友问我,UI设计是什么?和平面设计有什么区别,UI设计和平面设计的前景哪个会更胜一筹呢?今天优漫动游小编和大家来说一下.   01.什么是平面设计   平面设计工作是一个主观 ...

  8. UI设计中常用的抠图工具特点对比|优漫动游

    UI设计师必学哪些技能?抠图是一个设计师必不可少的技能,不同抠图工具怎么使用?比较常见的抠图方法有钢笔.魔棒.快速选取.通道等.不同的图需要不同的方法进行抠图,每种抠图方法也各有其优点和不足,接下来优 ...

  9. 优漫动游:如何解决Adobe XD无法拖入图片?

      随着使用Adobe XD软件的用户越来越多,也有越来越多的人在使用的过程当中遇到图片无法拖入的问题出现.对于XD软件无法拖入图片,那么就会对于原型创建设计有一定的影响作用!所以说不少人都十分困扰! ...

最新文章

  1. R语言使用pROC包绘制ROC曲线、获取最优阈值(threshold)及最优阈值对应的置信区间
  2. 一些今天看到的好句子
  3. R如何与Tableau集成分步指南 - 适用于数据科学和商业智能专业人员
  4. 2021-06-14
  5. 太绝了,赠你34张网络知识架构思维导图
  6. Qt学习笔记(一) 第一个Qt应用程序
  7. 三种方式实现分布式锁
  8. mysql 优化设计库_数据库优化设计与SQL优化
  9. 第二次尝试修复Hbase2出现Region不一致,使用 HBCK2 - 2021.11.15
  10. php实现ssh客户端,php无阻塞SSH客户端实例
  11. 实现一个简单的Tomcat 1
  12. 常见URL字符及URL编码值
  13. Template Method模板方法
  14. 关于Aws SNS的使用 小结
  15. 安科瑞电力监控系统在上海平凉街道23街坊商办项目的应用
  16. 微信小程序关于map地图
  17. A870省电内核超频内核编译及制作
  18. ECCV2022 | 生成对抗网络GAN论文汇总(图像转换-图像编辑-图像修复-少样本生成-3D等)...
  19. 微信小程序云开发|个人博客小程序
  20. 爬虫爬取糗事百科图片数据

热门文章

  1. 安装 pnpm 出现 : 无法加载文件 D:\node\node_global\pnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft. 解决办法
  2. wincc的画面怎么用博图打开_如何把西门子精智面板画面直接转换成博图WINCC RT ADV画面...
  3. 搭建LNMP,步骤最详细,附源码,学不会打我
  4. Python,Javascript和Web自动化
  5. 数字电路中的逻辑代数基础
  6. 街机风 Tappy Chicken(官方)材质
  7. 敏态开发在大兴机场数字化转型中的实践
  8. VMware虚拟机与宿主机组建局域网
  9. bzoj 2217 [Poi2011]Lollipop 乱搞 贪心
  10. java 超链接_java 将字符串中的网络连接加上超链接