版式三部曲之文字篇Homepage recommendation
314天前Publish
54770
|
64
|
1437
编排细节就是“文字”,为什么是文字呢?因为我们在排版时除了处理图片之外,剩下的就是要编排文字。





继版式三部曲之构图篇结束之后,终于迎来了这个系列的第二篇内容,就是“文字篇”。对上一篇内容还有印象的同学,应该记得我们上次在结尾处预留的一个预告,当时提到的编排细节就是“文字”,为什么是文字呢?因为我们在排版时除了处理图片之外,剩下的就是要编排文字。今天的这篇文章也将围绕着“文字”展开,相信大家看完后会对“文字”有一个全新的了解,也将明白文字对于版面的意义是巨大的,处理好它,基本上你的版面也就编排的差不多了。好了,下面我们开始今天的内容吧。








首先来看几张不同类型的海报,第一张文字占比较高,第二张图片占比较高,

第三张文字与图片占比是五五开。

然而不管是属于哪种类型的,它们的核心目的都是在传达信息。

因为对于一张海报来说,我们不光会看还会去阅读它们。






平面设计就是通过文字来“说话”的。






而在广告设计中,图片的占比会非常高,因为广告多以图片为主,

通过图片我们能大致的猜测出设计师想要表达的东西是什么。






总结一下:广告设计多以图片为主,意在通过图片传达概念;

而平面设计则多以文字或图片为主,意在通过文字传达信息。






那么作为信息传达的载体,字体就显得格外重要了。

下面会从字体的分类、字体的搭配、字体的气质与设置细节着手,慢慢带领大家去认识字体,

首先我们来看看字体的分类都有哪些。






中文字体大致可分为:黑体、宋体、圆体、书法体与卡通体等。






其中书法体又细分为:楷书、行书、草书与隶书等。






在列举的这些字体中,最常用就是:黑体、宋体和圆体,而在书法体中,最常用的是楷书与行书。为什么说这些字体常用呢?因为在许多优秀的设计作品中,这些字体的出现概率都非常高,尤其是黑体与宋体。






英文字体大致可以分为:衬线体、无衬线体、手写体与展示字型等。






其中最常用的就是:衬线体与无衬线体。理由与中文一样,它们也是使用率很高的字体,

其次还有一个原因就是在以中文为主的设计中,它们与中文字体搭配起来比较契合。






拿黑体来说,与之搭配的英文字体就是无衬线体,因为它们的笔画特征相似度很高。






宋体搭配的就是衬线体,因为宋体的笔画特征是有粗细变化且有装饰线,

而英文的衬线体也刚好有与之相似的地方。






而圆体则是搭配拥有相似特征的无衬线体。






因为常用的书法体通常使用毛笔书写,所以在笔画特征上没有与之相匹配的英文字体,大多数时候我们会选择用衬线体来搭配,具体原因我会在后面的字体气质环节为大家讲解。






虽然也有别的搭配方式存在,但给大家提供的这些都是最常用和最安全的。

说完字体搭配问题后,下面我们来看看这些字体,所包含的气质又有哪些。






首先是黑体,它具有科技感与现代感,这是由它简洁干练的笔画特征决定的。






其次黑体也能表现出运动与时尚的感觉,因为运动与时尚本就是偏现代的词汇。






接着是宋体,它具有文化与历史的气质,这个比较好理解。






而除了能表现出历史与文化感之外,宋体还能表现出清新与雅致的感觉,这是由宋体的笔画特征决定的,横细竖粗且末端带有装饰,与优雅精致的感觉十分契合。






圆体的特点也是非常明显的,在看到它时脑海中的第一印象就是可爱与卡通。






除了刻板印象外,圆体那种圆滚滚的笔画给我们的感觉还有安全和易亲近,

所以圆体也能用来表现儿童与温暖感觉的题材。






一说到书法体,能直接联想到的关键词就是传统与历史,因为书法的演变就是我们汉字发展的轨迹。然后我们回过头来讲一下,为什么书法体可以和西文中的衬线体搭配。






原因就在于衬线体也具备书法体的某些气质,比如传统、文化、历史等。

与书法体在早期的东方一样,衬线体在早期的西方也是主要的字体之一。






温暖、人情味儿,说到书法体可能很难联想到这两个词,但是书法体确实具备这种气质。跟黑体这种棱角分明的字体相比,书法体是手写出来的,它的笔画特征给我们的感觉就是有“温度”的。







在字符面板中,除了选择字体与改变字号以外,这两个区域相信大家用的还是比较多的,

它们分别是:行距设置与字距设置。






拿行距来说,在使用时有几个比较常用的设置方法,比如用当前文字的字号乘以1.2、1.732或是2。不过,通过这个方法所算出来的数值只是一个参考,也就是说你可以在这个基础上做些调整。






比如:在计算出的数值的基础上进行递增或是递减,这时你要做的就是用眼睛去观察,觉得大了就减少一些,觉得小了就增大一些。






其中,用字号乘以1.2适用于标题。







比如上方那个标题的字号是40pt,那么行距的数值就是用40乘以1.2等于48。

下方这个是在此基础上做的一个调整,稍微增大了一些行距。






字号乘以1.2适用于标题,而用字号乘以1.732或2则更适用于小字号的文字,比如内文。






上方是用字号乘以1.732的例子,字号是9pt,用它乘以1.732得出来的数值是15.588,四舍五入取个整数得到的行距就是16,下方这个是用字号乘以2得到的效果。






大多数情况下建议大家用字号乘以1.732的行距,大小比较适中。






跟行距不同的是,基本上来说字距是无需调整的。当然还是那句话,要靠自己的眼睛来衡量,如果你觉得字与字之间离的很近的话,那么可以增大一些字距,反之,则可以减小一些。






其次就是,当你遇到一些偏轻松慢节奏的设计,比如典雅清新类的文学小说时,就可以适当的增加一些字距来营造这个感觉。








比如这两张海报,左边的是经典的居中结构,右边的是包围结构,构图都是可以的没有任何问题,但为什么看起来还是怪怪的呢?因为文字组没有刻画好。


为了让大家能更深刻地体会到文字组对于版面的意义,修改了这两张海报,其中构图不变只改文字组。







这个修改前后的对比还是非常直观的,可见文字组对版面的影响有多大。如果说构图是版面的骨架的话,那么文字组就是版面的五官,骨架再好五官不行结果也是可想而之的。






文字组分为:左对齐、居中对齐、顶对齐以及两端对齐。






其中与左对齐与顶对齐对应的有:右对齐与底对齐。






给大家找了一些各种对齐方式的案例。这是左对齐的形式。






这是右对齐的形式,与左对齐相比右对齐属于不常用的对齐方式,

主要是出于易读性的考虑,但并不是说不能用。






这是居中对齐的形式,最经典的对齐方式之一。






这是顶对齐的形式,是文字竖排时最常用的对齐方式。






这是底对齐的形式,跟顶对齐相比也是属于不常用的对齐方式。






最后是两端对齐的形式,横排与竖排都可以使用这种对齐方式。






如果作品看得足够多,应该见过这种形式的组合,

它同时包含了多种不同对齐方式,我们称其为“对齐组合”。









比如我们可以借鉴结构,以这个文字组为例,它的结构是这样的:两端对齐、中间的文字字号大,上下的文字字号小,按照这个套路我们来试着做一个组合。






在编排前,我们先阅读一下文案,通过文字可以得知,这是一个与篮球明星有关的内容,

气质上来说会偏现代一些。






所以字体可以选择一款黑体,英文部分则搭配一款无衬线体。






根据之前总结到的这些特征,下面就可以开始编排文字了。






按照那个组合的套路,我们先将两端对齐中较大字号的文字给编排出来,

而标题信息无疑是非常适合用来放大的。






接着再将上方和下方的小字号文字给编排出来。






其中要注意的就是这段文字的行距,参考logo的高度来进行设置。

而整个组合中,字距是基本没有进行调整的。






值得一提的是,在两端对齐的文字组中,这种小大小的形式非常好用。

因为它的节奏变化丰富,所以大家在做两端对齐的文字组时不妨试试。






这就是借鉴结构的效果了,精髓在于要多去分析别人的形式与套路,并从中获取做组合的灵感。

除了能借鉴结构之外,我们还可以借鉴标题字数+结构,是什么意思呢?







以这个组合为例,它的标题有7个字,整个组合是由顶对齐与两端对齐构成的一个对齐组合。






它的组合结构为小中大,按照这些特点我们来尝试借鉴。






这是要用到的文案信息,通过阅读文案可以得知,这是一个关于炸鸡套餐的内容。






通过去看kfc的各种物料,发现运用黑体的场景还是比较多的。






所以,在字体搭配上选择用黑体与无衬线体。






根据之前总结到的这些特征,下面就可以开始编排文字了。






按照小中大的特点,依次将信息给编排出来。






完成后可以在组与组之间,添加一根小线段用于连接,以起到过度的作用,

如果大家现在回过头去看原图的话,也能发现这一特征。






其中,标题的行距就是用标题的字号乘以1.2算出来的。






字距做了调整,因为默认0的字距看上去有些拥挤。






可以看出跟原图相比,在不破坏组合结构的情况下,针对文字信息的编排是做了些调整的,比如:原稿最左侧是两行顶对齐的小文字,在借鉴时将它换成了logo,因为我们是要借鉴它的结构,而不是为了跟原稿做的一模一样,具体还是要根据我们的内容来合理编排。








首先我们来看这张图,一个标准的两端对齐、组合结构与之前那个是一样的,

中间的字号大,上下的字号小。






除去这些外还有一个小特征就是,在大字号中间还有一层小字号的文字。






接着我们再来看这张图,它的特点就是图片叠压在了文字的上方。

至于它的结构我们可以不用考虑,因为结构已经找好借鉴了。






这是要用到的文案与图片。通过文字可以得知,这是一个关于介绍昆虫的图书,且配有一张插图。这个插图的风格是手绘形的,偏写实一些没有那么的卡通。






结合这些特点我选择的字体搭配方式是,宋体配衬线体。






因为字体搭配这部分我又借鉴了一些相关风格的书,发现它们的字体搭配方式用宋体比较多。






分析完文案找到字体搭配方式后,在结合之前总结的一些组合特征,我们就可以开始编排了。






先将中间比较大的那层文字给编排出来,然后在它中间处置入一个小字号的文字。






中间层编排完成后再来编排上下层的文字,字号不用太大,整体注意好两端对齐。






调整字距的地方有两处,首先是标题,调整的原因在于默认值我觉得有些小了,

其次是标题中间的那行文字,调整它的原因在于不想字号放太大。






因为是两端对齐的结构,不调整字距的话。标题中间那行文字只能通过放大字号来达到目,

然而这个效果并不是最理想的。





       


综合考虑,选择了这个,最后,把图片置入进去叠压在文字的上方。





        


图叠压在文字上有一个无法避免的问题就是,被压住的文字会出现无法识别的情况,英文还好但是中文却不行,因为在这个组合中,中文是用来阅读的文字,英文仅充当装饰用。





       


既然中文是重要的信息,那为什么还要去遮挡它呢?

因为有提示,通过这两个字你也能猜出来被压住的文字是什么。






这就是借鉴结构+表现手法的例子,多一张图片的加入,

混合借鉴后的效果与原稿的相似度就会降低。






我们来看这张图,它既有顶对齐又有两端对齐的感觉,像这种组合可以将它称为顶部两端对齐。






它的组合结构也是一个小大小的形式。






分析完上一个组合后,再来看看这个组合,值得借鉴的地方有两处,首先就是整体的结构,其次就是字体搭配。由于已经借鉴了上一个组合的结构,所以这个组合要借鉴的就是字体搭配。






在原图的这个字体搭配中,英文是最好判断的,这个字体是衬线体,

中文则比较陌生了,既不像黑体也不像宋体。






感觉是被设计过的,不像是字库里的字体,通过观察发现,

它既有宋体横细竖粗的笔画感觉,又有黑体干净利落的特征。






所以在字库字体中找到了一款具有类似感觉的字体:姚体。






在字体搭配上选择用姚体搭配衬线体。这里需要强调的一点是,

在挑选字体借鉴的过程中已经考虑到了与文案的气质相匹配的问题,下面我们就来看看文案。






标题叫“遇见你之前”,给人的感觉比较文艺,而姚体我们前面也分析过了,它是具有宋体特征的,而且笔画细长,整体给人的感觉就是比较文艺的。






分析完成后,结合之前总结的组合特点就可以开始编排了。






第一步,还是按照小大小的感觉将组合给编排出来,注意好顶部两端对齐。






接着在组与组的缝隙处加入线条就完成了。






在这个组合中标题的行距与字距,默认状态下是左边这样的,字距还好,行距却非常大,这个时候你就不能套用之前讲到的倍数去算行距了。那样行距只会越来越大,所以这里我们要根据视觉效果来调整。






这样,一个借鉴结构+字体搭配的例子就完成了。








这是要用到的文案与图片素材,首先,老规矩分析一下文案,选择与之契合字体。

书名叫《流星之绊》,还是比较文艺的。






根据这个书名,搜索了一下原书的样子,在这三个不同的版本中,所感受到的气质有:温情和雅致,在字体的选择上与之较为契合的有:书法体与宋体,这两个字体的选择在这三个不同的原版本中也都有体现。






打算用宋体,与其搭配的英文首选就是衬线体了。






这是第一个要借鉴的对象,可能有人会说这不像文字组,

这确实不是文字组,但并不代表它不能被联想成文字组。







比如它的结构是由一个顶对齐与一个左对齐构成的对齐组合,

而且下方的那个左对齐文字是放在了顶对齐的负空间处的。






其次,顶对齐的文字字号较大,下方左对齐的文字字号较小。






这就是根据那张图所总结出的一些组合特征,下面我们就根据这些特征来编排文字。






先排出顶对齐的文字,然后在其负空间处置入左对齐的文字信息。






排到这发现右下角还有块小缺口,既然是要做一个对齐组合的话,那么就要把它填满。






关于顶对齐的中间部分为什么要这么做,是因为标题的字数不足以作出顶对齐的感觉,为了解决这个问题,选择重复了一次标题并且将它的笔画打散了,而打散的灵感来源于“流星”,它们就像流星一样散布在天空中,不知道什么时候就会掉落下来。到这为止是书封的上半部分,下面我们来编排下半部分。






这是要用到的借鉴图,它也是一个由顶对齐与左对齐构成的对齐组合。






除了这个外它顶对齐部分的文字跟左对齐的比,也是属于较大的。






这是从那个组合中,总结出的组合特征,与上一个几乎一样。






按照总结出的组合特征,将文字给编排出来。






其中顶对齐与这段左对齐的文字,它们的行距是用字号乘以1.732算出来的,字距则是做了些微调整,因为当文字缩小后,它的字距在视觉上看着也会变小,所以我在默认0的基础上将字距增加到了50。






这就是根据那两张图片所借鉴出来的文字组了,下面把它们置入进版面中。






整体是一个上下结构的,这种类型在构图中属于上下构图。

这也是为什么会找那两张图来当参考的原因,因为提前已经考虑好了构图。






接下来做烘托氛围的工作,先把底色换成夜空的黑色,然后配上图片。






接着更换字体的色彩恢复识别性,其中黄色的部分是为了与白色部分做区分。







然后给腰封换上色彩以恢复下方的文字的识别性,再挑选一些信息,

在它们的下方配上黄色,目的是为了与上方的色彩做呼应。






最后,将书脊编排出来,这个案例就编排完成了。






以上就是版式三部曲之文字篇的所有内容了,回顾一下,由两个部分组成。第一部分是:字体的分类、字体的搭配、字体的气质与设置细节。具体包括:字体有哪些不同的类型、在选中字体的类型后,要如何选择与之搭配的英文字体。字体气质主要讲的是,不同类型的字体都有哪些味道,它的意义在于当你确定好项目的风格后,可以根据不同字体的气质,快速的找到与项目定位契合的字体。


第二部分主要讲的是:文字组的刻画与借鉴,其实对于新手而言,刻画文字组的过程就是借鉴的过程,因为我们都需要在借鉴的过程中逐步积累编排的经验,所以学会如何借鉴对于我们的成长是至关重要的。这一期要说的就是这些,我们下期再见,拜拜。









1437
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
丹东 | 教育工作者
收录收藏夹
更多收录此文章的收藏夹