多语言展示
当前在线:261今日阅读:113今日分享:31

板式设计中网格的使用技巧(1栏、2栏、多栏)

网格的应用很多,通常有对称式(单栏、2栏、3栏、4栏)与非对称式网格,能使信息整齐划一,也能为平淡的版面增添变化和韵律。
一、网格的意义:
二、对称式网格
1

对称式网格是指左右两页的页面结构完全相同,就好像直接将左页复制到右页一样,有相同的页边距、占据相同的网格数量,只是内容不相同而已。 对称式网络的主要作用是组织信息,平衡左右版面。产生严谨、整齐划一的视觉感受。 由于一个空间或者平面可以被分割成的网格数量是没有上限的,对称式网格常采用2、3、4、6栏等均匀排列的方式,要针对具体的作品要求,确定与作品主题风格相适应的网格形式。

2

——单栏对称网格:  又称:通栏对称网格,单栏对称网格就是在版面中将文字通栏进行排列,文字跨页很长的距离才需要换行换段。 单栏对称网格的缺点是,长期在这种版式下阅读,会造成视觉的疲劳,一般来说,一行文字最好不要超过60个字。  使用情景:纯文字性书籍。为了缓解画面的枯燥感,可适当在页面下方配以图示。   跨页有两种形式,一种标题、重点信息在上,下方两侧是图片,中间两侧是文字,更加表现稳重感。另一种,图片在上,内文在下,图片跨页,内文分栏。 例如下图:

3

双栏对称网络:左右对称网络,是一种左右各两栏、分栏大小和边距都相等的分割方式。 比较呆板、缺乏新意。但是使用广泛。 双栏将人们的视觉从中分开,避免阅读较长文字时的枯燥感,阅读起来较为流畅。 使用情景:文学类书籍,杂志内页正文, 为了增强版式的变化性。可使用左边放置文字右边放置图片的方法将版面稍加变化。 也可以在双栏对称网格上增加一些变化,也是左右双栏排列,但是双栏的宽度各不一样。 可以左边窄右边宽,或者反过来右边窄左边宽,窄的一栏可以放置一些注释或者相关解释说明的文字。这样的大小对比有利于打破沉闷,制造活跃氛围。 或者在双栏的基础上增加了一些变化,在双栏的每一栏再划分出两栏,图片在两侧外栏,中间文本,总共4栏,形成对称。 例如下面的双栏对称网络:

4

多栏对称网格: 例如:三栏、四栏、五栏等。多栏对称网格可以根据文字的字号、内容长短等情况安排栏数,但左右两边的栏数必须相等。多栏对称网格的缺点是不适合正文的编排。使用情景:术语表、联系方式、目录、数据等。五栏式网格最适合表格、术语,但由于多栏太窄不适合正文。 使用多栏时,也可根据实际内容长短增加或减少栏数。

三、非对称式网格

对称式网格的整齐编排特性给人平衡、稳定和秩序感,但它也有缺陷:版面呆板、单调,容易造成视觉疲劳。 要想在有限的版式中排出灵活的版式,就要打破网格,因此也就有了非对称网格。  非对称式网格是指在对称网络的基础上适当变化网格栏大小比例,使其更具生气。  非对称式网格和对称网络一样,左右版面采用同一种编排方式,但是在编排过程中并不像对称网络那样绝对。 非对称式网格增加了变化,虽然图片、文字的大小、尺寸、位置不同,但仍没有杂乱感,富有一定韵律。   使用情景:不对称式网格一般用于较为轻松内容的表现,例如散文、散页、诗歌、女性、体育等。 非对称性网格中有相对于其它栏宽较窄的栏,以便于后期在页面中插入注释,一般来说较窄的一栏在左页如果放置在订口的位置,到了右页就会放置在切口的位置。  例如下图:图片在左上角与右下角对称分布,一大一小。大的在左上,跨页分布。小的在右下,缩小分布。文字也是斜着对角,一大几小,形成对比、视觉冲击感和画面层次感。

注意事项
1

在版面中划分网格后,首先确定主要图片的位置,然后再根据图片确定文字的位置。将文字安排在图片较空的位置上,并 细分网格,确定好之后就需要调整图片的大小以及文字的栏宽,直到最后整个版面显得比较协调为止。这样处理之后,整 个版面的图文安排井然有序,更加合理。

2

划分网格时,根据图片和文字的类型在版面中进行留白处理,以增强版面的透气感。

3

通过辅助线设置网格,辅助线能有效地将版面进行划分,辅助线越多,排版参考的标准也会越多。

4

在版式设计中,如果有大量的图片其实会给人很轻松的感觉,但是有时候我们在进行版面编排时会忽略文字,不知道将文 字排列在什么位置?以方块图为例,一般图片说明放在图的左右侧或上下侧,大多数情况下需要与图片的边线对齐。图片说明的编排不能一行与边线对齐,下一行又缩进两个字符,这样就会显得杂乱无章。

5

使用网格后版面的稳定性、平衡性加强,但文字和图片显得过于稳定而缺少变化。应该在在适当的位置添加打破网格的视 觉元素。

6

如果设计中在较窄的栏宽中使用较大的字体就会造成同一行的文字数目过少,从而导致阅读过程中频繁换行,加速眼疲劳 。

7

根据设计经验,眼睛从左到右的标准阅读距离是30~35cm,为此处于这一范围的文字是最适合阅读的。栏宽的也要依次为 参考依据。

8

栏宽对于文字的排列有较大影响,一般是栏宽越窄所使用的字体越小。

9

在分栏中,标题直观地体现出文章的中心思想,因此也是设计的重点,对每篇文章的标题的大小要适当变化。

10

行距控制要适应读者阅读的间歇性。一般来讲120%~180%的行距比较适合阅读。

11

部分图片来源于网络,侵权请联系删除。

推荐信息