作者：大猫Addict 转自： 视觉状态设计研究所
前几天放出了王志弘的的书装和海报的作品，大家是不是还没有看过瘾呢？当然了只是看肯定是没有看 思考进步快的，所以这次我们就解构一下王志弘《短篇小说》这个书籍封面的版式构成。就是下面这个作品。
首先，在刚开始解构的时候我就查了查这一系列书的开本大小，因为要想准确的解构作品，就得按照实际的书籍规格来呀，下图就是我查到的书籍的开本大小
可以看到是平装的25K，尺寸是150mm*210mm，有了尺寸就在软件中改变了原图的大小，使其以实际尺寸一致。
另外我们去查这种实际的大小，有助于更精准的解构。
比如说，一般情况下栏间距都是默认的5mm，这个作品刚开始我是按A4纸解构的，解构出来的数值是6mm，总觉的很奇怪，为什么不是标准的5mm呢？后来我查了书籍规格后重新解构了一下，解构出来的栏间距刚好是5mm，与我所认知的东西是吻合的。
这就是我查书籍规格的原因，这是对于书装我们可以查到，有的是我们查不到的，那我们不用管他了，我们只需要知道采用了什么网格，分了几栏，用的字体细节就ok。
说了这么大一堆，我们就正式开始解构吧，先看这个版式所用的网格，如下图。
我们也可以把它用的网格看成三栏的形式，如下图黄色标注
三栏网格采用大小栏的形式，其中右边两个栏宽是相等的。左边的小栏，栏宽与右边的栏宽比是白银比，1：1.414的关系。
如上图所示，右边的两栏栏宽都是48mm，而左侧的小栏如下图数值所示是34mm
所以大小栏宽的比例关系就是34/48≈1:1.414，为白银比。
栏间距就是栏与栏之间的距离，就是我上图红框圈出来的位置。刚才我也说了国际默认的栏间距是5mm，他这里用的就是5mm。另外他的天头、地脚和左右页边距，用的都是5mm。
我们现在来看看它底下的色块跟整个页面的关系，这里的色块与页面之间的关系，高度上是1：2，如下图
我们把色块平移到上面，两个并排，刚好占据整个页面，分毫不差，色块高度是页面高度的二分之一。
色块与短篇小说之间的留白距离也是5mm，等于栏间距的距离，就是上面的蓝色部分。
另外短篇小说的高度跟上面部分去掉天头5mm的高度是一样的，也就是说“短篇小说”四个字的高度跟上面的蓝色块一样。
讲到这儿好像群里还有人对天头地脚和版心不了解，那我在这里就再讲一下吧。
上图中的红色区域就是天头地脚，上面的叫天头，下面的叫地脚。这个没问题吧？
上图中的两个红条区域分别是左页边距和右页边距，也没问题吧。
上图中的红色部分就是天头地脚加左右页边距。
天头地脚左右页边距都确定下了，那请问蓝色的区域叫什么？
对，就叫版心，也就是我们实际工作设计的区域。版心就是一个版面去除天头地脚和左右页边距的区域。
现在我们来看看这个“短篇小说”的宽度是如何确定的。
短篇小说的宽度占据的空间其实是下面大色块的一半，然后去掉右页边距，也可以说占据的宽度是色块的二分之一。
说到这儿可能有朋友会质疑，觉得我说的这个地方比例不对，其实是对的，这个色块是出血版，右页边距和地脚都是在版心外的，所以容易造成错觉。
图你就懂了，这两个蓝色块一样宽，说明那条线是平分的，是1/2没错，不算短篇小说的页边距。还ok嘛？
这个时候有人问我“短篇小说左侧的 段落是如何确定的，为什么与下方色块相隔10mm”，如下图，
我的回答：
这个确实是10cm，并没什么依据，如果把这个字下移的话，是不是就变成了跟短篇小说低端对齐了？这样把画面匀称的分割了会显得很僵硬，缺少变化。
再来看看这段文字与那条线顶端对齐有什么依据。
我们去掉大色块的右页边距和地脚的部分，也形成了一个方块，正方形，如图上蓝色部分。
图中文字对齐的其实是蓝色部分正方形的中线。
因为这个大色块右页边距跟地脚是出血的，被色块占据了，所以很容易造成错觉解构出错。
下面我们来看字体方面的
关于这个短篇小说没什么可说的，大小长度在页面的比例刚才也说了，而且字体是设计的，非字库字。
英文这里，我用加拉蒙（garamond）跟sabo比对了一下，这里应该是sabo；sabo是可以说是加拉蒙的升级版。
包括底下的这个数字用的也是sabo，大家还记得我以前讲的复合字体吧？
中文一种字体，西文一种字体，复合字体是中英文混排时最常用的形式。
英文是16号字，下面的数字“4”是32号字，两倍的关系。
这里的“雜誌”是14号字，下面的小字是8号字，1.75倍的关系。这里的中文没找到一样的字体，我范例用的是小塚明朝体。
这时群里有人问“两倍的关系意味着什么吗，，为什么很多都是两倍的关系”
其实这种倍数关系并没有特别的意思，倍数关系只是为了让文字层级关系更鲜明的一种手法，没啥特别的。
字号8，行距13，8*1.618=12.94，可以算作13，字号与行距的比是黄金比。
最后这些更小的字字号是6点，我们一般在书籍或杂志上看到的字，最小的基本上就在5-6号，再小的话，我们就看不清是什么字了，所以这里设6点，可以算作人眼能识别的最小值了。
最后我们再来看一下这个版面的视觉逻辑顺序吧。
最重要的应该是大色块，这本杂志最标志性的东西就是大色块了，去掉色块，看文字方面，最重要的就是“短篇小说”，让你知道这个杂志的名称，与其他的杂志区别开来。
然后是数字“4”，让你知道这是第几期，对一个杂志来说，杂志名称跟第几期应该是最重要的两点吧。
其次是他的英文名字，这个对台湾读者或者我们来说装饰性大于功能性，然后是“杂志”二字。
再然后是这些陈述性跟目录一样的的小字，这就是主次分明，有视觉逻辑顺序的设计。文字层级关系也十分明显。
最后是这些最不重要的6号小字，发行日期呀、书号什么的，对与其他信息来说是最不重要的。
到这里，这个作品就解构完了。
越努力，越幸运。
这里是庞门正道。
,
