排版三要素：字设计号、行距和字间距

2021-01-29 点击量：

前言：字体从设计到使用，其实是一个非常大的范畴。得益于互联网技术的发展，我们已经免费享用了很多字体设计师的功劳，比如很多文印店给客户设计LOGO，其实无非也就是筛选字体而已，调配颜色……这的确不假，在某种层面，设计师的工作类似「组装」工作，所不同的是，组装的前提是你一定要懂得字体设计背后的逻辑和审美趣味，做好风格样式调配，因为每款字体设计出来，并没有配备使用说明书，千万种可能，是留给我们去发现的。

在平面设计中，排版看似简单（大部分人都停留在能使用word就可以排版的认识上），其实非常考验设计师的基本功。虽然我们也大量摄入了很多有关排版的理论知识，但是知识无法活用，没有得到实践验证时，是非常危险的。因此，在本文中，我会拿我自己作为设计师以及阅读者两个身份来切换思考，也许我们在此能探索更多。

在排版前，我们要清楚的三个重要概念就是：字号、行距、字间距。当然，其他相关的概念还有很多，比如字体、字体家族、粗细轻重、首行缩进、标点符号等等。但我认为这些都是相对来说次要的。

字号与阅读速度

字号明确了字体本身的尺寸大小。在阅读文章时，每一个文字就是一个「点」，点是平面构成三元素之一（点、线、面）。字号大小的设置取决于阅读者的阅读速度。

比如小朋友和老年人的阅读速度可能不及一个有着常年阅读习惯的年轻人，那么在针对这部分人的排版当中，字号就应该设置得稍大。大家可以感受一下阅读下面左右的段落文字，看看是不是较大的字号会让你的速度变得更慢。

字号越大其阅读速度也会放慢，当然其文字的关注度也会增加，除了文字本身涵盖的信息以外，文字在放大时，笔画的细节就越来越明显，观者的注意力就会从对每个字的「点」的层面慢慢放大。而文字越小，阅读会变得更为快速。

比如我们平时所知的快速阅读法，就是由逐字逐字的阅读变为连词阅读。

字号与主次信息

所以我们平时在做平面设计排版时，就要考虑到受众的阅读习惯再进行设置。大号的字体更能瞬间吸引眼球，因此是主焦点所在，也是主要信息应该运用的，这时就要注意与此搭配的字号，注意在多层次的主次信息上字号运用需要有对比。

能与大字号进行搭配的是小字号，而且彼此最好能对比明显。这样才能形成信息的主次传递。

有些宣传方认为文字越大，其吸引力效果越强，就采用统统放大字体的做法，这样来输出信息，由于没有对比，整体版面凌乱。而完全没有考虑过阅读者真实的感受。

其实作为阅读的一方，平时我们在看广告牌、打开APP浏览Banner时，都会因为一个版面太过凌乱的画面而立刻切换掉这样的信息，不是吗？长期被广告轰炸的我们，其实根本不喜欢这种被信息牵着走的感觉。所以，已经练就了可以过滤掉【繁杂信息】的过滤机制，保护自己的注意力。

案例分析

我们可以拿常见的网店Banner设计为例来说明排版中的误区，这是一个看上去比较常见的设计，左图右文，排版最大的问题就是右边的文字信息过多，字体主次不太分明，造成阅读拥挤。

下面我们逐条分析作品中的问题：

1）字体颜色单一，且饱和度极高，容易让人视觉疲劳

2）三行字体间距过于紧密，字体的字号没有区别

3）Banner虽说是一个非常重要的传达重要品牌信号、推广信息的图片，且大部分尺寸都较大，但是其中传达的信息也需要有一个重要焦点，而不宜输出过多的文字。

作为平面设计师，我认为也应该和文案一起结合考察，文案本身是否足够精简扼要？次要的文案是否可以删掉？设计师的职责并不是“美化”，而是“体验”，把自己放在接受者的位置，你愿意对方一次性就输出这么多信息给你吗？还是想慢慢一步步接受后再深入了解？

于是可以我们做下面的调整：

1）将文字的色彩进行调整，形成阅读的主次顺序，照顾到整个Banner要传递的主要信息——冬季新品，放大的冬字才用宋体，和其他的字体相异。宋体的字型对应女性的轮廓，看上去更具曲线感。

2）红色是非常吸引眼球的颜色，因此有些次要的文字可以不需要一直用红色，而把主题词和引导按钮用红色进行处理。

3）按钮变为动感较强的形状，这样能增加画面的及时感。也符合这一片排版的形状布局。

4）行距之间拉开差距，字体大小对比明显

5）删掉没那么重要的传递品牌价值的文案，在这里，集中传达一个信息就足够了

6）颜色改为相对柔和的暖粉色，传递冬日暖阳的气氛。背景用了一些白色的雪作为点缀，突出主题。

在不改变原有布局和素材的情况下，我们把字体排版进行了调整，版面就清晰、简洁了许多。