熟悉排版的字体与字号

案例导入

请同学们仔细观察图5.1和图5.2,主标题和副标题的笔画有何变化?字号有何不同?以小组为单位讨论,如此编排设计的目的和意义。

图5.1　报纸(部分标题)示意图

图5.2　报纸(部分标题)示意图

课程内容

图书杂志的版式设计,是对文字、图表等进行规律性、艺术性、技术性的组合。仅就文字来说,要构成版面设计的形式美,必须精心选择好字体字号。为此要坚持以下几个原则:字体字号与信息内容相统一的原则;字体字号选择与信息接收对象要求相统一的原则;字体字号选择与版式设计总体风格相统一的原则。^[1]

在书刊编排中,字体和字号是版面的重要元素。运用不同字体和字号可以营造出不同的视觉效果,即强势和弱势。通俗地说,就是不同的字体和字号能够给受众不同的心理感觉。适用受众心理,运用字体和字号在版面上的变化来表达编排的目的、意义和情感,是编辑必须掌握的基本功。

5.1.1　书刊排版的字体

(1)字体

所谓字体,是指字的体式和风格。

(2)常用的汉体字

书刊编排设计中,常用的汉体字有宋体、仿宋体、楷体和黑体4种。

宋体横平竖直,横细竖粗,取法于宋刻,定型于明朝(有些地方称之为明体)。宋体在北大方正出版系统里分为书宋和报宋。报宋为报刊版心排版的通用字体。

仿宋体笔画清瘦,横竖相近,定型于20世纪初,由宋代刻本字体整理改进而成。

楷体又称为活体或正体,笔锋洒脱,近似手写体(一般在报纸上用于言论或照片说明等)。

黑体笔画粗重,横竖一致,字形方正,又称为方体。它是按日本黑体活字仿制而成。

(3)计算机字体

宋体、仿宋体、楷体、黑体这4种字体是一般计算机汉字字库中的基本字体。北大方正出版系统在这4种字体的基础上又增加了小标宋的报宋两种基本字体。北大方正报刊集成组版系统——飞腾,提供了53种字体。

技能提示

字体在进入计算机字库之前因书写的人不同,所以不同公司开发的汉字系统中,同一字体有时看起来会有不同的笔画风格。目前,我国大部分报刊采用的是北大方正和华光的字库。书刊报纸的版心用字一般是书宋(数字和外文一般用白正体)。此外,为美化版面,又创造出了诸如隶书、行楷、魏碑、美黑、准圆、粗宋、水黑、综艺等几十种艺术字体。

(4)不同字体的特点

不同字体的强势(吸引读者注意的方式)不同。如在同一字号中,黑体字厚重、醒目,比其他字体更具有强势。所以,在标题制作时,编辑运用不同的字体来表现文稿的重要性,成为书刊组版的一条重要原则。

不同的字体所表达的风格色彩也不同。宋体字端庄大方,黑体字雄浑而粗犷,楷体字活泼流畅,隶书古朴典雅,魏碑遒劲有力。

技能提示

在制作标题时,可根据字体的这些特性选用可以增强标题的强势,适合于标题内容的风格的字体。

(5)简体和繁体

这是从写法上来区分的。在计算机中,不同的汉体字库拥有的字体种类多少是不同的。北大方正书刊及报纸排版系统拥有繁、简体及日文汉字字体90多种。在飞腾中又增加了胖娃等近10多种字体。

技能提示

了解字体的目的,就是要运用字体来美化、强化版面。在一个版面中,选用三到四种的字体为版面最佳视觉效果。超过4种以上则显得杂乱,缺乏整体感。要版面达到视觉上的丰富变化,只需将字体加粗、变细、拉长、压扁,或调整行距的宽窄,或变化字号大小。实质上,字体使用得越多,整体性效果越差。

案例5.1

图5.3　字体示例图

5.1.2　书刊排版的字号

字体大小规格称为字号。计算字体面积的大小有号数制、级数制和点数制。一般常用的号数制,简称为“字号”。激光照排使用的是毫米制,基本单位是级(K),1级为0.25毫米,它用级来计算。点数制是世界流行的计算字体的标准制度。电脑字也是采用点数制的计算方式(每1点等于0.35毫米)。标题用字一般14点以上,正文一般为9~ 12点。注意,字越小,精密度越高,整体性越强,但过小会影响阅读。

案例5.2

图5.4　字号示例图

案例分析与实训

对于编辑来说,每一种字体都有其各自的特点和风格。什么情况下采用什么字体和字号,哪种文字比较适合哪种风格的编排,这是值得思考的。请看图5.5、图5.6:

图5.5　洛阳晚报“青春在雪域高原绽放”栏目标志图片^[2]

图5.5是洛阳晚报“青春在雪域高原绽放”栏目标志图片。设计师在运用字体时,首先采用行楷字体的形式勾勒出“青春”的气息,再用黑体字体突出“在雪域高原”,加粗“绽放”两字,更加抢眼。

图5.6　“民生曝光台”题花图片^[3]

图5.6的民生曝光台题花中,采用综艺字体,使画面的“曝光”比较强烈。

综合实训

图5.7是一期《时尚》杂志选用的一张封面图片,请用适当的字体和字号设计“时尚”这两个字,并编排在图片上。

图5.7　封面图片

【注释】

[1]张秀红.版式设计中字体字号选择组合的原则[J].辽宁师范大学学报,1996(4).

[2]图片来源:http://www.nipic.com/show/4/83/4736797k86 ff5743.html.

[3]图片来源:http://www.nipic.com/show/4/83/a0e9cbe9e742cd08.htm l.