设计达人
爱设计,爱分享
今天的书籍版式设计案例中,将包含这些经验分享:黄金分割法来划分版面,通过网格来优化阅读,字体的选择、行距、字号、段落的排版,如果能看完这文章,将学到不少的排版思路和灵感,满满都是干货。
本设计是帮助读者忽略掉不想看的信息,对想要查找的信息提高效率。一卷书的页码越多,效率的提高就越显著。
[字体]
本次改版选用汉仪玄宋 做为正文和标题字体,这款字体是北京汉仪创新科技股份有限公司·汉仪字库,为正文排印而开发的一款新字体,具有字重略轻于书宋,排版后灰度均匀,字面较书宋略小,辨识度不受字号大小影响等特点。遗憾的是英文(数字)衬线体中很难找到气质和字重与之完全匹配的字体,也由于英文字体的版权限制,只好选择Times New Roman做为与之搭配的数字字体。Times New Roman的字重略大于汉仪玄宋。
方正书宋对比汉仪玄宋
方正书宋和汉仪的这款新字体汉仪玄宋,都是我们工作室在设计以文本为主的书籍时喜欢使用的字体,它们虽然不时尚,但却非常易于阅读。
汉仪玄宋搭配Times New Roman
在案例编号的数字字体选择上,字号26pt的数字编号直接选用 Times New Roman 会有比正文重的多的字重,而此次改版的设计目标之一就是在版面上争取做到灰度一致,不突出也不减弱编号、标题、正文的层级关系,依靠排版对不同体例做出明确区分。所以,案例编号的字体选用了 Helvetica Neue UltraLight这种字重极轻的字体。
案例数字编号字体对文本整体灰度的影响
[字号]
用2pt做为字号设计的模数(倍率),案例数字编号26pt,案例标题12pt,案例正文10pt,注释8pt。这样简洁的字号设计,需要排版时对版面空间的不同段落和对齐样式进行设计,再加上固定不变的分栏使用规则来区别文本体例。
附:案例文本体例
1.案例编号;2.案例标题(含副标题,标签);3.案例编码;4.案情简介;
5.法院认为;6.实务要点;7.案例索引。
[排版]
设 计 版 芯
这套法律类工具书共19卷(含目录2卷,判例规则指引1卷),每一卷都超过了1000页,版芯设计就要尽可能多地在一页内容纳更多的字数,同时兼顾视觉美感。与2015年第一版相同,改版仍然借鉴了文艺复兴时期建筑师维拉尔·德·奥内库儿(Villard de Honnecourt)的黄金分割法来设计版芯,并延着天头订口到地脚切口的连接线把版芯扩大(版心大小:字号10pt,每行45字,39行,行间距6pt)。
维拉尔·德·奥内库儿(Villard de Honnecourt)的版面黄金分割法
延着天头订口到地脚切口的连接线把版芯扩大
版芯大小:字号10pt,每行45字,39行,行间距6pt;分为15栏,每栏3字
案例文本体例的占栏和段落样式设计
对于纯文本书籍每行45字的版芯来说,通栏排版会给阅读带来压力,分栏设计是一种明智选择。但是,把文本简单地分为两栏,一个案例之中的7种文本体例设计,也会成为设计中的问题。因此本次改版和增版,仍然沿袭2015版的思路,不是固定2栏的简单分栏,而是依据一个案例的文本体例字数来确定它占几栏。
每个案例的开始(标题)都是通栏排,与上一个案例之间空4行。
1.2.两种文本体例:案例编号齐左,案例标题等居中
3.案例编码
4.案情简介
5.法院认为
这个栏目文本字数最多,因此允许它在避开“案情简介”后向右侧扩展
6.实务要点
7.案例索引
每个案例的结束也是通栏排,与下一个案例之间空4行。案例之间形成阅读间隙和停顿,方便区分不同案例。
8.一个完整案例
不同案例的相同体例,总是出现在页面上的相同横向空间里,因此,无论读者查找哪个案例的相同体例,比如“实务要点”,总能在版芯右侧的4栏中找到,这样设计是帮助读者忽略掉不想看的信息,提高了阅读查找的效率。一卷书的页码越多,效率的提高就越显著。
文本按体例排版示意图
不同页面中,文本“案情简介”在版面中的横向空间位置GIF图
《中国商事诉讼裁判规则》和《中国民事诉讼裁判规则》,中文文本只使用了一种字体汉仪玄宋,文字在页面上所形成的灰度非常均匀,让读者安静地阅读。
能直到这里的读者也不容易,希望这里的排版知识能给你们一些启发
作者 | 刘晓翔工作室 来源 | zcool.com.cn/u/14219987
////// END //////