B39c39a733a404816d9dad76bff39bba
排版第二课:动手建立平面设计中的网格系统

前言

继上篇《初识网格系统》之后,我又发现了关于网格的一些趣事,得空再分享给大家,今天主要总结一下《平面设计中的网格系统》的核心知识点。别忘了那些专有名词,不记得的小伙伴可以点击这里翻看。

不同类型的设计中使用网格系统的方法可能各有不同,为了能更简单地说明,我会分别用平面装帧设计和手机 UI 设计各举一例,今天先说其中之一——动手建立平面设计中的网格系统。

平面装帧中用的纸张尺寸基本上是固定的,因为只是举个例子,所以我就用最最普遍的 A4 纸来打样儿。

有句话需要写在前面,设计是精密计算后的结果,网格中也包含一些计算,不过都很简单,稍加用心,即可掌握。

1. 划分版心

版心与纸张需要保持一定的间距,做到疏密有致,舒适易读。上下左右边距完全一致会显得呆板,一般书籍开页中,左页的右边距应大于左边距,右页的左边距大于右边距,使装订后阅读更流畅。

A4纸的尺寸是 210mm * 297mm,开页外侧边距至少留10mm以上,那就算最小边距为 12mm。如果我们按照 左:右:上:下 = 1 : 2 : 2 : 3 的比例,剩下的版心尺寸应该是:

( 210-12-12×2 ) mm × ( 297-12×2-12×3 ) mm = 174mm × 237mm

2. 预设分栏

设置分栏需要依次确定 栏数、水槽宽、栏宽栏宽以正文能容纳20-30个字为宜,水槽需要能明显区隔两栏并营造呼吸感。这个过程可能需要反复尝试才能拿捏妥当。给个参考值,比如 A4纸 设三栏时,水槽宽度可以设为 5mm;设两栏时,水槽宽度可以设为 7mm 或 8mm。

假设我设三栏,水槽宽为 5mm,那么栏宽为:

栏宽 = [ 版心 - 水槽宽 × (栏数-1) ] / 栏数
= [ 174mm - 5mm * ( 3 - 1 ) ] / 3 = 54.7mm

3. 预设字号

与 UI 设计中不同,印刷品的字号以“磅”为单位,1磅 ≈ 0.35mm,以上面所述,正文容纳20-30字的话,正文的字号可设为8磅,行高按照字号1.6-1.7倍算下来,大致是13磅。

top Created with Sketch.