a.a模块化网格从上到下,除了从左到右的垂直划分外,还有一致的水平划分。这些模块控制图片和文本的放置和裁剪。在20世纪50和60年代,瑞士的图形设计师,包括郭士纳,Ruder和M设计了像这里所示的模块化网格系统。
模块化网格:卡尔
设计程序网格图1963
(重画)。设计师:卡尔。郭士纳。出版商:亚瑟·Niggli,苏黎世。
这个正方形网格由六条垂直柱和六条水平的
模块,由一个、两个、三个和四个单元组成。
垂直地,网格是由一个10-pt度量来控制的,它将
确定从基线到基线的类型间隔。
基线网格
模块网格是通过定位水平指导方针来创建的。基线网格这是整个文件的规则。基线网格可以将所有(或几乎所有)布局元素锚定到一个公共的韵律中。通过选择文本的typesize和导致来创建基线网格,例如10-pt,12次引导(10/12)。避免自动引导,这样您就可以使用完整的数字来进行清晰的乘和分割。使用此行空间增量设置文档首选项中的基准网格。
调整顶部或底部的页面边缘,以吸收基线网格留下的任何空间。确定与基线网格中的行数有关的水平页单元的数目。计算在一整列文本中有多少行,然后选择一个数字,将其平均划分为行数,以创建水平页划分。一列有四十二行文字,整齐地分成七个水平模块,每条线各有六行。如果您的行数不能整齐地可分,调整顶部和/或底部的页边距以吸收剩余的行。
若要样式标题、标题和其他元素,请选择与基准网格一起工作的行间距,例如标题为18/24,分标题为14/18,标题为8/12。网页设计者可以选择类似的增量(在css中的行高)来创建具有整齐协调的基线的样式表。在可能的情况下,将所有页面元素与基线网格相联系。不过不要强迫它。有时,当您覆盖网格时,布局会更好。当您想检查元素的位置时,请查看基准网格;当它分散时,关闭它。