版式设计的网格系统 PPT课件

排的效果。
图片等元素的编排，注意图片、文字之间的穿插。
第四章
三、训练目的与题目要求
训练目的：掌握各设计项目中版式设计的原则，正确运用编排元素设计相关内容形式的版面。
题目要求：针对版式设计的审美性原则，练习对称与均衡、对比与调和、节奏与韵律、虚实与空间、秩序与变异的形式美
表现。
第四章
第一节 网格的概述
第九章 版式设计的具体应用
— *—
第四章
一、教学目标与教学要求
本章要求学生掌握版式设计的网格系统应用，利用栏状网 格、单元格将页面分割，将文字、图片等元素作为参照物 进行排列，形成版面的秩序感与协调性，从而达到版面编
二、重点与注意事项提示
（1）重点掌握版式设计的网格类型。 （2）在版面编排设计中，注意网格系统的设计技巧。 （3）要遵循网格的设计规律，根据内容进行标题、正文、
一、网格的概念
网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体
系。它是用来设计版面元素的一种方法，主要目的是帮助设计师在 设计版面时有明确的思路，能够构建完整的设计方案。网格可以让 设计师在设计中考虑得更全面，能够更精细地编排设计元素，更好
地把握页面的空间感和比例感（图4-1、图4-2）。
第四章
第二节 网格的类型
二、非对称式网格
非对称式网格是指左右版面采用近似或不同的编排方式，它不像对称式网格那样严谨。 非对称式网格为一些特定元素的设计提供了别出心裁的机会，它在设置内容时更为灵活，同时又能使整体设计保持和 谐一致。其结构在编排过程中，可以根据版面需要，调整网格中栏的大小比例，使整个版面更灵活、更具生气。 非对称式网格主要分为非对称式栏状网格与非对称式单元格网格两种。
对称式栏状网格分为单栏网格、双栏网格、三栏、四栏甚至多栏网格等。
第四章
第二节 网格的类型
单栏对称式网格中文字的编排显得过于单调，容易产生阅读疲劳，一般用于小说、文学著作等文字性书籍（图4-4、 图4-5）。
第四章
第二节 网格的类型
双栏对称式网格结构能更好地平 衡版面，使阅读更流畅。双栏对 称式网格在杂志版面中运用十分 广泛，但是版面缺乏变化，文字 的编排比较密集，画面显得有些 严肃（图4-6至图4-8）。
第四章
第二节 网格的类型
（二）对称式单元格网格 对称式单元格网格是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片（图4-16）。在编排的过 程中，单元格之间的间距可以自由调整，但每个单元格四周的间距必须是相等的。这样的网格结构灵活性强，可 以随意编排文字和图片。版式设计中单元格的划分，使整个版面呈现规则、整洁、有规律的视觉效果（图4-17）。
网格系统不光可以使用在平面设计中，同样还可以运用到建筑设计、城市规划、室内设计、家具设计、数码设计、音乐
等艺术当中。
第四章
第二节 网格的类型
一、对称式网格
对称式网格就是版面中左右两个页面结构完全相同，被用在出版物的通页中。对称式网格的主要作用是组织信息，平 衡左右版面，通过双页的对称版心传达出一种和谐感，为网格带来了平衡和对称的效果。 对称式网格主要分为对称式栏状网格与对称式单元格网格两种。
网格。多栏对称式网格结构适合于编排一些有关表格和图片数量较多形式的文字（图4-11至图4-13）网格越复杂，一个文本是靠间隔分开的，间隔线可以在 文本框之间制造一个视觉上的间隔。间隔的 尺寸、形状和风格的不同可以展示不同的文 字内容，并使设计有一种非常戏剧化的感觉 （图4-14）。 分栏的宽度会影响页面的整体视觉效果，同 时也会影响到页面的使用效率以及分栏内文 字的阅读难易程度。版面中的分栏宽度由字 体的宽度（字体所占据的宽度）以及每一个 分栏宽度与页面的比例这三个变量所决定。 这三个变量相辅相成，改变任何一个都会对 其他两个产生影响。 分栏宽度一般根据页面的大小来设置，每一 栏的宽度与页面的比例要相对合适，而且要 留出必要的做注释、做笔记的空间。这个大 小与页面的大小相关，也和选定的字体相关 （图4-15）。
第三章
第二节 网格的类型
三栏对称式网格将版面分为三栏，这种网格结构适合信息文字较多的版面，可避免每行字数过多造成的阅读疲劳感。三栏对称
式网格的运用使版面具有活跃感，打破了单栏的单调、双栏的严肃（图4-9、图4-10）。
第四章
第二节 网格的类型
对于以文本为主的版式，通常使用两栏或者三栏简单的网格。对于以插图、图片为主的版式，通常使用三栏以上复杂的
版式设计
姜宇琼 李鑫泽 主编
目录页
Contents Page
第一章 版式设计概述
第二章 版式设计的基本要素及构成规律
第三章 版式设计的设计原则
第四章 版式设计的网格系统
第五章 版式设计的视觉流程
— *—
目录页
Contents Page
第六章 版式设计的创意技巧
第七章 版式设计的图文编排方法
第八章 版式设计的程序与印刷
（一）对称式栏状网格 我们把页面纵向分成几栏，文字在每一栏里面整齐地排列，就是“分栏”。
对称式栏状网格中的“栏”是指印刷文字的区域，可以使文字按照一种方式编排。对称式栏状网格根据栏的位置和版
式的宽度，左右页面的版式结构是完全相同的，其作用是组织信息以及平衡左右页面。“栏”的宽窄直接影响文字的 编排效果，可以使文字编排更有秩序，使版面更加严谨。不论是宽的，还是窄的，甚至是倾斜的，分栏的形式对文字 的可读性有非常明显的作用。
第四章
第一节 网格的概述
二、网格的作用
从简单的文本到图文混排，再到现代设计软件所提供的更加丰富多样编排方式，网格为设计工作提供了一个框架。它的
基本功能是组织页面中的信息，具有阅读的关联性。它在版式设计中起着约束版面的作用，其特点是强调比例感、秩序 感、整体感、时代感与严肃感。 网格可以使整个设计过程更加快速有效，尤其针对于多页面的文件设计。网格系统广泛地应用于报纸、杂志、书籍、网
页设计等版面设计中。在平面设计中，网格系统在视觉效果上更具有统一性、完整性、精确性。
三、网格的意义
网格体系为平面设计提供了一种视觉节奏。作为版式设计的一种设计手段，在设计风格上它是一种稳定的视觉模式保障， 尤其是在多页出版物的版式设计中。通过网格的编排，可以对大量的出版信息进行版面结构、标题、页边距、页码等元 素的设计。这样既顺应了当今时代信息大量而快速传播的要求，又增强了版面的逻辑性。