《《运用网格系统》》由会员分享，可在线阅读，更多相关《《运用网格系统》（84页珍藏版）》请在金锄头文库上搜索。
1、.,使用网格系统,.,运用网格系统,网格的概念 网格系统的作用 网格的类型 网格的应用 分栏与分块 利用有限的网格排出灵活的版式 利用九宫格构图,.,运用网格系统,掌握网格系统是从事版面设计所必须的基础修养之一。 网格系统作为一种行之有效的版面设计形式法则，它将构成主义的秩序引入到设计之中，使所有的版面元素之间的协调一致成为可能。(瑞士：约瑟夫米勒布罗克曼),.,运用网格系统,什么是网格 网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系，它在形式和空间之间建立起一种视觉和结构上的联系，形式和空间的位置及其相互关系通过二维网格来限定。,.,运用网格系统,什么是网格 网格由垂直线与水平
2、线相交构成网格单元，网格单元之间的空白区域称为分隔线。 网格以垂直单元与水平单元的数目定义。一个两栏三行的网格被称为6单元网格，或23网格。而一个三栏四行的网格被称为12单元网格，或34网格。,.,运用网格系统,什么是网格 网格使用原则：对以文本为主的版式，通常使用两栏或三栏简单的网格。对于以插图、图片为主的版式，通常使用三栏以上复杂的网格。 网格越复杂，设计就越具有灵活性，当然难度把握就越大。,.,运用网格系统,.,运用网格系统,.,运用网格系统,网格系统的作用 不一定所有的版式编排都要用到网格来约束版面，但是网格在一定程度上可以保持版面的均衡感，使文字和图片有一个排列的规则和系统，从而让整
3、个版面更加具有规划性。 不管是什么样式的版式设计，脱离了网络，很有可能造成版面的混乱。,.,运用网格系统,.,运用网格系统,.,运用网格系统,网格在文字排版中的作用 不管是什么类型的作品，都离不开对文字的编排。正文的文字量一般都很多，脱离了网格就不容易将文字排列得整齐有序。 通常来讲，左右两个版面中的网格形式可以是对称的也可以是不对称的，栏数也可以不一样，形式非常多样。,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,网格的作用 网格设计能够将复杂的排版变得更加简便，有效地解决了版式设计的各种问题，使得设计师能够快速得计划和组织版面中的各种元素。 随着书籍出版的发展，网
4、格在书籍装帧中的使用已经非常普遍，在书籍设计中发挥了重要作用。,.,运用网格系统,.,运用网格系统,.,运用网格系统,网格的类型 网格就是安排均匀的水平和垂直的格状物，网格设计就是在版面上按照预先确定好的格子为图片和文字确定位置。,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,建立对称式网格 对称式网格是根据左右两个版面或是一个对页而言的。 对称式网格是指左右两个拥有相同的页边距、相同的网格数量、相同的版面安排等。 对称式网格的效果非常稳定，起到了平衡左右两个页面信息的作用。,.,运用网格系统,对称式网格,.,运用网格系统,建立对称式网格的步骤(1)
5、,.,运用网格系统,建立对称式网格的步骤(2),.,运用网格系统,建立对称式网格的步骤(3),.,运用网格系统,建立对称式网格的步骤(4),切口,切口外边距,订口,订口外边距,.,运用网格系统,建立对称式网格步骤 新建页面，单个页面高宽比为3：2，对页高宽比为3：4； 将四个角点分别用直线相连，根据水平线与对角线的四个外边交点，来确定文字区域的四个角点，添加水平等距网格线； 根据水平线添加垂直等距线，确定垂直线及文字内外边距。,.,运用网格系统,对称式网格 对称式网格能在很大程度上能控制文字与图片的位置变化，其特点是左右两边的版式结构相同。 对称式网格页中的网格是可以合并或者拆分的。 一般说来
6、，对称式网格可以分为以下几种：单栏对称网格、双栏对称网格、均衡双栏对称网格、多栏对称网格等。,.,运用网格系统,单栏对称式网格,.,运用网格系统,双栏对称式网格,.,运用网格系统,均衡双栏对称式网格,.,运用网格系统,多栏对称式网格,.,运用网格系统,网格练习1： 建立类似下图的对称式网格（3min）,.,运用网格系统,网格练习2： 建立下图对应的双栏对称式网格（5min）,.,运用网格系统,网格练习3： 建立下图对应的多栏对称式网格（5min）,.,运用网格系统,非对称式网格 对称式网格是完全左右对称，也就是左边页面的外页边距和右边页面的外页边距完全相同，左边页面的内页边距和右边页面的内页边
7、距完全相同。 与对称式网格不同，非对称式网格左右两边的排列方式相同，但是不是绝对对称的。,.,运用网格系统,对称式网格和非对称式网格的比较,对称式网格,.,运用网格系统,对称式网格和非对称式网格的比较,非对称式网格,.,运用网格系统,对称式网格和非对称式网格的比较,.,运用网格系统,网格练习4： 建立下图对应的非对称式网格（3min）,.,运用网格系统,非对称式单元格 非对称式单元格是以单元格为基础的网格设计，使用非对称式单元格可以轻松找到放置图片和文字的位置。 在非对称式单元格的版面中，左页的外页边距和右页的内页边距相等，左页的内页边距和右页的外页边距相等。,.,运用网格系统,非对称式单元格
8、编排的多样性 非对称式单元格是从非对称式网格演变而来的，在单元格中可以根据需要调整文字和图片的位置和大小，还可以合并几个单元格。 完成编排去掉单元格之后，所有内容都有序放在指定区域。单元格中排列方式是多种多样的，相同的图片和文字能通过改变位置和大小从而改变整个单元格排列方式。,.,运用网格系统,网格的应用 网格的设置不是千篇一律的，一般性顺序是：首先确定两个版面的位置，然后确定内页边距和外页边距，并制作网格，最后再对文字和图片进行编排。,.,运用网格系统,网格的应用 网格设置的一般性顺序是：,.,运用网格系统,网格的设置 网格的设置和使用是根据网格的类型和版面内容而定的，一般原则是： 图片较多
9、的版式往往使用多栏网格编排 文字较多的版式往往使用左右对称的双栏网格编排 图片较大的版式往往会使用左右不对称的单栏网格编排 图片和文字的数量和比例差不多的通常使用左右对称的网格排列,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,.,运用网格系统,分栏与分块 分栏与分块是网格的重要组成部分。简单来说，分栏就意味着当前页面中的内容整齐的分成几列；分块就是在分栏的基础上建立横向划分；分栏分块的目的是使版面安排更加灵活，图片和文字可以更加合理的进行排列。,.,运用网格系统,如何分栏？ 在固定的页面大小中，对页面进行纵向的划
10、分。,.,运用网格系统,如何分栏？ 分栏后栏与栏之间的距离就是栏间距，它的作用是区分信息的区域。,.,运用网格系统,如何分块？ 分块不仅能保证基本的分栏结构，而且能使版面中的图片和文字的排列形式可以更加多元化，分栏是分块的前提，分块的数量是以分栏的数量为基础的。 可以根据图片的大小确定版式，让图片和文字放置在理想的位置上。分块增加了灵活性，使设计思路更加清晰明确。,.,运用网格系统,如何分块(简单的对称式分块),.,运用网格系统,如何分块(适合多图片),.,运用网格系统,如何分块(适合大图片),.,运用网格系统,如何分块(非对称式均衡分块),.,运用网格系统,如何分块(适合区分比较明显的版式)
11、,.,运用网格系统,网格练习5： 建立下图对应的单元格（3min）,.,运用网格系统,网格练习6： 建立下图对应的单元格（4min）,.,运用网格系统,网格练习7： 建立下图对应的单元格（4min）,.,运用网格系统,网格练习8： 建立下图对应的单元格（5min）,.,运用网格系统,利用有限的网格排出灵活的版式 版式设计中网格运用非常普遍，通过网格可以将版面划分得更加科学，使版面具有一定的节奏变化，产生优美的韵律关系。 网格设计在实际运用中看起来非常严谨，运用不好的话会给版面带来呆板的负面影响。,.,运用网格系统,利用有限的网格排出灵活的版式 要想在有限的网格中排出灵活的版式，首先需要将图片和
12、文字进行合理的规划，还要根据图片和文字的类型在版面中进行留白处理，增强版面的透气感。 适当时候，可以通过图片的出血效果等方式打破网格。,.,运用网格系统,网格系统的变化规律 卡尔.加里纳斯的58单元网格系统： 在版面中将横向与纵向都分割为58个小的单元，以58单元格为基本参照，可以进一步划分若干的组合方式，通过分栏分块进一步丰富版面。 58单元网格系统在一定程度上让我们更加深入地理解网格系统，并能根据提供的设计元素组成千变万化的版式。,.,运用网格系统,九宫格与画面分割 画面分割的三种常用方法： 九宫格法；将画面在水平方向和垂直方向上各分成三等份，形成九宫格。 黄金分割法：将画面在水平或者垂直
13、方向分成比例为1：1.618的两个部分。 中心分割法：将画面在水平或者垂直方向分成比例为1：1.414的两个部分。,.,运用网格系统,九宫格与画面分割,.,运用网格系统,九宫格与视觉中心 在传统的平面构成当中，对视觉中心最保守的办法是“九宫格”法。 画面重心，以及九宫交汇的4个临近点，是安排视觉中心元素的理想位置。 九宫格分割线交点、黄金分割线交点和中心分割线交点，都是视觉中心的摆放位置。,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,运用网格系统,九宫格与视觉中心,.,Thank You !,
