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

有“骨〃有”肉〃——认识网格课题课时2课时（90min）知识技能目标1了解网格的定义、类型和作用等基础知识2能够合理运用不同类型的网格教学目标素质目标1通过体会网格的秩序美，提升审美能力2在完成实践活动的过程中,积极和他人分享、交流，认真倾听他人建议教学重难点教学重点什么是网格、网格的类型、网格的作用教学难点网格的类型教学方法情景模拟法、问答法、讨论法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤【教师】使用APP进行签到考勤【学生】按照老师要求签到【教师】讲述〃黄金分割的魅力”案例详见教材，利用多媒体播放视频，并提出问题你还知道哪些黄金分割的案例？任务导入【学生】思考、举手回答【教师】通过学生的回答，引入新知，讲解什么是网格、网格的类型、网格的作用等知识

一、什么是网格【教师】利用多媒体展示〃版式设计中的网格〃图片，并进行讲解网格的核心思想是运用数学中的比例关系，通过严格的计算，把版面的版心分割为若干个规则的单兀格，并以此为基础规范、组织版面，如图所示如果说文字、图片和色彩等元素是版面的〃血肉〃，那么网格就是版面的〃骨骼〃网格可以约束版面，让版面中的各个兀素有序排列，从而使版面端正、整齐，条理清晰，主次分明；同时还能够帮助设计者理清思绪，构思设计方案,从而高质、局效地完成设计任务需要注意的是,网格只是一种用于辅助排版的设计工具，一般不会直接体现在最终的作品当中传授新知

二、网格的类型版式设计中常用的网格主要有对称式网格、非对称式网格、成角网格和基线网格四种每种网格都有其独特的优点和作用，设计者应根据版面的内容和风格选择合适的网格类型，以使版面和谐统一-对称式网格对称式网格常用于包含左右两个页面的对页版面中，是一种让左右两个页面的版面结构完全对称，页边距和单兀格数量也完全相同的网格对称式网格可以使版面稳定、平衡、有秩序，但使用不当也会导致版面枯燥、乏味对称式网格形式多样，可以分为单栏对称式网格、双栏对称式网格、三栏对称式网格、多栏对称式网格和单元格对称式网格五种

1.单栏对称式网格【教师】利用多媒体展示〃单栏对称式网格示意图”图片，并进行讲解让空为族变来泉!单栏对称式网格是指将左右两个页面按照相同的比例和位置分别排成一栏的网格，如图所示【教师】利用多媒体展示“单栏对称式网格的应用〃图片，并进行讲解这种网格能使版面简单大方、一目了然，比较适用于文字量较多且页边距较大的版面，如图所示

2.双栏对称式网格【教师】利用多媒体展示〃双栏对称式网格示意图〃图片，并进行讲解双栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为两栏的网格，如图所示【教师】利用多媒体展示〃双栏对称式网格的应用〃图片，并进行讲解这种网格比单栏对称式网格更灵活，可以让版面更为饱满，优化读者的阅读体验，比较适用于文字量较多且页边距相对较小的版面，如图所示

3.三栏对称式网格【教师】利用多媒体展示〃三栏对称式网格示意图”图片，并进行讲解三栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为三栏的网格，如图所示【教师】利用多媒体展示〃三栏对称式网格的应用〃图片，并进行讲解这种网格可以让版面显得活泼，富有节奏感，同时方便读者快速阅读，比较适用于报纸、期刊和杂志等的版面，如图所示

4.多栏对称式网格【教师】利用多媒体展示〃多栏对称式网格示意图”图片，并进行讲解多栏对称式网格是指将左右两个页面按照相同的比例和位置分别分为三栏以上的网格，如图所示【教师】利用多媒体展示〃多栏对称式网格的应用”图片，并进行讲解这种网格比较灵活，设计者可以根据版面的内容和风格自行安排栏数多栏对称式网格比较适用于目录、术语表等说明性和功能性较强的版面，如图所示

5.单元格对称式网格【教师】利用多媒体展示〃单元格对称式网格示意图”图片，并进行讲解单元格对称式网格是指将左右两个页面按照相同的比例和位置分为多个大小相等的单元格的网格，如图所示，设计者可以以此为基础进行对称排版【教师】利用多媒体展示〃单元格对称式网格的应用”图片，并进行讲解这种网格在保持左右两个页面的对称关系的同时，打破了栏的约束，既保证了版面的平衡感，又能使编排更加灵活，比较适用于图片较多的版面，如图所示

（二）非对称式网格【教师】利用多媒体展示“非对称式网格示意图”图片，并进行讲解非对称式网格常用于包含左右两个页面的对页版面中，是一种让左右两个页面采用不同版面结构的网格，如图所示这种网格会让版面编排更加自由，但也更考验设计者的专业水平【教师】利用多媒体展示〃非对称式网格的应用〃图片，并进行讲解设计者需要根据版面内容和设计需求灵活调整不同元素的大小、比例和位置非对称式网格可以调节版面氛围，打造新颖、有趣、充满张力的版面效果，比较适用于个性和娱乐性较强的版面，如图所示

（三）成角网格【教师】利用多媒体展示〃成角网格示意图”图片，并进行讲解成角网格是指让版面中的所有元素都倾斜一定角度的网格，如图所示【教师】利用多媒体展示〃成角网格的应用”图片，并进行讲解这种网格可以让版面突破常规，展现出十足的创意性，如图所示需要注意的是，版面中的元素一般只能有一个或两个倾斜角度，且倾斜角度要根据版面的内容和风格而定，这样才能保证版面的可读性，使版面和谐统【教师】提出以下问题请学生讨论作答在运用成角网格的版面中，各个元素一般是向左倾斜还是向右倾斜？为什么？【学生】聆听、思考、回答【教师】总结学生的回答

（四）基线网格基线网格是一种特殊的网格，它是一种辅助参考线，不会直接决定版面的排版方式【教师】利用多媒体展示〃基线网格的应用〃图片，并进行讲解基线网格能为版面编排提供视觉参考和架构基准，帮助设计师对齐版面中的各个元素，以保证版面的规范,如图所示一般来说，基线的间距取决于文字的字号和行距文字的字号和行距越大，基线的间距越大；反之，基线的间距越小【教师】随机邀请学生回答以下问题你还知道哪些网格形式？【学生】聆听、思考、回答【教师】总结学生的回答除了以上提到的四种网格类型之外，还有两种比较常见的网格，它们分别是比例式网格和方格式网格比例式网格是在长宽比为3:2的对页版面上创建的，其具体创建方法为

①将跨页对角线与单页对角线相交，形成点A和点B；

②分别以点A和点B为起点，垂直向上画直线与版面顶端相交，形成点C和点D；

③连接点A、点D和点B、点C,并与单页对角线相交形成点F和点E；

④以点E为起点水平向左画直线，与跨页对角线相交形成点K,以点K为起点垂直向下画直线，与单页对角线相交形成点J；

⑤以点民点K、点J为基础绘制长方形，形成版面的第一个版心；

⑥以点F为起点水平向右画直线，与跨页对角线相交形成点G,以点G为起点垂直向下画直线，与单页对角线相交形成点I；

⑦以点F、点G、点I为基础绘制长方形，形成版面的第二个版心【教师】利用多媒体展示〃比例式网格示意图〃图片，并进行讲解比例式网格能够保证版面的内侧页边距与外侧页边距之匕讶口天头与地脚之比都是12,使版面均衡、典雅,如图所示方格式网格也是在长宽比为3:2的对页版面上创建的，其特点是版面的天头与地脚之比是8:13,内侧页边距与外侧页边距之比是5:8【教师】利用多媒体展示〃方格式网格示意图〃图片，并进行讲解方格式网格可以通过大面积的留白为版面营造简约、高雅的艺术氛围，如图所示三.网格的作用网格的作用主要有建立版面结构、规范版面内容、加强信息关联三个方面（-）建立版面结构网格是建立版面结构的重要工具设计者可以根据版面的内容和风格选择合适的版面结构，并恰当运用网格来建立所需的版面结构网格能够帮助设计者确定各个元素的位置，规划不同元素之间的关系；同时还能够为版面创建合理的视觉流程，使版面结构清晰、有逻辑，以保证读者获得流畅的阅读体验

（二）规范版面内容网格的另一个重要作用就是规范版面内容科学、规整的网格可以为版面编排提供精准的参考，让版面中的各个元素都能分布在合适的位置，〃各司其职〃，从而打造整洁、美观的版面效果，使版面兼具艺术的感性美和实用的理性美

（三）加强信息关联借助网格的约束力，设计者可以合理编排各个兀素，使其在分区明确的同时又能互相关联，以保证版面的整体性和协调性；同时还可以通过元素之间外在的视觉关系体现其内在的逻辑关系，将版面的关键信息快速、准确地传达给读者【教师】扫码播放〃网格建立的规则〃视频详见教材，并提出以下问题网格建立的规则有哪些？【学生】观看、思考，举手回答【教师】总结学生的回答【学生】聆听■思考.理解.记忆【教师】总结本课所学缤纷色彩——了解色彩基础知识的相关知识，利用多媒体展示“张先生设计的名片正反面〃图片，并讲解〃张先生设计名片“案例，组织学生修改名片张先生最近开了一家打印店，为了更好地宣传店铺，他自己动手设计了一张名片，如图所示设计完成之后，张先生总感觉哪里不太对劲，于是找了设计专业的儿子张XX帮忙，想让他找出名片的问题并修改如果你是张XX,你会如何修改名片呢？具体实施步骤如下

1.理论学习结合所学知识，搜集相关资料，形成对网格的深入认识

2.分析名片根据相关资料和所学知识，分析名片设计存在的问题并思考如何解决这些问题课堂实践

3.修改名片运用网格的相关知识，修改名片

4.记录过程记录修改思路和修改过程，并写成简短的报告

5.汇报交流在课堂上展示修改后的名片，并汇报报告内容，并与教师和其他同学积极交流【学生】理论学习，分析名片，修改名片，记录过程，撰写报告，上台汇报，并进行说B月【教师】与学生一起点评，并提出建议【学生】展开讨论，互相分享心得体会【教师】提出以下问题1什么是网格？课堂检测2三栏对称式网格是什么？【学生】聆听、思考.回答【教师】简要总结本节课的要点课堂小结什么是网格、网格的类型、网格的作用【学生】总结回顾知识点作业布置【教师】扫码布置课后作业寻找身边的版式设计中网格的运用并说明其作用【学生】完成课后任务教学反思。