发布时间:2022-4-27 13:07:06   点击数:

浅谈网格系统

发布时间:2022-4-27 13:07:06   点击数:
一、什么是网格系统?

网格系统,也称栅格系统,瑞士版面系统。是做版式设计、平面设计、Web设计的重要工具。简单来说网格就是帮助我们更好建立秩序性版面的工具,通过版面中一个一个有秩序的小格子,为内容提供对齐的依据,并让设计更具功能性、逻辑性和视觉美感。

1.1网格系统主要运用在什么地方?

网格系统广泛运用在二维和三维空间里。二维主要是海报、画册、书籍、期刊等出版刊物,还有WEB、企业识别系统。

下图中三张平面海报,排版看起来内容很多,但是乱中有序,就是借助了网格系统。文字不是随便放一个位置,都是有一定逻辑性的。

网格系统在二维除了作用在平面海报上,还有书籍画册期刊等出版物。网格系统的出现,其初衷是就是为了解决图文混排的效率、及美观问题。所以针对大篇幅、多页面的报刊、杂志、图书、画册的排版时,运用规范的网格系统来编排内容,除了工作效率将大幅提升,还可以轻松的创作出「严谨而富有节奏」,充满「理性之美的版面视觉效果」。同样的,网格系统对于建立企业识别系统起到系统化、规范化的作用。

网格系统在网页和UI里也有广泛的运用。网格系统在三维可以体现在展览和橱柜的展示上。

1.网格系统由什么构成?

版心:版面中主要编排内容的区域

页边距:版心到版面边缘的区域(天头、地脚、左右边距)

栏:区分信息区域,提供对齐依据

栏间距:栏与栏之间的距离

1.3怎么设置合适的版心大小?是否有固定的数据?

首先我们了解一下:版心的大小确定版面的整体效果。版心的作用:1、让信息内容在安全范围内编排;、让画面看起来更加舒服。

先介绍两种书籍排版常见的版心设置:

Q:那其他海报类、装帧等排版版心设置有一定的规定吗?

A:版心的大小没有固定的数据标准,应根据版面的尺寸和信息内容设计。如果内容较多,版心就采用较大区域,缩小页边距;反之,版心缩小,可以扩大页边距。

二、网格的分类?

在板式设计中网格的主要表现为分栏与分块两种网格类型。用哪种类型的网格没有固定的规则,要根据实际内容决定。根据不同设计情况选择不同的网格类型。

.1分栏网格

1、通栏:适用于小开本的版面或者希望读者能够静下心来阅读内容

、双栏:将页面纵向等分为两部分,图片和文字均整齐划一,整个页面看上去相当规矩、统一、稳健,这些都是双栏的显著特点。双栏可以相对完整、连续地展示文字和图片,在视觉上更容易使读者集中精力,达到很好的阅读效果。在设计中也很常见,就是左右排版。

3、三栏:是一种很常见的一种分栏方法。较之双栏,三栏显得更加灵活和富于变化。最主要的变化来自图片。三栏中,图片的表现方法比较灵活,通栏的大图可以与占一栏或两栏的小图并存。从三栏起,我们就要逐步建立一个“并栏”的概念。并栏就是在划分好栏数之后,将其中的若干栏并作一体,与其它栏一起表现出来,形成一个整体。

、四栏:可以看作是双栏的演变和扩展,其将页面以中心对称等分四栏,看起来比较自然、舒服,符合一般大众的视觉心理和喜好。需要注意的是,由于将页面四等分,栏的宽度变窄,在视觉上其实并不适合连续阅读。因此,四栏的排法常用于那些短小精悍的信息类栏目和文章,如产品介绍、最新动态、书评等。

当然,这也不是一成不变的。有些篇幅较长的文章由于图片量大,文字信息量也很大,亦可采用四栏的排法。

5、五栏:五栏由于栏数增加可以巧妙并栏,左二右三或者左三右二,图片或文字的排法更加灵活多变,看似破坏了页面的稳定和平衡,但是又不失一定的章法和原则,若掌握得好,也可以做出赏心悦目的页面。很多报纸会采用五栏形式。

Q:分几栏有规定吗?

A:使用几栏没有规定,除了依据内容多少,也有个人喜好,比如有人喜欢用六栏来实现海报,前面有说到三栏以上就可以有并栏的意识,那六栏也可以看做是三栏。而相比三栏,六栏灵活性更高。

除了上述的分栏之外,还有黄金比例:利用黄金比例来创作版面;还有一个是重叠比例:同一版面中重叠使用两种或以上的网格形式,大多会同一版心与栏间距。

.分块网格(模块化网格)模块化是现代设计中常用到的一种网格形式,实际和分栏比较相近,通过添加横栏来规范元素在版面中的高度和位置。大体我们可以在文案比较多的情况下,设置更多的栏,提供更多的模块;如果文案比较少就可以相应的减少栏的设置。在同一网格系统下,通过栏与栏之间不同的组合,也可以达到变化。以:6网格为例,在此网格的基础上,我们可以将其简化为:3网格,也就是之前所说的组合,这样一来,在版面中就有了更多的对齐依据,也能带来变化。.3如何打破常规在我们的工作中网格系统只是一个工具,起到辅助的作用。使用了网格系统的排版会显得很规范,很有秩序,但是同时也会不够活跃,所以很重要的一步,要打破秩序。这个打破可能是一个字体、一个色块装饰、也可能是文字位置变换,亦或是其他的表现手法。只要是让整体画面更加美观,都可以。仔细观察,左图使用了文字组重复的手法后,用了三个眼睛的形状以及红色打破了规整的排版,富有视觉冲击力。右图通过把背景的花抠出压在中间色块上,不会那么死板。这就是破格处理。三、如何画网格?在AI和PS里都可以画,也有插件可以下载。PS:视图-新建参考线版面AI:画出版心矩形,找到对象路径分割为网格,选中网格,然后ctrl/


转载请注明:http://www.baozhijianjiedw.com/bzjj/12903.html


  • 上一篇文章:
  • 下一篇文章: 没有了
  • .