详解《中国商事/民事诉讼裁判规则》排版

Recommanded by editor
北京/平面设计师/5年前/9908浏览
详解《中国商事/民事诉讼裁判规则》排版Recommanded by editor

本设计是帮助读者忽略掉不想看的信息,对想要查找的信息提高效率。一卷书的页码越多,效率的提高就越显著。

XXL Studio 在2019年对2015年设计的《中国商事诉讼裁判规则》(8卷),进行改版和增加《中国民事诉讼裁判规则》(8卷)的设计。




[字体]


本次改版选用 汉仪玄宋 做为正文和标题字体,这款字体是北京汉仪创新科技股份有限公司·汉仪字库,为正文排印而开发的一款新字体,具有字重略轻于书宋,排版后灰度均匀,字面较书宋略小,辨识度不受字号大小影响等特点。遗憾的是英文(数字)衬线体中很难找到气质和字重与之完全匹配的字体,也由于英文字体的版权限制,只好选择 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图


《中国商事诉讼裁判规则》和《中国民事诉讼裁判规则》,中文文本只使用了一种字体 汉仪玄宋,文字在页面上所形成的灰度非常均匀,让读者安静地阅读。




感谢本书作者陈枝辉律师!他的专业精神和求知欲让我们感动。尤其是他对设计工作的支持和理解,对版面文字排版的形式美和专业书籍功能属性的追求,完全超越了他的专业范围,为作者群体树立了典范,也堪称我们设计师的好伙伴。





XXL

Studio


欢迎朋友们光临我们的网站

https://www.xxlstudio.design


公司地址:中國,北京市朝陽區奧運村區林萃西里二號路澳林觀邸西區6號樓4單元502

電話:010-82725220

email:liuxxdesign@126.com

qq:2479780981


179
Report
|
212
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
AI可视化动效设计合集
Homepage recommendation
2025电商视觉集
Homepage recommendation
工作渲染
Homepage recommendation
相关收藏夹
排版 层次
排版 层次
排版 层次
排版 层次
作品收藏夹
品牌设计
品牌设计
品牌设计
品牌设计
作品收藏夹
书籍
书籍
书籍
书籍
作品收藏夹
书
书
书
书
作品收藏夹
26
书籍
书籍
书籍
书籍
作品收藏夹
北冥神功
北冥神功
北冥神功
北冥神功
作品收藏夹
大家都在看
Log in