网格是设计中常用的画面布局方法,版式网格是指版面设计中的骨架,它按照一定的规律运用网格划分版面,为文字、图形等元素确定位置,以便有依据进行组合编排,从而形成结构严谨的版面视觉效果。网格与设计元素之间是骨与肉的关系,它们相互依存、互为作用。
网格的形式分为可见与不可见两种,可见的网格在版面上是设计实体,清晰条理;不可见的网格在版面中不是实体元素,只是一种隐藏的参考线,起到限定各元素的作用。按构成原理,网格又分为规则与不规则两种。
规则的网格以严谨的数学方式划分空间,遵循了重复、渐变、发射等原理,能产生强烈的秩序感:不规则网格则没有严谨的网格线,可以自由变化,采用对比、疏密、特异等,能产生自由灵活的视觉效果。
网格在版式设计中有两个作用:一是约束版面,固定各元素的位置,使版面有秩序感和整体感;二是根据内容将版面划分成若干形状相同或不同的空间,使各元素之间达到协调一致。从某种程度上说,网格是版式设计得以成立的基础,它能将丰富的设计元素有效地安排在一个版面上。网格为所有视觉元素提供了一种结构,使设计更加有章可循、轻松快捷。
网格设计是现代版式设计中常用的排版方式。网格设计强调比例、秩序、整体和严密性,是一种逻辑性很强的版面艺术表现风格。网格设计通过严格的计算,把版心划分为无数尺寸的网格。
合理的网格设计能得到明确的版面结构,并使各元素在版面中具有条理清晰、富有节奏的视觉关系。这种逻辑的思维方式,为版面的科学性、严谨性和高效性提供了极大的方便。
1.水平与垂直网格
水平线和垂直线在版面划分中可以单独使用,即进行水平方向的划分或垂直方向的划分,分别可以将版面等分为二、三、四以至更多份,也可以将版面按一定大小比例划分为多份。另外,水平方向和垂直方向的划分可以组合使用,划分后的网格既可以等分,也可以进行比较复杂和富有变化的划分。水平与垂直划分的网格,将内容安排其间可以给人以井然有序的感觉。
2.放射线与斜线
版面设计中的网格可以以放射线和对角线等斜线的形式设定。放射线网格是由一个焦点中心向外扩展延伸的线结构版面划分,可以将版面划分为相等或不等的多份,又分为直线放射、弧线放射和角度放射等。在放射线网格中,设计元素可以沿着设定的网格线进行组合,呈发散或聚合状态,具有很强的动感。
在垂直、水平辅助线的基础上,加上斜辅助线进行编排设计也是非常有效的方法。可以把版面的对角线、水平线以及垂直线的交叉点连成一体,也可以根据黄金比率进行版面的划分。斜线具有方向、运动、速度之感,也能表现空间的进深感。
3.同心圆弧
同心圆弧的版面划分是指一组或多组同心的圆弧构成的结构线。这种弧线结构呈放射状,具有向外扩延和增强节奏感的效果。圆弧网格线可以是等距离,也可以是渐变的。在这样的弧线上安排元素,具有膨胀感,使版面具有跳跃性和趣味性。
4.对称式网格
对称式网格是指版面中左右两个页面的编排结构形式完全相同,并且有着相同的内、外页边距。对称式网格,是根据版面的比例所创建的,能够有效地平衡左右版面,通常分为对称式栏状网格和对称式单元格。
①对称式栏状网格。所谓单栏式对称网格,是指将连续页面中左右两部分的印刷文字进行一栏式的排放。单栏式对称网格的排列形式使版面显得简洁、单纯,一通到底的版面效果直观而务实,因此多被用于说明性文字的编排。
双栏式对称网格多被用于杂志页面中,适合信息文字较多的版面,能使版面具有较强的活跃性,同时让页面显得更为饱满,避免文字过多而造成的视觉混乱。采用双栏式对称网格进行版面的编排设计,可以让版面结构显得更为规则整齐。
多栏式对称网格是指3栏及以上更多栏编排的网格形式。根据不同版面的需要,可以将网格设计成需要的样式,具体栏数依据实际情况而定。多栏式对称网格适用于编排一些有相关性的段落文字和表格形式的文字,它能够使版面呈现出丰富多样的效果。
②对称式单元格。对称式单元格网格的运用要求将版面划分成定数量大小相等的单元格,然后再根据版面的需要进行图片与文字的编排组合,使页面呈现出较强的规律性,并且有效地丰富了版面形式,提升了内容的可读性。
通过对称式单元格网格的运用,能够使版面产生规律、整洁的视觉效果。对称式单元格的大小及间距可以自由调整,有效地体现出版式设计的灵活性,既使网格结构具有多变的形式,同时又保证了页面的空间感和秩序感。
5.基线式网格
基线式网格通常在实际页面中是不可见的,然而它却是版式设计的基础。基线式网格作为架构设计的平面基础,其作用就好比是人们建房时的脚手架,是不可或缺的。基线式网格为版面要素的编排提供了一个基准,有助于信息的准确表达。
在版面的编排设计中,基线式网格不仅是辅助对齐版面元素的基础线,偶尔还能作为版面的其中一种构成元素,直观地呈现于页面之上,这样显露的基线式网格常被用来强化正文内容,使其具有更明显的吸引力。
用显露的基线式网格来表现正文内容,有利于文字的醒目呈现,进而突出内容信息。而且水平的直线样式还能起到引导读者视线的辅助作用;交叉对齐的基线式网格是指将不同字号或层级的字体对齐同一网格,使各层级的字体之间相互关联,这种对齐方式有利于加强页面元素间的联系,能够体现出严密的整体感。
7.成角式网格
成角式网格也是版面设计中经常被运用的一种结构形式,只是成角式网格的设置较之前面的几种网格形式更为复杂。成角式网格的角度可以被设置成任何数值,但要注意保持页面的整体美观度及可读性,在表现创意的同时能够有效地传递相关信息。
在设计成角式网格的角度时,需要考虑多方面的相关因素,例如:图片的大小比例、字体的编排设计和人们的阅读习惯等。只有合理地安排成角式网格的角度,才能起到积极的表现作用。根据版面的阅读性特征进行成角式网格设计,使版面结构在最大限度上与阅读习惯相统一,从而有利于人们对信息的关注。
成角式网格在通常情况下只会选择两个角度进行倾斜,以避免造成版面的过于混乱,且不利于人们进行阅读。成角式网格在页面中的应用使版面效果更为灵活多样、错落有致,在体现其独特创意的同时又能清晰展现出版面的层次结构。
网格设计虽然在实际应用中具有科学性、严谨性,但过于呆板的运用会给版面带来负面影响。因此在运用网格设计时,应在考虑网格的限定性特点的同时,根据主题内容与审美要求适当打破其约束性。
一方面,应该按照网格来设计布局,让各设计元素按部就班;另一方面,也要敢于打破某些“框框”。网格为版面提供了整体统一感,而适当的“破”却能为版面注入活力,这就是统一与对比的关系。版式的网格设计就像磁盘的格式化,既可以使设计内容有章可循,也可以保障信息传播的识别性、准确性与导向性。