版式设计第4章版式设计的网格系统.ppt

* * * * * * * * * * * * * * * * * * * * * * * 第4章版式设计的网格系统 4.1 网格在版式设计中的重要性 4.2 网格的类型 4.3 网格在版式设计中的应用 课题概述：本章主要介绍了版式设计的网格系统。其中，通过网格在版式设计中的重要性进行分析，了解网格的类型与网格在版式设计中的具体运用分析。 教学目标：通过学习，对网格的类型及应用进行了解，学习网格在版式中的主要表形类型，并对其进行分析，应用到实际版式设计中。 章节重点：了解版式中网格的重要性，并熟知网格的基本类型，以及网格在版式设计中的具体运用。 4.1网格在版式设计中的重要性 网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素，点、线、面协调一致地编排在版面上。 4.1.1 什么是网格 图1 网格 网格是用来设计版面元素的一种方法，主要目的是方便设计师在设计的时候有明确的设计思路，构建完整的设计决策。 在版式设计中，将版面分为一栏、二栏、三栏以及更多的栏，再将文字与图片编排在其中，给人视觉上的美感。网格设计在是实际版式运用中具有严肃的、规则的、简洁的、朴实的等版面艺术表现风格。（见图1 ） 图2 网格的排列 网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感、时代感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。 4.1.2 网格的重要性 图3 杂志版式 网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。（见图2 ～图3） 使用网格体现理性化、稳定的视觉效果，沿着版面上的网格设计，固定版面的四个角形成中心点，起到稳定画面的作用，同时网格版面给人稳定、信赖的感觉。以下是网格对于信息编排与版面结构进行分析，了解网格的重要性特征。 图4 三栏网格版面 如图4中，设计师使用了简单、对称的三栏网格以及较宽的页面留白，整个版面使用了有力的网格，使版面具有稳定感。 （1）网格具有版面需求性 网格作为版式设计中重要构成元素，为版面设计提供了一个结构，使整个设计过程更加轻松，也让设计师对于版面风格决策更简单化。 （2）网格具有信息组织的功能性 组织页面信息是网格的基本功能性体现。在现代版面编排中，网格的这种运用方式变得更加进步、精确，从以前简单的文字编排到现在的图文混排，网格的运用使整个版面中图文编排具有规律性特征。（见图5） 图5 图文编排的网格结构 （3）网格具有阅读的关联性 在版面编排中设计师有很大的自由空间，进行版面元素编排，但是人们在阅读版面中图片与文字信息的方式就意味着在一个版面中，必定存在着有一部分类容更吸引人们注意，表现更突出。（见图6） 图6 网格版面 4.2网格的类型 版式设计中网格的构成主要表现为对称式网格与非对称式网格设计两种。在版式设计中起着约束版面结构的作用，在约束的同时体现出整个版面的协调与统一性。 图7 杂志版式 4.2.1 对称式网格 图8 对称网格 所谓对称式网格，就是在版面设计中，左右两个页面结构完全相同。它们之间产生了相同的内页边距和外页边距，外页边距由于要写一些旁注的原因所以要比内页边距多出一些。对称式网格设计式根据比例而创建的，而不是根据测量创建的。（见图7） 对称式网格的目的主要是组织信息，平衡左右版面的作用。（见图8） 通过对对称网格的建立的了解与学习，下面我们来学习怎么区分对称式栏状网格与对称式单元网格。它们在版式设计中分别又起着什么样的作用。 图9 书籍内页版面 栏的宽窄直接影响文字的编排，栏可以使文字编排更有秩序，使版面更严谨。但是栏也有一些不足之处，如果标题变化不大将会影响着整个版面文字缺乏活力，使版面显得单调。（见图9） （1）对称式栏状网格 对称栏状网格的主要目的是组织信息以及平衡左右页面的设计，根据栏的位置和版式的宽度，左右页面的版式结构完全相同。对称式栏状网格中的栏指的是印刷文字的区域，可以使文字按照一种方式编排。 对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。下面我们来了解一下对称式栏状网格的不同版式对版面产生什么样的影响。 图10 单栏网格 1）单栏网格，在单栏式网格版式中，文字的编排过于单调，容易使人产生阅读疲惫的感觉。单栏网格一般用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。（见图10） 2）双栏对称式网格，主要表现为能更好的实现版面平衡，使阅读更流畅。双栏网格在杂志版面中运用十分广泛，但是双栏对称式网格的版面缺乏变化，文字的编排