《版式设计》教案 第9课 图文并茂——灵活运用图片.docx

PAGE4

PAGE4

PAGE7

PAGE7

课题

图文并茂——灵活运用图片

课时

4课时（180min）

教学目标

知识技能目标：

（1）掌握图片运用的方法

（2）能够利用所学知识合理运用图片

（3）能够根据设计主题和设计需求灵活处理图片

（4）具备赏析优秀案例的能力

素质目标：

（1）通过运用图片素材独立完成设计实践任务，提升审美素养和设计能力

（2）通过欣赏和运用与传统文化相关的图片素材，坚定文化自信

（3）在与他人合作完成项目实训的过程中，培养协作能力和团队精神

教学重难点

教学重点：图片的大小、图片的编排、图片的裁切、图片的方向

教学难点：图片的编排、图片的裁切

教学方法

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

教学用具

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

教学过程

主要教学内容及步骤

考勤

【教师】使用APP进行签到

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

任务导入

【教师】讲述“小张的困惑”案例（详见教材），并提出问题：

小张设计的海报有哪些问题？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解图片的大小、图片的编排、图片的裁切、图片的方向等知识

一、图片的大小

图片的大小会直接影响版面中图文信息的主次关系和读者的阅读顺序。另外，图片之间的大小差异还可以形成强烈的视觉对比，使版面主次分明、富有节奏感。

（一）大尺寸的图片

大尺寸的图片在视觉上的优先级更高，能够有效提高版面的吸引力和视觉冲击力。

【教师】利用多媒体展示“大尺寸的图片”图片，并进行讲解

在版式设计中，设计者通常会将重点图片放大，从而直观、快速地将重要信息传达给读者，如图所示。不过，放大图片时也要注意把握好度，要结合版面中的其他设计元素综合考量，随意放大图片不仅会浪费版面空间，还会使版面失去平衡。

（二）小尺寸的图片

和大尺寸的图片相比，小尺寸的图片给人的感觉往往更加精美、别致，在版面中的编排也更加灵活。

【教师】利用多媒体展示“小尺寸的图片”图片，并进行讲解

在版式设计中，设计者通常会将需要弱化的图片缩小，使其起到点缀、丰富版面的作用，如图所示。要注意图片的尺寸不能过小，否则会使图片细节丢失，导致信息无法充分传达，而且还会造成读者的阅读障碍。

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

什么是图片跳跃率？

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

【教师】总结学生的回答

图片跳跃率描述的是版面中不同图片的尺寸或焦距之间的对比程度。

【教师】利用多媒体展示“图片跳跃率低的版面”图片，并进行讲解

图片的尺寸对比越弱，焦距差异越小，图片跳跃率就越低，呈现出来的画面就会更加沉稳、安静，如图所示；

【教师】利用多媒体展示“图片跳跃率高的版面”图片，并进行讲解

图片的尺寸对比越强，焦距差异越大，图片跳跃率就越高，呈现出来的画面就会更活泼、热闹、有动感，如图所示。

二、图片的编排

对于图文兼具的版式设计来说，图片的编排是非常关键的一环，它可以直接影响版面的整体布局和信息传达的效果。设计者应该先对图片的数量、功能和风格等进行分析，然后根据这些因素确定图片在版面中的编排方式，以使版面和谐有序。

（一）单张图片的编排

单张图片的编排对图片的质量、表现力的要求非常高，同时也十分考验设计者的设计水平。

【教师】利用多媒体展示“单张图片的编排”图片，并进行讲解

设计者要深入挖掘图片的特点，并通过合理的编排方式使图片能够充分展现设计主题和设计理念，同时快速抓住读者的眼球，如图所示。单张图片的运用大多出现在图版率为100%的版面中，设计者会用一张图片填充整个版面，这样可以给读者带来强烈的视觉冲击力和代入感，还可以使版面更加直观、简洁。

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

什么是图版率？

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

【教师】总结学生的回答

图版率是指版面中全部图片所占面积与版面整体面积之比，范围为0%～100%。

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

一般来说，图版率高的版面更有表现力和亲和力，如图所示；

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

图版率低的版面更有格调和高级感，如图所示。

（二）多张图片的编排

编排多张图片时，要充分考虑不同图片的特点和所包含的信息，合理安排每张图片的位置和大小，以使版面主次分明、和谐有致。一般可以从图片编排的疏密程度和规则程度两个方面对多张图片的编排方式进行分类。

1．图片编排的疏密程度

根据图片之间的疏密程度，可以将多张图片的编排方式分为紧密编排和疏松编排两种。

（1）紧密编排

调整图片之间的距离是表现版面视觉逻辑的重要手段，人们一般会将相距较近的事物联系在一起。

【教师】利用多媒体展示“紧密编排”图片，并进行讲解

因此，设计者可以将具有强关联性的图片紧密编排，从而建立版面的层级关系，使版面结构分明，如图所