全国职业院校教学能力比赛教学设计；教学能力比赛教案模板.docx

全国职业院校教学能力比赛教学设计

课题名称

授课班级

校园融媒体手机应用界面设计-原型图绘制

1911

授课地点数字影像实训基地教学时间

2020年10月30日

该课程授课内容选自“版式设计”课程第4单元《UI（界面）设计》

1.课程：《版式设计》是数字影像技术专业核心课程，课程内容融合国家界面设计职业技能等级证

书（1+X）标准。课程通过DM单、海报、书籍（画册）、光盘封套、网页页面、移动端界面设计

等版式设计领域所涉及的典型岗位工作任务的设计制作，培养学生设计基础、平面设计与界面设

计相关的理论知识、设计规范、工作流程与关键技术，提升学生岗位专业能力与综合职业素养。

2.单元：本单元主要内容是《UI（界面）设计》，按设计内容划分为《移动端界面设计》与《网页

页面设计》2个学习项目，之间是递进逻辑关系。

教学内

容分析

3.课时：教师依据课程教学标准，结合专业实训教学安排，对实训项目的具体内容进行灵活调整。

界面设计是岗位从业人员经常接触的典型工作任务，具有很强的岗位实用性。本次课的内容能够

为学生呈现一个相对完整的工作流过程，具有清晰的职业导向。

4.思政：课程实训项目是在劲松职高与人民网校企合作背景下的真实生产任务。在教师指导下，学

生进行项目分析与方案设计，完成“思政教育专栏”等一级栏目设计，并在后续课程中陆续完成

“课程思政”、“特色活动”、“校园党建”、“一校一品”等多个二级的设计，通过文字、视

频、图片等相关资源的获取、整合、加工，在学习过程中培养严谨规范的职业意识与精益求精的

工匠精神，显隐结合、潜移默化，落实课程思政。

教学对象是高二年级平面设计班级学生

1.课程基础：学习了《电脑美术》、《PS图像处理》2门专业核心课程。

2.知识基础：通过相关专业课程的学习，学生对于设计基础知识与工具软件运用知识有一定的掌握

和运用经验，对UI产品开发流程有一定认识，但尚未进行项目实操，对IOS/安卓系统界面设

计规范尚未有效掌握。

3.能力基础：通过《PS图像处理》课程的学习，学生基本掌握选区、图层、蒙版等相关操作，具

有一定的项目实训经验，但对UI设计内容尚未进行系统性学习，模板定制、形状绘制、文字排

版、图标设计等UI设计相关操作技能尚未有效掌握。

学情分析

4.素养基础：通过前导课程的教学和训练，学生能够熟练使用网络平台、手机等信息化学习工具；

习惯小组合作形式，能使用学习资源开展自主学习并与同学互相交流；由于职业体验不足，对“设

计之美永无止境，细节决定成败”的职业理念缺乏认识，对“严谨规范、精益求精、追求卓越”、

的职业品质缺乏理解。

知识目标

能力目标

通过课前自主学习与课堂实践操作，理解IOS界面设计规范。

根据制作要求与产品架构图，完成“校园融媒体”产品原型图设计。

教学目标

通过对IOS界面设计规范的学习与运用，培养严谨规范的职业意识与精益求精的工

匠精神等岗位职业素养。

素养目标

教学重点

教学难点

教学方法

根据制作要求与产品架构图，完成“校园融媒体”产品原型图设计。

完成“校园融媒体工作室”原型图设计，符合IOS界面设计规范。

教法：项目教学法

学法：混合式学习

环境与

资源

环境：平面设计工作室、多媒体教学系统、网络学习平台

资源：微课视频、PPT课件、图片、实训手册、PDF电子文档

1/7

教学环节

时间分配

教学内容与教师活动

学生活动

教学资源

教学设计意图

1.发布本次实训课程登录学习平台，获取课1.学习平台：实训任务与课

学习资源与《任务程学习资源，并通过《任程资源的发布。

书》。务书》了解本次实训任2.在线检测：记录学生课前

发布实训任务及

学习资源，引导

学生理解制作要

求，为实现教学

目标铺垫。

（一）

了解

实训2.通过在线检测，了务，理解制作要求。完

对制作要求掌握情况，为

教师反馈提供了客观依

据。

一任务

解学生对制作要求成在线检测题。

的掌握情况。

课

前

准

备

发布课前学习任务，设登录学习平台，通过微1.微课：有效支撑学生自主

置在线检测题，掌握学课学习“IOS设计规范”，学习，可反复观看，打破

（二）

完成

岗位知识自主学

习，为完成实训

任务奠定知识基

础。

生学习情况，并反馈。并完成在线检测题。

时空限制，强化知识学习。

2.在线检测：实时记录、汇

总学生完成情况，帮助教

师了解学生课前学习效

果，为课堂教学打下基础。

课前

学习

登录学习平台，结合数回答提问，反思自己存1.学习平台：记录并汇总了

据汇总情况，反馈学生在的问题；复习“UI产

课前对制作要求的掌品开发流程”，理解本次

握情况，并回顾“UI课程任务与对应岗位工

学生课前对