《版式设计》教案 第12课 有“骨”有“肉”——认识网格.docxVIP

PAGE4

PAGE4

PAGE5

PAGE5

课题

有“骨”有“肉”——认识网格

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解网格的定义、类型和作用等基础知识

（2）能够合理运用不同类型的网格

素质目标：

（1）通过体会网格的秩序美，提升审美能力

（2）在完成实践活动的过程中，积极和他人分享、交流，认真倾听他人建议

教学重难点

教学重点：什么是网格、网格的类型、网格的作用

教学难点：网格的类型

教学方法

情景模拟法、问答法、讨论法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

考勤

【教师】使用APP进行签到

【学生】按照老师要求签到

任务导入

【教师】讲述“黄金分割的魅力”案例（详见教材），利用多媒体播放视频，并提出问题：

你还知道哪些黄金分割的案例？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解什么是网格、网格的类型、网格的作用等知识

一、什么是网格

【教师】利用多媒体展示“版式设计中的网格”图片，并进行讲解

网格的核心思想是运用数学中的比例关系，通过严格的计算，把版面的版心分割为若干个规则的单元格，并以此为基础规范、组织版面，如图所示。

如果说文字、图片和色彩等元素是版面的“血肉”，那么网格就是版面的“骨骼”。网格可以约束版面，让版面中的各个元素有序排列，从而使版面端正、整齐，条理清晰，主次分明；同时还能够帮助设计者理清思绪，构思设计方案，从而高质、高效地完成设计任务。需要注意的是，网格只是一种用于辅助排版的设计工具，一般不会直接体现在最终的作品当中。

二、网格的类型

版式设计中常用的网格主要有对称式网格、非对称式网格、成角网格和基线网格四种。每种网格都有其独特的优点和作用，设计者应根据版面的内容和风格选择合适的网格类型，以使版面和谐统一。

（一）对称式网格

对称式网格常用于包含左右两个页面的对页版面中，是一种让左右两个页面的版面结构完全对称，页边距和单元格数量也完全相同的网格。对称式网格可以使版面稳定、平衡、有秩序，但使用不当也会导致版面枯燥、乏味。对称式网格形式多样，可以分为单栏对称式网格、双栏对称式网格、三栏对称式网格、多栏对称式网格和单元格对称式网格五种。

1．单栏对称式网格

【教师】利用多媒体展示“单栏对称式网格示意图”图片，并进行讲解

单栏对称式网格是指将左右两个页面按照相同的比例和位置分别排成一栏的网格，如图所示。

【教师】利用多媒体展示“单栏对称式网格的应用”图片，并进行讲解

这种网格能使版面简单大方、一目了然，比较适用于文字量较多且页边距较大的版面，如图所示。

2．双栏对称式网格

【教师】利用多媒体展示“双栏对称式网格示意图”图片，并进行讲解

双栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为两栏的网格，如图所示。

【教师】利用多媒体展示“双栏对称式网格的应用”图片，并进行讲解

这种网格比单栏对称式网格更灵活，可以让版面更为饱满，优化读者的阅读体验，比较适用于文字量较多且页边距相对较小的版面，如图所示。

3．三栏对称式网格

【教师】利用多媒体展示“三栏对称式网格示意图”图片，并进行讲解

三栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为三栏的网格，如图所示。

【教师】利用多媒体展示“三栏对称式网格的应用”图片，并进行讲解

这种网格可以让版面显得活泼，富有节奏感，同时方便读者快速阅读，比较适用于报纸、期刊和杂志等的版面，如图所示。

4．多栏对称式网格

【教师】利用多媒体展示“多栏对称式网格示意图”图片，并进行讲解

多栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为三栏以上的网格，如图所示。

【教师】利用多媒体展示“多栏对称式网格的应用”图片，并进行讲解

这种网格比较灵活，设计者可以根据版面的内容和风格自行安排栏数。多栏对称式网格比较适用于目录、术语表等说明性和功能性较强的版面，如图所示。

5．单元格对称式网格

【教师】利用多媒体展示“单元格对称式网格示意图”图片，并进行讲解

单元格对称式网格是指将左右两个页面按照相同的比例和位置分为多个大小相等的单元格的网格，如图所示，设计者可以以此为基础进行对称排版。

【教师】利用多媒体展示“单元格对称式网格的应用”图片，并进行讲解

这种网格在保持左右两个页面的对称关系的同时，打破了栏的约束，既保证了版面的平衡感，又能使编排更加灵活，比较适用于图片较多的版面，如图所示。

（二）非对称式网格

【教师】利用多媒体展示“非对称式网格示意图”图片，并进行讲解

非对称式网格常用于包含左右两个页面的对页版面中，是一种让左右两个页面采用不同版面结构的网格，如图所示。这种网格会让版面编排更加自由，但也更考验设计者的专业水平。

【教师】利用多媒体展示“非对