网格系统在版式中的重要性

第三章网格系统在版式中的重要性

3.1网格的基本概念

3.1.1网格的重要性

网格是版式设计的形式法则，它能协调版面中的各个构成元素使之能够层次分明、井然有序的排列，令版面有秩序感以及整体感。

3.1.2网格在版式设计中的作用

调节版面气氛：加强版面凝聚力使版面更统一化、整体化，也可使版面内容更规整，使网格在版面中的运用更加灵活。

组织版面信息：网格对版面中的构成元素——文字、图片等进行有机的、有序的编排，使版面中的内容信息更清晰的呈现，使构成元素的编排位置更加的精确，有结构感、节奏感。

提升阅读的关联性：网格系统使版面结构更加清晰简洁，能够有效的保证内容的关联性，使视觉在浏览时有一个清晰明朗的流程。

确定信息位置：对各项元素的位置进行有效的组织、编排，能使版面内容具有鲜明的条理性、并且可以使版面元素呈现出更为完善的整体效果。

3.2网格的分类

3.2.1对称式网格

单栏式的对称：将一个版面中或连续页面的左右两部分的文字进行一栏式的编排双栏式的对称网格：一般左右对称的双栏格式会令版面更加协调饱满，常被用于文字信息较多的版面。

多栏式的对称网格:指的是三栏及以上的网格形式。网格的具体栏数是根据版面的需要而确定的。

单元格对称网格:是在版面中划分一定数量大小相同的单元格，然后根据版式设计需求对文字与图片进行组合编排。

3.2.2非对称式网格

非对称式栏状网格：非对称式栏状网格是指在版式结构上，左右两个页面的网络栏数基本相同，但是在图片与文字的编排上呈现的是非对称的组合状态。

非对称单元格：指在版面中的左右两个页面划分不同大小的单元格，使之在版面中呈现对比、不对称的状态。

3.2.3基线网格

基线网格：是辅助版面设计的基准线，对文字、图形位置、大小等具有规范作用3.2.4成角网格

成角网格：成角式的网格在通常情况下都是选择相同角度进行倾斜的，以避免造成版面内容的混乱，成角式网格在版式设计中的应用使版面结构错落有致，变化多样。

3.3网格的建立与编排

3.3.1建立网格

根据比例关系建立：根据比例划分版面，是将文图形进行比例的综合规划，这样的版面充满一种理性的色彩，且更加规整统一。

运用单元格：

指在将分割页面时采用8：13的黄金比例，即裴波那契数列比例关系来确定网格，这样能使版面的宽度与高度在视觉上达到统一。

3.3.2网格的编排形式

多语言网格编排：是以文字为主的网格编排（如左图）

说明式网格编排：令版面呈现图文并茂的的说明性版式，具有生动版面，明确内容的作用。

数量信息网格编排：将散乱的文字、数据进行规范、表现出整齐、简洁的版面效果。

3.3.3打破网格编排

打破网格：并不是完全摒弃网格，而是通过对网格的一些进行有序的调整，以网格中的某一条或几条线为基础进行编排，这样在打破版面呆板的同时也能保证版面的整体性与平稳性。

第四章文字在版式设计中的运用

4.1文字的运用法则

4.1.1文字的基本构成

字体

字体又称为书体，是指文字在风格上的式样，不同的字体，风格上也不尽相同，而每种字体又有各种不同的风格，所以导致字体的种类繁多。

常用字体

中文字体：宋体、黑体、楷体、仿宋体。

英文字体：衬线体和无衬线体。

字号

字号是指字体的大小，也是指活字（排版印刷中的反文单字）从字背到字腹的距离。

中英字号对比

我国计算机中采用以点数制和号数制为准制度，其中号数制为主，点数制为辅。点数制又称为磅数制（英文为poin，一般缩写成P），是世界上公认的字体标准制度。

字距与行距

字距是指字与字之间距离，而行距是指每行文字之间的距离。

关键点

字距与行距在一定程度上，是为了满足人们对心理空间的需求，所以设计师对于版面文字的字距与行距的控制，可以充分体现该设计师对于文字版面的编排有没有良好的驾驭能力。

间隔

文字的间隔，是指文字段落与段落之间的距离，以及文字段落与图片之间的距离。

4.1.2文字编排设计的原则

提高文字的可读性

页面中文字的主要作用，是作者借其向阅读者传达自身所想表达的思想和信息，所以文字在编排时，应秉承易认、易读、易懂的原则，不应出现文字字体不清晰或不易识别的情况。文字与版面风格的协调

文字字体的选择在版式设计中占据重要的地位。我们都知道版面的风格是多种多样的，而版面中文字字体的选择也应与页面中的版式风格特征相符合。

4.2文字的排列方式与编排原则

4.2.1文字的排列方式

左右均齐

文字的左右均齐指的是版面上的文字在每一行上从左端到右端的长度是均匀整齐的，这种文字组合方式让文字更加的端整、美观，是书籍最常用的编排形式。

齐左齐右

齐左齐右分别是指两种文字排列方式。其中，齐左是指版面中每一行文字的首个字符，排列在一条垂直线上，而齐右是指版面中每一行文字的最后一个字符，排列在一条垂直线上。

居中对齐

将文段中每行文字的中心排放在版面的中轴线上，每行文字的两端不一定需要对齐，这样的文字排列方式叫居中对齐。

首字突出、文字绕图与文字图形化

首字突出

所谓的文字编排的首字突出是指在一段排列规律的文段中，将文段的第一个字符以改变字号，颜色等方式，使其在整段文字中突显出来，为阅读者增添一丝阅读趣味。

文字绕图

文字绕图编排是指将文字围绕着图片的外围排列，在通常情况下，文字和图片间要留有一定的距离，不能将文字与图片紧挨着，让阅读者不能有效的识别文字内容。

文字图形化

文字图形化编排是指将通过变形、扭曲、调整字号等方式，将文字按照图形结构进行编排，使文字图形化。

4.2.2文字编排的原则

易读性

版面中的文字除了能够被阅读者识别之外，还应该容易被识别，文字的易读性就是指文字的识别度。

方向性

为了增强页面版式中文字的设计感，打破枯燥的文字排列方式，在对版式进行编排设计时，我们可以从通过改变文字排列的方向性着手。

常用手段：让版面中的文字以倾斜的方式排列，是改变文字方向性的一种方式；在编排版式中的文字时，将文字从不同的方向进行编排，会产生不一样的视觉效果。

4.3文字的个性化应用

4.3.1文字编排的特殊表现

文字的表象装饰设计、文字的意向构成编排

4.3.2文字的跳跃率

页面版式对阅读者的吸引程度，在绝大程度上取决于页面中文字的跳跃率，文字的跳跃率是指以页面中的正文为基准，标题、副标题、引文、说明文字之间各层级比率，因而文字的跳跃率也是有高低之分的，不同的文字跳跃率可以展现页面的不同视觉效果

网格系统在版式中的重要性

第三章网格系统在版式中的重要性 3.1网格的基本概念 3.1.1网格的重要性 网格是版式设计的形式法则，它能协调版面中的各个构成元素使之能够层次分明、井然有序的排列，令版面有秩序感以及整体感。 3.1.2网格在版式设计中的作用 调节版面气氛：加强版面凝聚力使版面更统一化、整体化，也可使版面内容更规整，使网格在版面中的运用更加灵活。 组织版面信息：网格对版面中的构成元素——文字、图片等进行有机的、有序的编排，使版面中的内容信息更清晰的呈现，使构成元素的编排位置更加的精确，有结构感、节奏感。 提升阅读的关联性：网格系统使版面结构更加清晰简洁，能够有效的保证内容的关联性，使视觉在浏览时有一个清晰明朗的流程。 确定信息位置：对各项元素的位置进行有效的组织、编排，能使版面内容具有鲜明的条理性、并且可以使版面元素呈现出更为完善的整体效果。 3.2网格的分类 3.2.1对称式网格 单栏式的对称：将一个版面中或连续页面的左右两部分的文字进行一栏式的编排双栏式的对称网格：一般左右对称的双栏格式会令版面更加协调饱满，常被用于文字信息较多的版面。 多栏式的对称网格:指的是三栏及以上的网格形式。网格的具体栏数是根据版面的需要而确定的。 单元格对称网格:是在版面中划分一定数量大小相同的单元格，然后根据版式设计需求对文字与图片进行组合编排。 3.2.2非对称式网格 非对称式栏状网格：非对称式栏状网格是指在版式结构上，左右两个页面的网络栏数基本相同，但是在图片与文字的编排上呈现的是非对称的组合状态。 非对称单元格：指在版面中的左右两个页面划分不同大小的单元格，使之在版面中呈现对比、不对称的状态。 3.2.3基线网格 基线网格：是辅助版面设计的基准线，对文字、图形位置、大小等具有规范作用3.2.4成角网格 成角网格：成角式的网格在通常情况下都是选择相同角度进行倾斜的，以避免造成版面内容的混乱，成角式网格在版式设计中的应用使版面结构错落有致，变化多样。 3.3网格的建立与编排 3.3.1建立网格 根据比例关系建立：根据比例划分版面，是将文图形进行比例的综合规划，这样的版面充满一种理性的色彩，且更加规整统一。 运用单元格： 指在将分割页面时采用8：13的黄金比例，即裴波那契数列比例关系来确定网格，这样能使版面的宽度与高度在视觉上达到统一。 3.3.2网格的编排形式 多语言网格编排：是以文字为主的网格编排（如左图）

网格版式设计

网格版式设计 版式设计的一种，产生于二十世纪初叶的西欧诸国，完善则于五十年代的瑞士。 网格设计风格的形成离不开建筑对其深刻的影响，其风格特点是运用数字的比例关系，通过严格的计算，把版心划分为无数统一尺寸的网格。 将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中，使版面具有一定的节奏变化，产生优美的韵律关系、网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。 设计师在运用网格设计的同时，应适当打破网格的约束使画面活泼生动。 网格构成是现在版面设计最重要的基础修养之一。作为一种行之有效的版面设计形式法则，它将构成主义和秩序的概念引入到设计之中，使得所有的设计元素——字休、图片以及点、线、面之间的协调一致成为可能。 网格构成设计特别强调比例感、秩序感、整体感、时代感和严密感，创造了一种简洁、朴实的版面艺术表现风格，曾对西文现代平面设计产生过广泛影响。随着版面设计的电脑化进程，网格构成设计越来越受到设计界的重视，已成为艺术院校平面设计的必修教程。 本书是最为经典的网格构成设计专著之一，通过大量文字和

设计实例，对网格构成设计理论和应用进行了系统和深入的讲解，读者不仅可为获得版面网格构成设计的形式法则，还可以结合自己的设计实践，将修养、感觉、技巧融为一体。逐步创造既有实用价值又有艺术性的完美版面。 书名:版面设计网格构成 作者:瑞士Niggli出版社编著，郑微译 出版社：中国青年出版社 出版日期：2005-2-1 网格拘束率和版面率 在网页界面设计中，照片和标题的位置沿着版面用纸的网格线决定，这样设计出的版面，是被网格约束住的版面。 雅虎中国网站运用网格设计，是稳重的版面，给人理性和庄重自由配置，形成脱离网格约束的版面设计，体现出自由的感觉， 容易制造有趣的版面 挖版打破网格拘束率 如果画面上标准照片是四边形，叫做角版，根据主题形状自由变化的照片类型叫做“挖版”，将周边部分进行部分淡化处理的叫“模糊版”，三种版式不仅在类型上有所区别，在视觉效果上也 存在着很大差异。 角版：合理的、理性的、新闻性的 挖版：自由的、非正式的、欢迎的、活泼的 角版和模糊版是相对的，模糊版能营造一种神秘的奇妙氛围，