版面设计的网络系统.pptVIP

第三章 版面设计的网格系统 一、网格在版面设计中的重要性 1、什么是网格 网格是用来设计版面元素的一种方法，主要目的是帮助设计师在设计版面时有明确的设计思路，能够构建完整的设计方案。 在版面设计中，可以将版面分为一栏、二栏、三栏或多栏，然后将文字和图片编排在栏中，使版面具有一定的节奏感，给人视觉上的美感。 2、网格的重要性 网格在版面设计中有着约束版面的作用，其特点是强调了比例感、秩序感、整体感、时代感与严肃感，使整个版面具有简洁、朴实的艺术风格，成为版面设计中的主要设计中的主要设计手法。 1)网格具有版面需求性 运用网格能使整个页面具有活力，能够有效地编排版面中一些不起眼的元素，使整个版面产生戏剧性的变化，具有视觉冲击力，让人们在阅读的时候能够体会到版面设计的风格。 设计师使用了简单、对称的三栏网格结构以及较宽的页面留白，具有稳定感。 2)网格具有组织信息的功能性 组织页面信息是网格的基本功能体现。从以前简单的文字编排到现在的图文混排，网格的运用使整个版面中的图文编排具有规律性特征。 3)网格具有阅读的关联性 网格设计给页面带来清晰的“流动感”，使人们的视线从标题移动到图像，再移动到文本，最后移动到图片说明文字。 二、网格的类型 在版面设计中，网格主要表现为对称式网格和非对称式网格两种 一、对称式网格 所谓对称式网格，就是版面中左右两个页面结构完全相同，有相同的内页边距和外页边距，而且外页边距要比内边距大一些。对称式网格是根据比例创建，而不是根据测量创建的。 对称式网格是主要作用是组织信息，平衡左右版面。下面我们来学习怎么区分对称式栏状网格与对称式单元格网格，分别了解它们在版面设计中的作用。 （1）对称式栏状网格 对称式栏状网格的主要作用是组织信息以及平衡左右页面。根据栏的位置和版式的宽度，左右页面的版式结构是完全相同的。 但是栏也有一些不足之处，比如，字号变化不大，会使整个版面的文字缺乏活力，使版面显得单调。（如图）对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。 A、单栏对称式网格。在单栏对称式网格版面中，文字的编排显得过于单调，容易使人产生阅读疲劳。单栏对称式网格一般用于文字性书箱如小说、文学著作等。 B、双栏对称式网格。这种网格结构能更好地平衡版面，使阅读更流畅。双栏对称式网格在杂志版面中运用十分广泛。 C、三栏对称式网格。将版面分为三栏，这种网格结构适合信息文字较多的版面，可以避免每行字数过多造成阅读时的视觉疲劳感。 D、多栏对称式网格。这种网格结构适合于编排一些有关表格形式的文字，比如联系方式，术语表、数据目录等，不适合编排正文。 2）对称式单元格网格 采用对称式单元格网格编排版面时，是将版面分成同等大小的单元格，再根据版面的需要编排文字和图片。在编排过程中，单元格之间的间距可以自由调整，但是每个单元四周的空间距离必须相等。保证了页面的空间感与规律性。 二、非对称网格 非对称网格结构在编排过程中，可以根据版面需要，调整网格栏的大小比例，使整个版面更灵活，更具有生气。 （1）非对称标栏状网格 非对称栏状网格是指，在版面设计中，虽然左右页面的网格栏数基本相同，但是两个页面并不对称。栏状网格主要强调垂直对齐，这样的排版方式使版面文字显得更整齐，更具有规律性。 如图是三栏网格版式，左右页面采用非对称栏状网格结构，其中一栏相对于其他两栏较窄，使版面具有活跃感，打破了呆板的版面结构。 如图是单栏网格版式，巧妙地编排图片，使版面具有生气，版面中左右页面的页边距不同，形成了非对称栏状网格结构。 （2）非对称单元格网格 有了单元格的划分，设计师可以根据版面的需要，将文字与图形编排在单元格中，可以编排在一个或几个单元格中。非对称单元格网格结构，使文字编排灵活多样、错落有致，层次清晰。 三、网格在版式设计中的应用 网格设计的主要特征是，能够保证版面的统一性，在版面设计中，设计师根据网格的结构形式，能在有效的时间内完成版面结构的编排，从而快速地获得成功的版面设计。 1、网格的建立 一个好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同形式编排出灵活性较大、协调统一的版面。 2、网格的编排形式 网格的构建形式以版面主题的需要而决定，文字多，图片少的版面和图片多，文字少的版面之间有很大区别。下面我们来看看网格在实际版面中的具体编排形式。 （如图），版面采用双栏的网格结构将文字与图片编排在版面中，因为文字信息较多，因此，运用双栏网格结构能使文字信