Magazine
（杂志）
+
Book
（书籍）
| |
| | | ||
| | |||
●
对于设计师来说，我应该怎么去理解MOOK？既然它是一个不同于书、也不同于杂志的媒介，那我怎么去理解它？这种理解会直接影响我对设计的判断。不是说我有了电脑和软件，就可以去做一个版式，而是要利用这些工具，为这个特别的媒介带来一些特有的价值。所以我的第一个问题就是：什么是MOOK？
首先，在讲MOOK之前，来了解一下我们这个世界，一切的信息都来源于一本书。最早的时候，我们都是通过一本书来记录。我们可以看这样的一个图表。
内圈是表示从手工书到精装书、平装书，再到报纸、杂志、互联网、电子阅读，外圈则是不断演进的技术。由于外围技术的进步——手工排版、机器排版、照相排版、数字排版，促使我们用不同的方式分解信息、分流信息，让我们在不同的时间吸收不同的信息，也才产生了今天我们看到的书、报纸、杂志，乃至互联网。
这个演进过程是线性的，按照科技的发展一步一步走到今天。但是由于互联网的出现，这个线性的过程被打破了，人们的阅读方式和习惯在发生改变，报纸、杂志、书籍也可以同时通过电子和纸质这两种媒介来呈现。这就像“基因”发生了异变，各种媒介开始寻求新的方向，并且积极地相互交叉和组合。我们今天谈到的MOOK实际上是杂志和书的一个混合体。
所以，互联网的出现带来了信息获取方式的革命，不是按照过去线性的演进逻辑，而是各种媒介都可以相互混搭，产生了非常多的可能性。
再来看看下面这张图表。
我想在报纸、杂志、书籍、电子阅读这四种媒介之间做一次适中的比较，通过分析它们的形态、重量、阅读特征、字号大小以及正文字体，让大家明白每一种媒介都有自己的独特之处。对于我来说，如果不了解这种媒介的特征，我是很难抓住它的设计核心的。
拿阅读体验来说吧。报纸实际上是碎片式的。报纸上绝不会有很长的一排文字，都是很短的，一块一块的；我们在早上或是晚上阅读，一般是利用零碎的时间去获取信息。杂志，我把它称作片段式的，它可以分成各种栏目，读者可以从栏目切入，找到自己想要阅读的内容；而且栏目有长有短，文章阅读的时间和一行行字的长短在发生变化。书我称之为渐进式的，需要非常的专注，从头到尾往下读。电子阅读是交互式的，它已经不是一个线性的，也不是片段式的，而是有各种交互，我们不仅仅可以线性阅读，还可以进行一种立体阅读。
说到MOOK，就是杂志和书的特征的相加。那杂志和书的特征，融合在一起之后会产生一种新的阅读体验长文——long form。杂志的特点是多元与时效，就是它可以有非常多不同的观点，又具备时效性。而书呢，书是深入广博，对一个观点非常深入地挖掘和研究。MOOK就是两者的相加。从阅读上来说，一个是片段式阅读，一个是渐进式阅读，都要在MOOK里面得到平衡和展现。
当对什么是MOOK有了自己的理解之后，就为下面的设计工作打下了很好的基础。我需要从几个方面去塑造这样一个媒介的特质。
字体是阅读的一个非常坚实的基础，也是重要的第一关。在整本杂志书里不同体例的文字有着不同字体的配比，这里我只谈谈与正文有关的字体应用，因为它跟我们长时间的阅读有关。
我要为两种正文做两种复合字体。每种复合字体除了一款中文字体，还必须找到一款能和中文字体匹配的英文字体。首先，这本杂志书大部分的文章都带有英文单词，不只有粗有细，有斜体，还有其它特殊符号的需求。其次，它必须跟中文字体是非常绝妙的搭配，让你根本看不出来，感觉是它们是一体的，那就要从字形上严格匹配。这两种正文字体主体分别是方正书宋和兰亭黑，用于不同的文本搭配。
其次是字号行距，这是这本杂志书里面非常讲究的一个地方。正文字体的字号是10点（我们也叫10磅），行距是20点；注解字体是6点，行距是10点，我们通过这几条红线能看到它与正文之间的结构关系。我希望做的一个嵌入式注解，可以非常灵活地放在离被注释文本最近的地方。我们都知道注解一般是页下注，或者文后注、书后注。但对于杂志书来说，页下注是最便于阅读的，除非是注解太多或其它原因，我们才选择文后注、书后注。我们选择的是当页注，但又没有做页下注，为什么呢？因为这本杂志书里有不少的长文。我们希望通过嵌入式注解来调节视觉阅读，让人感觉它在版面中很活跃，使得长文不枯燥乏味。在阅读的时候，注解成了一个很好的视觉停顿。而且嵌入式注解的设计是很灵活的，为了让它达到一种灵活，注意看两倍的行距——正文的行距是20点，注解的行距是10点，也就是说正文的行距是注解行距的两倍。这意味着两行注解和一行正文正好是合的，这样我就可以进行非常自由的调整。
有了这个数据的支撑，我可以非常细致甚至非常精确地，用我的感受把注解放到我想放的任何地方。这样既能达到阅读上的舒适，还能调节你的视觉。
最后是优化文本的灰度和轮廓。我们都知道中文文本在软件默认的情况下，文本中总会出现一些“漏洞”。由于多种标点符号排列造成的这些“漏洞”，实际上很影响读者阅读的专注力。
所以要通过标点挤压的方式修复这些空白，使文本的灰度更加均致。这样不但会使读者的阅读视线更加流畅，还能使眼睛与文本的关系更加牢固。这些标点挤压都是通过调试后，用数据来实现的。另外还有就是标点悬挂。我把句尾的逗号、句号和顿号统统排在了文本框之外，这显然不是我们的编排传统。但我觉得技术是为了解决问题，传统也需与时俱进。标点悬挂可以使文本的轮廓更加清晰，提高文本本身的视觉品质。这些都是在信息泛滥的当下需要考虑的。
这也是一个非常有趣的话题。我们在阅读的时候是看不到这样的隐形结构的，简单地说，这个系统的目的就是在对文本进行分析之后，建立起阅读的节奏。总的来说，这个系统是一个统一的依据，可以让我在这个页面上很好地规划每一篇文章与空白的关系，每一篇文章阅读时的逻辑和节奏，文章与文章之间是什么样的关系，板块与板块之间是什么关系，甚至细到利用它来构建复杂的图表。其实它是建立在数据的基础之上的。刚才我说的正文字体的行距是20点，注解字体的行距是10点，这是以5点作为倍率建立起来的。
举个简单的例子，我利用键盘就可以调整版面效果，把想要的结构与我的感觉协调统一。比如，我们做一个大型的图表，这是跟刚才的一篇完全不一样的文本，但是它们基于一样的结构，可以去支撑这样一种信息形态的构建。建立起这样一种结构之后，我在里面会非常快地找到一种文本组合方式，这对设计师来说是很方便的，可以提高你的工作效率。想象一下，如果没有东西去依存，没有东西去考究，没有东西支撑我的判断，什么都是靠感觉的话，仅仅通过几条辅助线，想构建这种复杂的信息是相当困难的。
接下来再谈谈图表设计。因为这是一本科技杂志，在国内与科技类相关的好的图片很难找。这就意味着，这本杂志有一个非常大的局限性。我们做《1024》的时候，为了几张图片花了很多钱。作为一本杂志来说，图片有缺失，很多东西就需要另外的视觉效果来得到转换。我并不是说图表代替了图片，而是我更需要在图表这个环节上下功夫。图表并不是简单的图解，它是对信息的一种解构和重构。比如，这两篇文字（下图文档）编辑给我的时候，是数据和非常琐碎的文字，我要在这些原始信息中找到逻辑，并通过图表的转换，让你很容易吸收里面的信息，甚至可以得到比内容还要多的信息。
▼文本信息
▼完成后的图表
什么叫阅读识别？你长期在阅读一本杂志或者里面的某个栏目时，你的头脑里面是有记忆的，除了内容，视觉上也是会有记忆的。比如，它的版式在你的头脑里留下了一种阅读记忆，而这种记忆反过来会为杂志下一期提供给你的内容带来一种识别性，这种可识别性对于杂志这个媒介是非常重要的。如果我们随意选择几本国内同类的杂志，并把封面撕了，那么我们很难通过内文来判断这是哪本杂志？但当你把《彭博》撕了，把《连线》撕了，你还是能够认出来谁是谁，因为他们的版式让长期的阅读建立起来一种记忆。
除了让杂志里面每个栏目被识别，我还试图做到在翻书前可以检索。“检索”这个词其实有点互联网色彩。举例来说，就像我们对电脑里面的文件进行归类整理，为不同的文件夹取名，便于我们很快捷地找到想要的内容。其实一本杂志也具备这种功能。所以不同栏目的文章在书的切口上可以有不同的质地，就像一个一个的文件夹，希望通过这种处理为阅读提供一种检索的可能性。
这些不同的切口在无形中传递一种信息：这是一个文件夹，你可以打开它。而且，这样的文件夹，你很清楚里面是什么样的文章，每次都是这样，虽然每期可能会有不同的颜色，但它还是保留了统一的风格。
关于阅读识别，比如说《1024：人与机器共同进化》的专题版式：
它们基于一个网格系统，彼此之间既有基因、血缘上的联系，又以非常不同的阅读面貌呈现出来。在有一定关联的情况下可以把整本书贯穿起来，它提供了这种阅读上的可能性。
这是离线Mook第一期《离线 · 开始游戏》整个版面，大家能看到整个页面的构成。我们尝试只用双色来做科技杂志。
这是第二期《离线 · 黑客》版式，做得非常地“黑”。除了“写作”这个栏目，其他部分都像是夜间阅读模式。
第三期《离线 · 科幻》版式
第四期《离线 · 机器觉醒》版式
后 记
联系客服
