4.1网格在版式设计中的重要性

第四章 第二节 网格的类型
37
成角版面设计创意时，可以带来与众不同的视觉效果，但需在个性创意的同时充分考虑到读者的阅读习惯，避免因阅读 困难而降低信息的可读性。设计师在创意设计时，有时会根据设计意图采用多角度的倾斜角度来体现版面设计的个性。
如图4-27所示，该图采用了两个角度的编排形式， 左上45度和左下45度的编排交错，打破了常规的 阅读形式，展现创意风格。
4.1.1 什么是网格
•
在版式设计中，将版面分为一栏、二栏、
三栏以及更多的栏，再将文字与图片编排
在其中，给人视觉上的美感。网格设计在
是实际版式运用中具有严肃的、规则的、
简洁的、朴实的等版面艺术表现风格。
（见图1 ）
图1 网格
图10 2 三栏对称网格
图13 五栏对称网格
第四章 第二节 网格的类型
31
二、非对称式网格
非对称式网格是指左右版面采用近似或不同的编排方式，它不像对称式网格那样严谨。 非对称式网格为一些特定元素的设计提供了别出心裁的机会，它在设置内容时更为灵活，同时又能使整体设计保持和 谐一致。其结构在编排过程中，可以根据版面需要，调整网格中栏的大小比例，使整个版面更灵活、更具生气。 非对称式网格主要分为非对称式栏状网格与非对称式单元格网格两种。
整个版面中图文编排具有规律性特征。（见图5）
图5 图文编排的网格结构
4.1.2 网格的重要性
（3）网格具有阅读的关联性
•
在版面编排中设计师有很大的自由空间，进行版面元素编排，但是人们在阅读版面中
图片与文字信息的方式就意味着在一个版面中，必定存在着有一部分内容更吸引人们注意，
表现更突出。（见图6）
图6 网格版面
第四章 第二节 网格的类型
34
三、节奏与韵律
虽然每一种版式设计方案都是在空白页面的基础上开始创建的， 但是真正决定那些优秀的设计方案的是一种基础结构，这种结 构可以决定页面上的元素的顺序和一致性。为创建这种基础结 构，设计师可以借助版式网格所提供的灵活性来创建满足自己 以及读者要求的设计方案。 由基线构成的网格是构建平面设计的基础。基线网格是不可见 的，它为设计提供了一种视觉参考，可以帮助版面元素按照要 求准确对齐。基线网格为编排版面提供一个基准，有助于准确 地编排版面。如图4-22所示，基线网格中基线是一些水平的蓝 色直线，分栏是垂直的蓝色线，页面是白色底，基线网格的间 距根据字体的字号增大或缩小，以满足不同字体的需求。 基线网格中水平的直线可以帮助编排文字信息，也可以为图片 编排提供参考。基线网格的大小、宽度与文字的字号关系密切。 基线网格增加或缩小，字体和行距则相应的增大或缩小。
图2 网格的排列
图3 杂志版式
4.1.2 网格的重要性
（一）网格具有版式需求性 （二）网格具有组织信息的功能性 （三）网格具有阅读的关联性
4.1.2 网格的重要性
02
网格的重要性
4.1.2 网格的重要性
（1）网格具有版面需求性
• 网格作为版式设计中重要构成元素，为版面设计提供了一个结构，使整个设计过程更加 轻松，也让设计师对于版面风格决策更简单化。
案 例
第二节 网格的类型
4.2.1 对称式网格 4.2.2 非对称网格 4.2.3 基线网络 4.2.4 成角网格
4.2 网格的类型
对称式网格
对称式网格就是版面中左右两个页面结构完全相同，被用在出版物的通页中。对称式网格的 主要作用是组织信息，平衡左右版面，通过双页的对称版心传达出一种和谐感，为网格带来了平 衡和对称的效果。
第四章 第二节 网格的类型
36
成角网格通常只用一个角度或者两个角度，一般情况下常选择45度和30度的倾斜角度，使版面的结构与阅读习惯在最大程 度上达到统一。
如图4-24所示，该图采用了一个角度的编排， 网格与页面呈45度角，黑、红、白色的搭配使 页面内容清晰，角度的倾斜具有跳跃感，具有 向上倾斜的感觉。 另图4-25中，不同形式的字体向右上方呈45度 倾斜，数字与文字错落有致地排列，主次分明、 主题突出，文字的排列与背景底纹的配合像花 儿一样向四边绽放。 再如图4-26所示，该图采用向左上倾斜30度的 形式，标题错落地穿插在正文中，体现版面的 空间感。远距离观看时，海报向读者提出了挑 战，必须从近处看才会看到详细的信息。
第四章 第二节 网格的类型
30
（二）对称式单元格网格 对称式单元格网格是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片（图4-16）。在编排的过 程中，单元格之间的间距可以自由调整，但每个单元格四周的间距必须是相等的。这样的网格结构灵活性强，可 以随意编排文字和图片。版式设计中单元格的划分，使整个版面呈现规则、整洁、有规律的视觉效果（图4-17）。
4.1.1 什么是网格
02
网格的作用
4.1.1 什么是网格
•
网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、
整体感、时代感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版
式设计中成为主要的构成元素。
• 网格作为版式设计中的重 要基础要素之一，构建出 良好的骨架是很重要的。 在版式设计中，一个好的 网格结构可以帮助人们在 设计的时候根据网格的结 构进行版式设计。在编排 的过程中有明确的版面结 构。（见图2 ～图3）
重点提示
成角网格设计时要注意受众群体的接受能力， 要以水平网格的原理为前提进行创新，尽量 避免两个以上角度的阅读视角，设置中的图 文搭配要注意形式和内容的统一性。
对称式网格主要分为对称式栏状网格与对称式单元格网格两种。
• 对称式网格的目 的主要是组织信 息，平衡左右版 面的作用。（见 图8）
图7 杂志版式
图8 对称网格
4.2 网格的类型
对称式栏状网格
我们把页面纵向分成几栏，文字在每一栏里面整齐 地排列，就是“分栏”。
对称式栏状网格中的“栏”是指印刷文字的区域， 可以使文字按照一种方式编排。
第一章 网格在版式设计中的重要性
4.1.1 什么是网格 4.1.2 网格的重要性
思考问题：
平时有没有用到过网格？ 用过哪些呢？
4.1.1 什么是网格
01
什么是网格
一、网格的概念
网格是一种包含一系列等值空间（网格单元）或对称
尺度的空间体系。它是用来设计版面元素的一种方法，主 要目的是帮助设计师在设计版面时有明确的思路，能够构 建完整的设计方案。网格可以让设计师在设计中考虑得更 全面，能够更精细地编排设计元素，更好地把握页面的空 间感和比例感（图4-1、图4-2）。
图9 书籍内页版面
4.2.1 对称式网格
01
单栏对称式网格
02
双栏对称式网格
03
三栏对称式网格
04
三栏对称式网格
第四章 第二节 网格的类型
25
单栏对称式网格中文字的编排显得过于单调，容易产生阅读疲劳，一般用于小说、文学著作等文字性书籍（图4-4、 图4-5）。
第四章 第二节 网格的类型
26
双栏对称式网格结构能更好地平 衡版面，使阅读更流畅。双栏对 称式网格在杂志版面中运用十分 广泛，但是版面缺乏变化，文字 的编排比较密集，画面显得有些 严肃（图4-6至图4-8）。
对称式栏状网格根据栏的位置和版式的宽度，左右 页面的版式结构是完全相同的，其作用是组织信息以及 平衡左右页面。
对称式栏状网格分为单栏网格、双栏网格、三栏、 四栏甚至多栏网格等。
• 栏的宽窄直接影响文字的编排，栏 可以使文字编排更有秩序，使版面 更严谨。但是栏也有一些不足之处， 如果标题变化不大将会影响着整个 版面文字缺乏活力，使版面显得单 调。（见图9）
再如图4-28所示，该图版面主体采用右上45度倾 斜形式，特别注意的是版面中需特殊强调部分采用 了与版面垂直的编排形式。所以说，进行成角网格 设计时，要以主题内容为前提，符合人们阅读习惯 的基础上，深化设计的构图、创意，以求设计形式 与内容的最佳体现。此外，为了保证设计的连贯性， 尽量避免使用多角度的设计形式。
图4 三栏网格版面
• 如图4中，设计师使用了简单、对称 的三栏网格以及较宽的页面留白， 整个版面使用了有力的网格，使版 面具有稳定感。
4.1.2 网格的重要性
（2）网格具有信息组织的功能性
•
组织页面信息是网格的基本功能性体现。在现代版面编排中，网格的这种运用方
式变得更加进步、精确，从以前简单的文字编排到现在的图文混排，网格的运用使
（一）非对称式栏状网格 在版式设计中，非对称式栏状网格是指虽然左右页面的网格栏数基本相同，但是两个页面并不对称。非对称式栏状网 格与对称式栏状网格相比更具有灵活性，版面更活跃。图4-18、图4-19分别为三栏和四栏非对称式栏状网格图示，页 面的左右留白呈现向左或向右偏的倾向，互相之间并未形成镜像效果。图4-20为非对称式栏状网格实际应用。
第四章 第二节 网格的类型
35
四、成角网格
成角网格发挥作用的原理与水平网格相同，文本和图像元素成角度倾斜，但因为网格可以设置成任何角度，所以，设计师便 能够以打破常规的不同寻常方式展现自己的创意风格。
但往往在版面中成角网格更难设置。一般情况下，设计师出于对 版面的阅读性、页面构图、设计效率和连贯性等方面会详加考虑。 如图4-23所示，该图标题呈45度角倾斜，文本也都是以相应的 角度编排，以此创作出浓厚的编排效果。从外观上看，建设性的 色彩配置和套印方式赋予海报强烈的当代感，使人联想起曼哈顿 岛上的网格式街道平面图。
第四章 第二节 网格的类型
29
每一个文本是靠间隔分开的，间隔线可以在 文本框之间制造一个视觉上的间隔。间隔的 尺寸、形状和风格的不同可以展示不同的文 字内容，并使设计有一种非常戏剧化的感觉 （图4-14）。 分栏的宽度会影响页面的整体视觉效果，同 时也会影响到页面的使用效率以及分栏内文 字的阅读难易程度。版面中的分栏宽度由字 体的宽度（字体所占据的宽度）以及每一个 分栏宽度与页面的比例这三个变量所决定。 这三个变量相辅相成，改变任何一个都会对 其他两个产生影响。 分栏宽度一般根据页面的大小来设置，每一 栏的宽度与页面的比例要相对合适，而且要 留出必要的做注释、做笔记的空间。这个大 小与页面的大小相关，也和选定的字体相关 （图4-15）。