版式设计中,选了字体,如何规范字号、粗细、字符间距和行距?

一切版式设计都是为阅读而产生的,阅读的基本前提是清晰的视觉效果。那么在板式设计中,影响信息传递的基本因素不仅仅是前文(字体太多怎么选?十几年的设计总监最擅长用这七种字体)所说的字体问题,字号、粗细、字符间距和行距都是影响阅读的基本要素。本文计划将这几个问题放在一起和各位设计师朋友聊一聊。

我们先看一个案例:

在这段文字中,在字体选择上,我们同意采用的是微软雅黑,有所区别的是标题相比正文使用的是24pt的加粗体。在字符距、行距和段落距方面都沿用最原始参数,并未做任何调整。很明显,这样的排列方式是不便于阅读的,密密麻麻的,读起来很费力,让人有一种并不想往下读的感觉。那面对这种字数较多的段落,设计师在确定了字体之后,对于各方面距离应该如何考虑?如何规范呢?

字号相关“规范”

选择什么样的字体是基于设计风格,而选择什么样的字号则是基于阅读距离,不同的阅读距离,通常会有相对固定的字号范围。设计师只有了解了这个基本原理,做出来的作品才更符合逻辑和阅读习惯,也才有审美可言。根据阅读距离,基本可以分为手持阅读,站立阅读和远距离阅读三种基本形式。如最常见的DM单、书籍、名片、画册、折页、手持电子设备等都是手持阅读范围,这些场景下的板式设计,字号就会相对较小,通常在7—12pt之间,而8pt是使用最多的。

站立阅读最常见是室内海报,店招、展架等形式。这些阅读形式的视距比手持阅读要远,因此字号也会做相应放大。一般都会选择48pt以上字号。更远距离的阅读,比如户外大喷,地铁站台广告等,其字号可以根据实际需求做恰当调整。

提示:这样的规矩并不是一成不变的,设计师在不同的应用场景中,不见得一定要尊重这样的“规定”。这只是在普遍场景中的普遍规律。但无论如何变化,满足视觉要求都是第一。在常见的印刷物料中,标题通常比副标题大1—2倍字号,比正文内容大2—3倍。

相同字号的粗细对比

在阅读中,我们无法否认无论是什么样的阅读方式,其核心依旧是内容,在内容之上,影响阅读的基本要素之一是相同字号的粗细问题。字号粗细往往能给人视觉上强烈的对比,引起重视或要表达强调。在字体中通常用“Light”“Regular”“Heavy”来表示,表示字体的粗细,也称为字重。如下图就是以思源黑体为例的,相同字号下不同粗细的对比:

很显然,选择不同粗细的字,在视觉感官上的区别还是很明显的。在版式设计中,这些不同粗细的字,越粗的字通常是用来表达越重要的内容,比如一级标题通常都会选择粗体字,副标题选择低一级的字。正文内容则又比副标题降低一个粗度,如果一个页面上需要出现比正文内容更小的字时,同样会选择相同字体中的最细字。

字符间距与行距

在版式设计中,字符间距和行距是每一名设计师都必须考虑的事情。如果一张海报中的内容很少,一行就能说完,那就只需要考虑字符间距,如果是文字很多,有涉及到标题、副标题、正文和分段时,就需要考虑行距的问题。

行距:我们的阅读习惯都是从左向右,当一行读完后转行,上一行与下一行之间的距离就是行距。但是在板式设计中除了每一行之间的距离,还要考虑正副标题之间的距离,标题与正文之间的距离三个方面。下图就是标题、副标题、正文及装饰文字之间的字号和距离展示。

为什么要使用这样的行距,难道其中还有更玄妙的关系吗?这个问题在本文姑且留给各位看官去思考,因为要回答这个问题不仅涉及到亲疏的问题,也涉及到群化和层级的问题。我们打算在后面的文章中继续为大家解答。我们最后一起看一下,在文章开头的那个案例,经过重新排版之后的效果:

版式设计系列课程回顾:

版式设计系列课程1:版式设计的基本概念包含哪些内容?

版式设计系列课程2:版式设计中的“三定一执行”是什么意思?

字体太多怎么选?十几年的设计总监最擅长用这七种字体

举报
评论 0