排版 × 段落文字编排

进入正文之前先说一个好消息!

可能是微信官方看到了本喵的勤快,所以开通了原创声明,即日起大家可以在评论区灌水吹牛啦!当然啦,有什么问题也可以在评论区提问,看到后我会解答的!

--------------------------------------------------------------

好啦,我们现在进入正文吧!事情要从那天说起,那一天,群里有同学这样问道,

所以我打算统一的说一下关于字距跟行距的问题。

先说说字距,字距分为宽松型字距与紧凑型字距,宽松型字距常用的有半个字宽和一个字宽,

上图是字距为0的效果。

上图是0,半个字宽,一个字宽的效果,字宽就是字与字之间的距离。比如下图中的灰色块就是“希望”之间的大约字宽。

通常情况下,一个字宽的字距设置成1000,半个字宽的字距设置成500,但这个数值只起到参考作用,并不是定值,如果你是处女座、你有强迫症,那你也可以设置成绝对的一字宽,像下图这样

当然这种是需要自己手动调整的

——

我说的这个宽松型紧凑型字距只适合标题字,内文的话一般字越小字距就会越大,但达不到宽松型字距这么大,内文小字略微拉大点字距是为了更好的阅读。

0是一种紧凑型字距,字距还可以调整成负值,如果标题很大,或者字与字之间余白过多的时候可以用紧凑型的负数值,负数值每个字体都有所不同,下面举个例子。

比如我用 FF DIN Pro这款字体打出了0.1,现在是0字距。但是0跟1之间太空了,余白过多,那我可以调成负值。

现在是-70,是不是感觉01之间没有那么强烈的距离感了呢?

讲完字距再来说说行距,行距就是行与行之间的距离,一般软件默认的行距都是1.2倍。

你们可以看一下,而且默认的是带括号的,如果10pt的字,他默认的行距就是12pt。

这个默认字距做标题字还是可以的,但是做内文的话就堵了点,特别是大面积文字编排的时候,行距过小就会影响阅读。

所以常用的是1.5倍、1.618倍(黄金比)、1.414(白银比)还有2倍行距,但这些都不是定值,只是一个参考值,真正做设计的时候要具体问题具体分析。

比如上面这么一大段文字,现在默认的1.2倍行距是不是很堵呢?而且作为内文来说字重大了,导致整体的灰度也大了。

除了行距的问题,现在的字距跟上图的参数一样是-50,也是相当堵,没有透气感。

——

我们先调整一下行距,比如我们用个黄金比行距,那我们用字号乘以1.618,就是我们要的行距。10*1.618=16.18,四舍五入,按16号的行距,如下图所示。

是不是比刚才的透气了呢?我们还可以调一调字距。

——

上图所示,现在字距从-50变成了10,更加透气了。

但是这个文字段还有哪些问题呢?

我们来看一看:

  1. 上图红色部分 / 文字没有两端对齐,造成了参差不齐的结果,

  2. 上图蓝色部分 / 标点没有设置避头尾,所以有的标点出现在了行末或行首,不符合阅读习惯,也造成了画面很多窟窿。

  3. 上图黄色部分 / 中文字体与英文和数字的气质不匹配,英文使用的是DIN系列字体,这个字体属于现代风格的无衬线体,跟宋体这种传统风的字体风格不搭。

基于第三点我们来延伸一下,讲一下复合字体。

一般来说,大部分中文字库里面的英文字体设计的很烂,所以这个时候我们就要中文选一种字体,然后英文选一个气质与中文相同的字体,这就叫复合字体。就像刚才中文是Adobe宋体,英文是DIN字体,虽然也是复合字体,但明显搭不起来。

为了方便理解,再举一个例子吧,

拿这个方正风雅宋举例,他自带的英文字体跟中文明显不是一个风格的,不知道你们能不能看出来。

风雅宋的横特别细,属于现代宋体,横竖对比很明显。英文就没有这感觉,而且英文现在因为字重较中文更大,所以离远了看明显英文比中文要重。

因为气质不搭,所以我们不能用中文字库自带的英文字体,而是要选用用复合字体,比如我现在英文给他换成与风雅宋风格特别像的didot字体看一下。

上面是原配,下面是我调整过的,哪个给人的感觉更协调。更一致?

明显调整之后的风格更统一对吧,这就是为什么我们要用复合字体的原因。

——

ok,讲完了复合字体我们继续回到段落文字编排这一块。

现在的字体是方正兰亭刊宋,这款字体的英文与中文灰度一致,笔画气质也相近,所以就不用做复合字体了,当然你用复合字体也是可以的,大家千万不要把知识学死了,要灵活运用,活学活用!

到这里,我们刚才说的第三点字体气质不搭配已经解决了,还有两端未对齐和没有设置标点避头尾法则这两点。

——

先看两端对齐怎么调整。

段落选这个,两端对齐莫行左对齐就可以啦,效果如下。

现在虽然两端对齐了,但行首行尾还是有标点符号,

刚刚有同学问为什么标点不能在行首和行尾?这是因为标点在行首行尾会造成这一块空了,显得这里参差不齐,针对这种情况我们设置一下避头尾就可以了,如下。

PS跟AI是不同的,我用的是AI,PS里“行尾挤压半角”这个地方通常是“间距组合1”或者“间距组合2”等,虽然名称不同,但功能是一样的。下图为我设置避头尾后的效果。

这样是不是舒服了很多?但有的行尾还是有标点,比如下图这里,

针对这种情况我们就需要手动去调整了,我最常用的方法是在这个“性”字之前加几个空格把“性”和标点挤压到下一行,因为是两端对齐的所以不会对段落的规整度造成影响。下图为调整好的。

当然还有一种处理方式叫标点悬挂,也叫标点溢出,就是把所有的行末标点离开段落文字稍远一点,在外面做到标点与标点对齐的形式,

就像这样,让标点在段落文字之外。那这种形式整体看起来怎么样?

这种形式当然也不会对文字段造成太大的影响。

——

现在看一下调整前后的对比吧。

上图为调整前,下图为调整后

调整前后是不是一个天上,一个地下呢?

——

再来问大家一个问题,你们说有的文字编排段首空两格是为了什么?

(此处省略群里同学的回答,有的说是中国传统,有的说是小学写作文的习惯)

并不是你们说的中国传统还是什么的,从功能性上来说段首空两格是为了提醒我们这是两个文字段落,是分开的,是不同的内容。

那你们再来说说我们设置段落的间距是为了什么?

段间距就是段与段之间的距离,如下图红色区域。

那设置段落间距的目的是为了什么?

也不是你们说的为了看起来舒适,段间距的作用也是提醒我们这是两段内容。

所以一般情况下我们都会二选一,或是空两格,或是不空格增加段落间距,他们的功能性是一样的。

当然你也可以又空两格又增加段落间距,但功能性上来说重复了,给人的感觉也很奇怪,就像下图这样

相比前两个二选一的,两个都用就给人很奇怪的感觉。

ok,这次关于段落文字编排就讲到这里吧,还有不懂的童鞋可以在群里问。最后再看一下调整前后的对比,总结一下本次所讲的段落文字编排的知识点。

上图为调整前,下图为调整后。

最后回顾一下讲的知识点:

1.字距与行距

2.段落文字的灰度均衡

3.字体与复合字体

4.文字段的两端对齐

5.标点避头尾法则设置

6.段落间距与空两格

大家都记住了嘛?

(0)

相关推荐

  • 小白必看—全面解析:字号、行距和字间距

    平面设计排版看似简单,其实非常考验设计师的基本功.如果知识无法活用,没有实践验证,是很多的问题. 有三个重要概念:字号.行距.字间距. 如字体.字体家族.粗细轻重.首行缩进.标点符号相对次要. 字号与 ...

  • 字符面板

    Ps菜单:窗口/字符 Window/Character ◆  ◆  ◆ 选项说明 A. 字体 Font Family H. 字体样式 Font Style Ps中拥有包括 Emoji 在内的 Open ...

  • 3.1 word段落设置视频教学 排版技巧 文字处理

    3.1 word段落设置视频教学 排版技巧 文字处理

  • 文字编排指南:如何选择完美的字体样式组合?

    了解如何有效地使用字体不是一项艰巨的任务.当有目的的利用字体风格和吸引力时,字体可以让设计变得脱颖而出,清楚地传达品牌,并让内容更加引人注目.掌握字体艺术对于设计成功至关重要,因此请参考这些有关如何有 ...

  • 错位!文字编排的另一种对齐

    文字编排在之前写文一篇利用几何图形进行编排的文章,但在设计中对于使用比较频繁的文字这个比较大的分支来说,是需要更多且更具有创意性的编排形式来满足于我们的需求,同时也是众多优秀设计师越来越在意,且研究更 ...

  • 制作PPT时如何粘贴和排版网络文字?

    大家在制作PPT的时候,有一些资料是需要到网上去复制粘贴的,但是网上的资料有很多的超链接,直接粘贴很麻烦,下面小编就来讲一下如何操作吧! 1.我们打开百度百科的网站,复制一下它的内容,然后右键--复制 ...

  • 排版中文字的扭曲

    之前在<治字百方>的文字编排里简单说过,在一些单张的排版中,信息分三个部分:①吸引性形式,负责远距离吸引路人注目,可以无任何意义,关键在于让路人成为观者:②关键性信息,负责中距离传递信息, ...

  • PPT中的文字长短不一如何排版

    如果我们通过ppt进行文字排版,文字长短不一,如何进行排版呢?下面来看看操作吧. 1.打开PPT我们可以看到有六条文字,但是文字长短都不一样. 2.这个时候我们先将文字排成一竖列. 3.然后全部选中, ...

  • Word如何对文字或者段落进行移动?

    我们在处理Word文档的时候,有时候需要对文字或者段落进行移动,下面就让小编来教大家比较便捷的操作吧! 1.我们要将图中的红色文字进行移动. 2.首先我们确定好光标的位置. 3.然后将红色文字用鼠标刷 ...

  • 几个可瞬间提高WPS文字排版速度的小技巧你值得收藏

    几个可瞬间提高WPS文字排版速度的小技巧你值得收藏 时间:2016-04-28   作者:snow   来源:互联网 提高WPS文字排版速度的几个小技巧. 1.熟练使用几种常用快捷键 初级: Ctrl ...

  • 文字排版组合形式,灵感大全!

    文字排版组合形式参考 创意无限值得参考借鉴