版式设计的理性表现!网格法

现代版面形式可谓纷繁,宏观地观察分析,归于理性掌控的网格设计占到了相当的比例,是居主导地位的版面设计方法。网格设计,就是在版面上按照预先确定好的网格,理性而有序地排列文字和图片的一种版面设计方法。

版式设计的理性表现!网格法

网格设计其特征是重视比例感、秩序感、连续感、清晰感、时代感,具有准确性、严密性和科学性。

版式设计的理性表现!网格法

网格的形式

网格是建立在水平线和垂直线分割组合的基础上的,垂直线决定了水平方向栏的宽度,水平线控制着垂直方向栏的高度。两个方向的线构成了网格单元的大小和形状,网格单元之间要留有相应的均匀空距。

版式设计的理性表现!网格法

正方形网格

顾名思义,正方形网格就是指网格的基本单元是正方形的。可以说,正方形网格是网格设计的基本形式,可能比黄金长方形或其它一些比例更为重要,它为设计师提供了广阔的施展空间。

版式设计的理性表现!网格法

长方形网格

不少设计师都是以自己直观的比例感觉来划分版面,因而就产生了不同于正方形的各种比例的长方形网格。从总体来看,长方形网格包括水平方向和垂直方向两种形式,给版面带来了比较丰富的变化,与正方形网格相比,能适合更多不同风格的内容。

版式设计的理性表现!网格法

单向网格

均匀的水平线和垂直线构成网格。但为了避免勉强的比例和单调的布局,可以只确定水平或垂直单一方向的规矩,加以重点把握,而另一个方向不去约束,是完全放开的任意尺寸,这样就形成了单向网格。

版式设计的理性表现!网格法

“书架”和“晾衣绳”

用这两个名词来表述网格形式也许很形象,书架和晾衣绳分别是单向网格中只限制水平方向而放开垂直方向的另外两种表现形式。所谓“书架”就是把图片和文字设计成上面不齐下面齐的版面,而“晾衣绳”正好反过来,是下面不齐上面齐的形式。按这两种原则设计的网格产生了既统一又有变化的格局,如果使重心靠上或者靠下,会给人不同的感觉和联想。

版式设计的理性表现!网格法

大小网格

网格还可以设计成若干大小不一的栏,也就是大小不同的网格。这就有必要增加一些垂直线或水平线,依照比例法则设计出有良好比例的若干宽窄不同的栏。大小网格的功能是多方面的,它能够为几个不同的内容服务,而且主次更加分明。大小网格最简单的形式是一宽一窄大小不同的两栏。

版式设计的理性表现!网格法

一般情况下是大网格即宽的那一栏安排重要的内容,小网格即窄的那一栏配置附属的东西。比如内容是以文字为主的,那就大栏放正文,小栏放图片和说明文字;如果内容是以图片为主的,则大栏放图片,小栏放文字。大小网格的数量和尺寸多少为宜,还是完全取决于内容及开本和版心。

版式设计的理性表现!网格法

网格的突破

任何事物都具有两面性,网格的优点是规矩和约束,但如果处理不当,不能灵活地和创造性地应用网格,就容易使版面显得单调和枯燥,把优点变成缺点。所以为了使过于平静的版面出现变化,可以采用局部突破网格规矩的方法。

版式设计的理性表现!网格法

例如:个别图片向外移动半格,也可不按比例放大缩小,还可去掉背景成为脱底的图片,或者把图片的方角改成圆角甚至做成其他形状的图片,与方形的网格产生对比等等。突破的方法很多,目的是使版面变得生动起来。 推荐阅读:版式设计中的网格系统!有格有调

版式设计的理性表现!网格法

网格设计方法

正如网格这个名词的解释一样,表面上看似简单,但实际上并非轻而易举。这有赖于设计师理性的思维与掌控,同时学习借鉴他人的经验和成功作品的经典之处。

版式设计的理性表现!网格法

构思

与其它形式的设计一样,网格设计是由作品的内容和设计师的思维方式等综合因素共同支配的。

①开始设计之前,要深入了解作品的内容、设计要达到的目的和预期效果以及读者的潜在反应。

②把所有的要点提炼到一个初步的设计方案上来,本着形式服务于内容的原则,从多种网格形式中选定一种最适合的,能够适应广泛的视觉资料、复杂多变的结构。

版式设计的理性表现!网格法

确定开本和版心

了解并熟悉了手边要设计的全部文字与图片的数量和状况后,对如何进行设计应该有一个总体的和细节的想象,同时也对于文字和图片的整体和局部的安排做到心中有数,能够由此而设计适合的开本和恰当的版心。版心的四周是边白,同时也形成了保护版心的外框。这个空白外框的大小如何确定,是与开本和版心相辅相成的,完全要从内容来考虑。

版式设计的理性表现!网格法

例如:文学书籍的版心四周一般需要留大约2公分宽的空白外框,目的是使阅读时眼睛不受四周不利环境的干扰。版心在画面上的位置变化,四周的空白多少,都会给人以不同的感觉。除了版心在页面上下左右完全居中的形式外,还可以根据不同的需要将版心做上下左右不同位置的调整。

版式设计的理性表现!网格法

画草图

画草图的目的是为了把握和更容易看清整个设计的面貌,易于迅速和方便地使构思具体化。一般按比例缩小到二分之一或四分之一的尺寸,便于做正稿时成倍放大,也比较节省时间。画草图时应根据版心大小考虑如何分栏和定什么网格的问题。

版式设计的理性表现!网格法

①一栏的形式适用于较小的开本和版心,在这里由于空间所限,只有很少的方法去安排和表现大、中、小的图片和文字块。

②两栏的形式对于文字和图片提供了较多的方法。可以一栏放文字,另一栏放图片。也可将文字和图片放在同一栏内。

版式设计的理性表现!网格法

③三栏的形式对于文字和各种大小的图片在安排时有更多的方法(图13)。三栏的分配方法也可继续再分为六栏。

④四栏适用于有许多文字和许多图片或者有许多数字、曲线和斜线的统计资料的方案。四栏也可继续分为八栏、十六栏甚至更多的栏。它对于表现统计资料是一种实用的形式。

具体分多少栏和确定哪一种网格形式,取决于出版物的性质和开本的大小。

版式设计的理性表现!网格法
版式设计的理性表现!网格法


分享到:


相關文章: