版式设计 第3章 版式设计的网格系统

版式设计FORMATDESIGN第三章版式设计的网格系统学习要点及目标：1、了解版式设计的网格系统2、梳理版式设计中的网格类型3、学会应用网格设计4、了解如何突破网格的设计第一节网格的需求网格系统在一定程度上可以保持版面的均衡，使版面中的文字和图片协调统一什么是网格？网格是一种包含一系列等值空间(网格单元)或对称尺度的空间体系。它在形式和空间之间建立起一种视觉和结构上的联系。网格的特点运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。重视版面的比例感、秩序感、整体感、严肃感，使整个版面具有简洁、朴实的艺术表现风格网格可将版面的构成元素如点、线、面协调一致地编排在版面上网格的数量与版面设计的主题与传播媒介有着密切的关系约束功能使版面就有次序感和整体感，合理的网格结构能够帮助设计者在设计时掌握明确的版面结构信息组织功能能够帮助指引放置版面中的各种元素,能够使各元素迅速并准确地归置到一定的位置,并使其之间保持一定的视觉连贯性和持续性第二节网格的类型网格系统分为对称式和非对称式两种类型网格类型对称网格对称网格是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。对称网格左右两边结构相同，版面中的网格是可以进行合并和拆分的，能够有效地组织信息、平衡版面。对称网格主要分为四种形式：单栏对称网格、双栏对称网格、三栏对称网格、多栏对称网格一般用于纯文字文字性书籍，如小说、文学著者等。在使用单栏对称网格时，可以适当在版面中配以图示，以缓解画面的枯燥感单栏对称网格在文学类书籍、杂志内页正文中运用十分广泛。这种网格可用于纯文字版面，但文字的编排比较密集，画面显得单调，也可用于图文版面。双栏对称网格将版面左右页面分为三栏，适合版面信息文字较多版面，可以避免每行字数过多造成阅读时候的视觉疲劳。三栏对称网格这种版式设计适合于编排一些有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。多栏对称网格网格类型非对称网格非对称网格是指对页的排版打破对称的格式，在编排的过程中，会根据版面需要调整版面的网格栏的大小比例，使整个版面更灵活，更具有生气，强调页面的视觉效果。非对称网格一般适用于设计散页。网格类型模块网格模块网格也称单元网格,是指以单元模块为基础的网格设计。它分为对称模块网格和非对移模块网格。将版面分成同等大小的单元格的网格形式，再将版面中的文字与图片安置在相应的单元格中。这样的网格可以随意编排文字和图片，具有很大的灵活性。模块单元格之间的间隔距离可以自由放大或者缩小,但同一个版面中每个模块单元格四周的间距必须相等对称模块网格版面分成不同大小的单元格的网格形式，再将版面中的文字与图片安置在相应的单元格中。在用非对称模块网格编辑大量文字和图片时，可以通过各种排列组合方式，得到多种多样的版面形态。在单元格的控制下，可以通过单元格合并等方式灵活地调整文字和图片的大小以及位置，使得版面丰富多彩而不显杂乱。非对称模块网格网格类型基线网格基线网格是辅助版面设计的基准线，为版面设计提供了视觉参考，对文字、图形位置、大小等具有规范作用，可以帮助版面元素按照要求准确对齐。网格类型成角网格成角式的网格在通常情况下都是选择相同角度进行倾斜的，以避免造成版面内容的混乱，成角式网格在版式设计中的应用使版面结构错落有致，变化多样。第三节网格的应用网格的创建01根据比例关系创建网格在版式设计中，网格的建立可以利用版面中构成元素的比例关系。如图德国字体设计师简安•特科尔德（JanTschichdd,1902-1974)设计的经典网格版式，整张纸的长宽比为2:3。02利用单元格创建网格单元格创建网格法是指在分割页面时采用8:13的黄金比例进行分割。以这种方式来决定正文的区域的大小，可使版面的宽度与高度比上获得和谐舒适的视觉效果。多语言网格编排多语言网格编排是以文字为主的网格编排说明式网格编排版面呈现图文并茂的说明性版式，不单单是纯文字的单栏网格，具有生动版面，明确内容的作用数量信息网格编排散乱的文字、数据进行规范、表现出整齐、简洁的版面效果。一般采用两栏的网格形式，将文字信息与数字清晰地编排在版面上第四节打破网格的设计打破网格并不是完全摒弃网格，而是通过对网格进行一些有序的调整，这样在打破版面呆板的同时也能保证版面的整体性与平稳性满版式主要以图片传达信息，以图片充满整个版面，是单栏型网格的变形。用图在视觉上直观表达，打破了文字编排的单调，表现力强。满版式设计根据版面的需要，将文字的位置编排在版面的上下、左右、中心点上，层次清晰，传达信息准确明了。满版式设计垂直轴线式设计轴线与版面的基线垂直相交，这是轴线式设计中最常见的手法，如图3-40、3-41所示。当垂直轴线穿过在画面的中心时版面形成了绝对的对称，版面显得平稳呆板，当轴线被移到左边或右边时，白色的空间的大小比例发生了变化，增强了画面的节奏。斜轴线设计由于倾斜的轴线具有方向性和流动性，所以以斜轴为基础的构图也显得相对活跃。这样的构图版面被分割为非几何形态，具有动感和趣味性轴线式设计无规则轴线式设计无规则形状的轴线是依据字形的边缘来显示它的形状特征，变化非常的微妙，同时也使版面更加充满活力，给人留下更多的想象空间轴线式设计发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织起来，由一个焦点中心而延伸，如同光线一样。散发式设计发散式设计，即以将一个焦点作为中心来设计，将所有的元素都组织起来，由一个焦点中心而延伸，如同光线一样。自由式设计自由式设计从字面上理解就是不受任何限制的设计,它是通过版式编排中各种元素自由组合排列而形成的。它打破了原有版式设计思想所提倡的规整理念，超越了传统版面设计整齐、清晰的标准散发式设计版心无边界打破了传统页面必须具备天头、地脚、内外白边的概念，在排版过程中文字可以冲出页面，不受页面边界的束缚，运用无边界性理念设计出的作品往往具有强烈的视觉冲击力版心无边界自由式设计特点字图一体是指在编排过程中，文字叠印在图片上，不在乎易读性，而是追求层次丰富的视域，已成为自由式设计中的一大特征字图一体自由式设计特点解构性是自由式设计的最主要特征之一，它运用了点、线、面等抽象元素去重组新的版式结构解构性自由式设计特点在自由式设计中，信息的易读