当前位置: 网站首页 >> 资源中心 >> 教学设计 >> 正文

《网页Banner中的字体运用》教学设计

发布时间:2019-01-23 来源: 浏览:

 

开课教师

游靓亮

开课班级

17平面

开课时间

2018 11 22日 星期四

第二节

­­­设计思路

利用学生耳熟能详的话题进行本节课教学内容的导入,激起学生的学习兴趣。任务相关的设计理论知识已经在课前的微课视频中进行了讲解,学生通过“微学习”以及在蓝墨云中对一些视觉效果不好的案例提出改进意见,已经有了一定的设计思路。在此基础上,这节课主要以实践操作和评价修改为主。学生通过“自主探究—任务驱动—协作学习-自主评价”获取新知,教师则是学生主动学习的帮助者与促进者。

教学分析

教材

分析

­教材选用的是《网页美工设计实训(第2版)》 高等教育出版社。项目6 网页Banner设计中的内容。

学情

分析

教学对象是17平面设计班的学生,共有44人,分为5个小组。因为是二年级的学生,具有一定相关软件的基础,具备一定的自学能力以及分析问题的能力。大多数学生能够独立完成给定设计图的任务制作,但学生的设计基础太过薄弱,审美能力较低,很难独立完成较完善的设计作品,还局限于模仿阶段。所以,这件课旨在加深学生对Banner字体简单运用在设计方面的理解。

教学条件分析

学校具备多媒体设备等硬件条件,能为教学的开展提供有力的保障。配合极域电子教学平台、希沃课件等,激发学生学习兴趣,优化课堂气氛。

教学目标

知识与技能

1.   了解Banner字体的基本分类和对应特征、常见排版方式、理解配色理论在其中运用方法

2.   熟练应用PS技巧完成给定文字的设计与制作。

过程与方法

1.   通过学生上机实践,初步探索字体设计领域,体验设计理论知识形成的过程。

2.   通过小组合作学习,给学生提供思维互动、交流的空间。

3.   通过作品评价,促进学生的语言表达能力和自我总结、自我提升能力。

情感态度与价值观

学生养成自主学习、主动探究的学习习惯,提高学生审美意趣以及自我评价自我修改的能力。

教学重点

1.   网页Banner中字体的相关理论知识在实践中的运用。

2.          网页Banner字体简单运用的评价标准。

教学难点

1.   设计的相关理论知识与给定主题、素材在实践中的结合。

2.          如何评价与修改自己完成的字体运用实例。

教法

任务驱动法、讲授法、练习法

学法

自主学习法、探究学习法、合作学习法

教学

环节

教师活动

学生活动

设计意图

热点话题激趣导入(3分钟)

1.     提问:

师:大家双十一买买买了吗?

通过大家熟悉的淘宝与京东页面上的Bannner广告,引出“网页Banner”这个设计专有名词的含义。

2.     介绍何为网页Banner。提醒同学注意网页Banner中文字是主体部分。

3.     引出今天的课题:《网页Banner中的字体运用》。

1.     回答老师提出的问题。试着回忆自己在浏览网页中见过的网页Banner样式。

2.     注意到文字在整个网页Banner中的中心作用,了解字体的设计在整个Banner设计中的重要性。

3.   了解今天的课题内容。

通过生活中常见的话题激起学生的学习兴趣,引出课题内容,并对这节课即将完成的任务有所了解。

 

任务分析

要点提示

5分钟)

1.     引导学生回忆微课视频中完成网页Banner字体简单运用的4个步骤。

    选择字体

    版面位置

    字体排版

    字体配色

2.     介绍这节课的实战任务。

⑴ 食材主题

⑵ 女性服饰主题

 

 

回忆理论的微课视频中讲到的网页Banner字体简单运用的步骤。

 

 

 

通过简单复习微课视频中的理论知识点,为接下来的任务制作提供思路与灵感。

任务实施

典型引导

20分钟)

任务一:主标题制作(5分钟)

1.     让学生根据微课视频中学到的步骤进行制作。

2.     要求小组组长组织分配任务,一半的同学制作案例一,另一半制作案例二。

3.          典型引导

对于较多学生存在的相似问题,选择其中一位同学的作品在多媒体设备上进行统一讲解。

如:字体粗细选用是否合适、字体风格是否与画面相协调。

1.  组长组织分配组员选择案例。

2.  学生在字体库中选择与素材风格相匹配的字体。

3.      Photoshop中使用选择的字体输入给定标题文字,并调整到合适字号并完成配色。

4.          组长制作完成后,监督自己的组员是否选对字体与颜色,制作同一案例的组内同学也可交流讨论。

主标题的字体选择格外关键,是奠定整体文字风格的关键。主要锻炼学生正确选择与主题相符的字体的能力。同时主标题的配色也体现了文字的主色调,是整个字体运用的基础。

步骤二:副标题及次要文字制作(10分钟)

1.          要点提示

    提示学生回想微课视频中一些优秀案例的字体排版方式。

2.          典型引导

对于较多学生存在的相似问题,在多媒体设备上进行统一讲解,要求学生进行自查、修改。

如:主标题是否突出,信息传达是否准确,画面是否凌乱。

 

1.   学生使用给定的文字进行排版。

2.   主标题、副标题和次要文字应先进行区分,以便决定字号的大小。

3.   根据微课视频中的色彩理论(产品取色、近似色搭配、互补色搭配、对比色搭配)和直觉,综合已有的背景进行文字的配色。

培养学生自主排版以及为纯文字内容做分层与装饰的能力。

步骤三:整体调整提升(5分钟)

1.     展示蓝墨云中学生课前预习时对失败案例的评价。学生自查,这些提出的改进意见是否适用于今天自己或者组员的作业。

2.     调整提升

   师:可以运用微课视频中学到的方法,比如改变字体大小、加图形底色、加装饰等方法,提升自己的整体设计。

 

 

学生进行字体的整体调整与装饰。

通过回顾课前对一些失败案例提出改进意见的方法,希望学生用同样的眼光审视自己的作品,进行整体的优化。

作品上传

评价修改

15分钟)

1.      展示本节课任务的评价与修改标准。

2.      引导学生通过自评—小组评价—组间互评等方式评价自己的作品。

3.      展示这两个案例制作较优秀的设计实例,点评该设计作品的优点。

1.          小组组长选出两幅作品(每个案例一个),让组员上传到教师机。

2.          根据评价与修改的标准自评自己的作品。

3.          小组组长选择此组员作业的原因。

4.          小组之间互相评价。

通过学生自评、小组评价、组间互评等方式评价学生作品,提高学生对设计作品的评价与修改能力,以及审美鉴赏能力。

课堂小结

延伸拓展( 2分钟)

1.          总结今天的实战内容与知识点。

2.          布置课后预习和延伸作业。

 

 

作业布置

继续修改本节课中的案例,预习有关字体变形设计的内容

板书设计

 

网页Banner中的字体运用

1.      选择字体

2.      版面位置

3.      字体排版

4.      字体配色

教学反思

 

这节课还是有很多地方需要改进:

一、              在教学设计上。 1、导入部分内容太少,也不够精彩,不能有效吸引学生的注意。2、任务之间缺少递进关系,任务衔接不太自然。 3、技能点的学习上不够突出,重点不够明确。

二、              课堂实践中。 1、教学语言没有进行设计,点评的用语也不够具有专业性。2、学生在微课当中学习到的知识点,没有在课堂当中进行回顾。3、课堂中过多的打断学生进行提示,打断了学生的设计思路。












 

上一条:《 雕刻凤凰翅膀、脚、尾巴》教学设计

下一条:《气门的调整与检测 》教学设计

关闭