《版式设计（第二版）》第四章.pptxVIP

PART 04版面的结构设计与视觉流程第一节 版面的结构设计第二节 版面的视觉流程 第一节版面的结构设计 第一节 版面的结构设计一、网格1.分栏网格分栏网格是版式设计中最常用的一种网格，主要分为对称式分栏网格与非对称式分栏网格。利用分栏网格可对版面中的文字、图片等元素进行有序排列，使版面清晰、统一，具有节奏感。分栏网格结构中，栏跟栏之间的间距是栏空，也叫做栏间距。栏间距对版面中的文字、图片起到分隔作用，栏间距的设置取决于开本和字号。如图4-1-1所示，栏间距为版面中的内容创造了视觉上的停顿，也就是留白。 第一节 版面的结构设计 第一节 版面的结构设计（1）对称式网格。采用对称式网格编排的版面，若为单栏，则左右两个版面的页面结构完全相同，互为镜像，有相同的页边距、网格数量和版面分区。对称式网格主要分为单栏对称式网格、双栏对称式网格及多栏对称式网格。1）单栏对称式网格。单栏对称式网格适合用于纯文字编排，良好的单栏版面会给人以冷静、严肃的感觉，也会使人感到呆板、无趣，在使用这种网格时，可通过调整字体、设计底纹等方法使版面生动起来，如图4-1-2所示。 第一节 版面的结构设计 第一节 版面的结构设计2）双栏对称式网格。双栏对称式网格是将版面从中间分割为两个部分的网格类型，它能够很好地平衡版面。双栏对称式网格适用于文学类书籍、杂志内页正文的编排，采用该种网格进行图文编排时，也可在版面左边放置文字、右边放置图片，以增强版面的变化性，如图 4-1-3 所示。 第一节 版面的结构设计3）多栏对称式网格。多栏对称式网格则是较为灵活的网格类型，可以根据文字的字号等灵活设置栏数。多栏对称式网格适用于文字多且密集、开本大的版面的编排，最常见的就是用于报纸版面的编排，设计者可以根据正文内容调整栏的宽度，如图 4-1-4所示。 第一节 版面的结构设计（2）非对称式网格。采用非对称式网格编排，左右两个版面采用同一种编排方式，但不像采用对称式网格编排的版面那样对称，设计者可以根据版面的具体需要，灵活调整栏宽，使整个版面更丰富、灵活。非对称式网格主要分为非对称栏状网格和非对称单元格网格。1）非对称栏状网格。采用非对称栏状网格编排，虽然左右两个版面的网格栏数基本一致，但并不像采用对称式网格编排的版面一样，左右两个版面呈镜像对称，并且采用非对称栏状网格编排，左右两个版面的页边距也有可能是不同的，如图 4-1-5 所示。 第一节 版面的结构设计 第一节 版面的结构设计2）非对称单元格网格。采用非对称单元格网格编排是版式设计中较为基础的一种编排方式，设计者可以根据版面的需求来调整文字和图片的大小及位置，将文字或图片编排在一个或几个单元格中，也可以将单元格合并来编排文字或图片，如图 4-1-6 所示。 第一节 版面的结构设计2.模块网格模块网格是将版面分割成数个板块或区域，这种网格多用于布局比较复杂的版面中。采用该种网格编排，可以将多个模块快速拼装在一起，为版面提供灵活的内容布局方式，如图4-1-7所示。 第一节 版面的结构设计3.基线网格基线网格是版式设计的基础，能够使版面中的元素实现标准对齐，它能够提供非常准确的基准，辅助编排文字信息、形成规范的版面，如图4-1-8所示。值得注意的是，基线网格的栏间距要根据字号的变化相应地增大或减小。 第一节 版面的结构设计二、满版采用满版式设计的版面，主要用图片传递信息，图片充满整个版面，在视觉传递上有直观、表现力强的特点。在版式设计时可根据版面的需要，将文字的位置编排在版面的上下、左右、中心点上，使版面层次清晰，传递信息准确明了。满版的版面给人以大方、直白的感觉，在视觉上有非常强的感染力，可快速吸引人们的注意力，是杂志广告内页、招贴画等产品主要的版式设计方法，如图4-1-9所示。 第一节 版面的结构设计 第一节 版面的结构设计三、分割分割是指在版面中以设计效果为目的进行的区域划分，是版面结构设计常用方法之一。1.水平分割水平分割是将整个版面分为上下两个或多个部分，在分割好的某部分版面上编排图片，在其他部分版面上编排文字。有图片的部分版面充满活力，而有文字的部分版面则显得理性、静止，如图4-1-10所示。 第一节 版面的结构设计2.垂直分割垂直分割是把版面分割为左右两个部分，分别在版面左右两边编排文字或图片。采用这种分割方式的版面，当版面左右两边形成强弱对比时，会造成整个版面视觉上不平衡，不如采用上下分割的版面自然。此时，若将分割线虚化处理，或使文字左右重复或者穿插，在视觉上就会自然得多，如图4-1-11所示。 第一节 版面的结构设计 第一节 版面的结构设计3.自由分割自由分割是无规则、不受限制地分割版面的一种方式，它不同于按数学规则分割，采用自由分割的版面可给人活泼、不受约束的感觉。版面采用