《版式设计》教案 第13课 井井有条——绘制网格.docx

PAGE2

PAGE2

PAGE3

PAGE3

课题

井井有条——绘制网格

课时

4课时（180min）

教学目标

知识技能目标：

（1）熟悉网格的绘制流程

（2）能够正确绘制网格

（3）提高搜集资料、解决问题的能力，能够高质、高效地完成各项任务

素质目标：

（1）通过绘制和运用不同类型的网格，培养设计思维，提升设计能力

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

教学重难点

教学重点：确定版心、设置分栏、画辅助线

教学难点：画辅助线

教学方法

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

教学用具

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

教学过程

主要教学内容及步骤

考勤

【教师】使用APP进行签到

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

任务导入

【教师】讲述“漫画分镜：静止的动态”案例（详见教材），并提出问题：

合理、恰当的网格有哪些作用？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解确定版心、设置分栏、画辅助线等知识

在了解了网格的定义、类型和作用之后，就可以开始学习如何绘制网格了。基础网格的绘制流程主要有确定版心、设置分栏、画辅助线三个步骤。

一、确定版心

【教师】利用多媒体展示“确定版心”系列图片，并进行讲解

绘制网格的第一步就是确定版心。版心的范围会直接影响版面的效果和风格，设计者要根据设计主题和设计需求确定版心的大小和位置，如图所示。

【教师】利用多媒体展示“版心大的版面”系列图片，并进行讲解

一般来说，版心越大，版面的利用率就越高，留白就越少，画面会更为饱满，显得热闹、活泼、有亲和力，如图所示；

【教师】利用多媒体展示“版心小的版面”系列图片，并进行讲解

版心越小，版面的利用率就越低，留白就越多，不过这样能让画面显得安静、冷淡、有高级感，如图所示。

【教师】提出以下问题请学生讨论作答：

请同学们画出图“版心大的版面“和图“版心小的版面”中的设计作品的版心。

【学生】聆听、思考、回答

【教师】总结学生的回答

二、设置分栏

【教师】利用多媒体展示“设置分栏”系列图片，并进行讲解

在确定好版心之后，还需要根据版面内容设置分栏，主要是设置栏数、各栏的栏宽、栏与栏的间距等，如图所示。

栏数可以根据文字量、版面类型确定为一栏至多栏，但最多不应超过六栏，否则会让版面显得杂乱无章；各栏的栏宽可以是相同的，以使版面均匀分布、协调统一，也可以是不同的，以使版面自由分布、活泼灵动；栏与栏的间距可以根据文字的字号、字距和页边距来确定，通常情况下，栏与栏的间距应明显大于文字的字宽和字距，并小于页边距。

三、画辅助线

【教师】利用多媒体展示“画辅助线”系列图片，并进行讲解

确定好版心和分栏之后，就可以在此基础上画最后的辅助线了。辅助线一般是横向的，可以与竖向的栏共同组合成网格，将版心分割为多个规整的单元格，如图所示。

单元格的宽度取决于所在栏的栏宽，高度取决于文字的字高、行距和图片的大小、数量等因素；单元格的横向间距取决于栏与栏的间距，竖向间距取决于文字的字高、行距和图片的大小、数量等因素。

绘制好网格之后，就可以放置相应的文字、图片等元素了。

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

具体操作时，要注意对齐各个元素，以保证版面规范、整齐，如图所示。

【教师】随机邀请学生回答以下问题：

绘制网格的实际操作是什么？

【学生】聆听、思考、回答

【教师】总结学生的回答

在实际操作中，我们可以用AdobePhotoshop和AdobeIllustrator软件来绘制基础网格。

用AdobePhotoshop软件绘制基础网格的操作方法为：

【教师】利用多媒体展示“第一步：选择‘新建参考线版面’”图片，并进行讲解

第一步，选择顶端菜单栏的“视图”选项，然后在出现的下拉菜单中选择“新建参考线版面”，如图所示；

【教师】利用多媒体展示“第二步：设置参数”图片，并进行讲解

第二步，在弹出的“新建参考线版面”对话框中根据需求设置参数，如图所示。

在上图中，红框内的三个参数从上到下依次代表栏数、栏宽、栏与栏的间距；白框内的三个参数从上到下依次代表每栏的单元格数量、单元格的高度、单元格的竖向间距；绿框内的参数从左到右依次代表版面的天头高度、左侧页边距、地脚高度、右侧页边距，它们共同决定了版心的范围。

用AdobeIllustrator软件绘制基础网格的操作方法为：

【教师】利用多媒体展示“第一步：选择‘矩形工具’”图片，并进行讲解

第一步，选择工具栏中的“矩形工具”，如图所示；

【教师】利用多媒体展示“第二步：绘制版心，选择‘分割为网格’”图片，并进行讲解

第二步，在版面内绘制一个长方形作为版心，然后选中长方形，选择顶端菜单栏中的“对象”选项，之后在下拉菜单中选择“路径”，再选择“分割为