《版式设计》（北希望）教学资料 教学课件 6.版式设计第六章.pptxVIP

第六章 版面构成的网格系统 版式 设计 第六章 版面设计的网格系统（共计3学时） 第一节 网格概述（1学时） 第二节 网格的构成（1学时） 第三节 网格设计技巧（1学时） 重点：网格设计的技巧 难点：网格设计的技巧 让学生了解版面构成的网格系统 AWESOME 第一节 网格概述 网格系统是版式设计法则的一种，将版面分为一栏、二栏、三栏或更多栏，把文字与图片安排其中，使版面具有一定的节奏变化，产生优美的韵律关系。网格设计在实际运用中具有科学性、严肃性，但同时也会给版面带来呆板的负面影响。 第六章 版面构成的网格系统 第一节 网格概述 一、网格的萌芽和发展 网格设计体系从萌芽、诞生、发展和最后形成完整的设计体系，经历了数百年甚至千年的时间。网格设计的萌芽，约始于公元前6世纪的古典主义时期，其中以黄金分割的发现和建造古希腊巴特农神庙为代表。除此之外，精通数学和几何学的希腊人也将网格应用于字体设计上。 《包豪斯展览目录》设计 第六章 版面构成的网格系统 第一节 网格概述 二、网格的概念 网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系。它是用来设计版面元素的一种方法，主要目的是帮助设计师在设计版面时有明确的思路，能够构建完整的设计方案。网格可以让设计师在设计中考虑得更为全面，能够更精细地编排设计元素，更好地把握页面的空间感和比例感。 利用网格设计版面 三、网格建立的意义与作用 第六章 版面构成的网格系统 第一节 网格概述 网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系。它是用来设计版面元素的一种方法，主要目的是帮助设计师在设计版面时有明确的思路，能够构建完整的设计方案。网格可以让设计师在设计中考虑得更为全面，能够更精细地编排设计元素，更好地把握页面的空间感和比例感。 第六章 版面构成的网格系统 第一节 网格概述 网格体系为平面设计提供了一种视觉节奏。作为版式设计的一种设计手段，在设计风格上它是一种稳定的视觉模式保障，尤其在多页出版物的版式设计中。通过网格的编排，可以对大量的出版信息进行版面结构、标题、页边距、页码等元素的设计。这样既顺应了当今时代信息大量而快速传播的要求，又增加了版面的逻辑性。 网格为设计工作提供了一个框架。它的基本功能是组织页面中的信息，使之具有阅读的关联性。它在版式设计中起着约束版面的作用，强调比例感、秩序感、整体感、时代感、与严肃感，使整个设计过程更加快速有效。 AWESOME 第二节 网格的构成 网格设计是建立在一定的比例关系和数字计算的基础之上的，所形成的网格要么具有重复美，要么具有韵律美。因此，网格设计在极为理性的前提下，也搭建起了现代主义的审美基础，游走于科学的可读性和情感的可读性之间。 一、对称式网格 第六章 版面构成的网格系统 第二节 网格的构成 1.对称式栏状网格 （1）单栏对称式网格。 第六章 版面构成的网格系统 第二节 网格的构成 （2）双栏对称式网格 第六章 版面构成的网格系统 第二节 网格的构成 （3）三栏对称式网格 第六章 版面构成的网格系统 第三节 网格的构成 2.对称式单元格网格 采用对称式单元格网格编排版面时，是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片。这样的网格结构具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间距可以自由调整，但是每个单元格四周的空间距离必须相等。版式设计中单元格的划分保证了页面的空间感与规律性，整个版面给人规则、整洁的视觉效果。 二、非对称网格 第六章 版面构成的网格系统 第三节 网格的构成 1.非对称栏状网格 三、成角网格 第六章 版面构成的网格系统 第三节 网格的构成 成角网格发挥作用的原理与水平网格相同，只是文本和图像元素成角度倾斜，但因为网格可以被设置成任何角度，所以设计师可以打破常规方式展现创意风格。 AWESOME 第三节 网格设计技巧 网格设计虽然是以纵横方向的线条交织而组成的网状格子得名，但这种网状格子必须随作品内容的不同，体现出千变万化的组合方式。因此，网格设计必须具有创意性，它并非被界定为一成不变的僵死的格子。如何将看上去僵死的网格变成有生命的艺术，这就要发挥设计师的创造性。 一、网格的重叠 第六章 版面构成的网格系统 第三节 网格的构成 二、网格的虚实 第六章 版面构成的网格系统 第三节 网格的构成 三、网格的突破 第六章 版面构成的网格系统 第三节 网格的构成 版面设计中利用网格编排时，可以通过局部打破网格约束的方法进行创意表达，使具有规律性的网格体现出灵活性。突破网格在设计中不仅体现在规则的网格设计中，有时也可采用如重心调整、渐变等手法调节。 第六章 版面构成的网格系统 第三节 网格的构成 THANK