7-9年级-初中综合实践活动 4.我是平面设计师-教案、教学设计-市级优课-(配套课件编号：400c8)（信息技术）.docx

1、天气天气 APPAPP 图标设计图标设计 一一、学情、学情分析分析 作为本校的拓展课之一计算机艺术设计（Adobe Illustrator CS3），学生都 已经初步学习过 Illustrator，知道基础图形的绘制，但对各类图形组合还没有深入地 了解和认识。基于此，天气 APP 图标的设计相对于学生而言难度不大，但也是一个创新 挑战。 二二、教学策略、教学策略 本课以 PBL（Project-Based Learning“基于项目”）的教学方式，除演示课件 和图标模板之外，把所有的教学资源集成在一个 SWF 动画任务单中，为学生的设计提供 了诸多文字、图片、微视频选择参考，引导、帮助学生提高

2、学习效率，达成教学目标。 本课注重学生的交流与合作，培养学生自主学习能力，调动学生的主动性和积极性。 大致流程：了解 APP 图标设计特点、IOS 栅格线方案构思分享交流设 计作品展示讨论教师总结。通过苹果官方的 IOS 栅格线模板，体验一回专业的 UI 设计师。 三三、教学目标、教学目标 知识与技能 认识常见的 APP 图标，并了解它们的特点； 了解 IOS 栅格线，知道图标设计的规范性； 了解路径查找器，知晓一般图形的组合绘制。 过程与方法 通过任务单中的小组分工绘制，锻炼学生的合作能力； 通过天气 APP 图标的设计、修改、完善，体验一般设计的基本过程。 情感、态度与价值观 通过讨论交流

3、，激发学生对设计的热情和愿望，提升学生的口头表达能力； 由制定设计方案到实施设计方案，提高学生的创新意识和实践能力。 四四、教学重教学重难点难点 教学重点：天气 APP 图标的设计。 教学难点：天气 APP 图标的创意设计。 五五、教学准备、教学准备 机房、电子白板、Adobe Illustrator CS3 软件。 调整座位：程度较好与程度一般的同学两两组合，程度一般的同学为组员 A，程度 较好的同学为组员 B， 为了便于教师记忆， 组员 A 坐单号学生机， 组员 B 坐双号学生机。 六六、教学过程、教学过程 【导入】 教师活动教师活动 问：大家在哪里见过这些图标？ 学生活动学生活动 答：手

4、机上。 教师活动教师活动 问：具体点，是什么手机？ 学生活动学生活动 答：苹果手机。 教师活动教师活动 它们是 IOS 系统的第三方手机应用图标，我们简称 APP 图标，我们来猜 一猜，这些 APP 图标是什么应用？ 学生活动学生活动 个别学生思考并回答，说说从何得知。 教师活动教师活动 展示展示 PPTPPT：【观察 APP 图标】 教师活动教师活动 问：仔细观察这些 APP 图标，他们有什么特点呢？为什么你们能一下子 就猜出来是什么应用呢？ 学生活动学生活动 学生思考并个别回答问题。 教师活动教师活动 总结 APP 图标的特点： 形状构成：圆角矩形 标识表达：文字、图形 图标特点：一目了然

5、、色彩鲜活、极简会意 教师活动教师活动 那这么多的 APP 装在我的手机桌面上， 老师为什么没有凌乱的感觉呢？ 这还要得益于我们的 IOS 栅格线。 教师活动教师活动 展示展示 PPTPPT：【IOS 图标栅格线】 为了更好的统一应用图标的设计样式，苹果公司专门精心设计了 ios 图标栅格作为 设计参考。 出示几个 APP 图标让学生去辨别是否规范。 教师活动教师活动 我们是否也能设计这样个性化的 APP 图标呢，让我们试一试吧！ 教师活动教师活动 引出课题引出课题 PPTPPT：【天气 APP 图标设计】 【合作探究一：方案构思】 教师活动教师活动 在动手设计之前，我们先来构思下要设计的作品

6、。 教师活动教师活动 展示展示 PPTPPT：【任务一：天气 APP 图标设计方案】 打开任务单中的任务一，欣赏 App Store 天气图标，两人小组讨论交流，完成任务 一天气 APP 图标设计方案的表格填写以及草图绘制。 任务一：天气 APP 图标设计方案 小组成员姓名 圆角矩形配色 标识设计 元素 颜色 草图 学生活动学生活动 小组合作，讨论并构思天气 APP 图标作品，完成 A4 纸上的表格填写和 草图绘制。 教师活动教师活动 巡视指导，注意部分学生常见错误情况，并简要分析或个别提醒。 教师活动教师活动 展示 1-3 组学生的方案，引导学生点评分析并总结存在的问题。 【合作探究二：设计

7、作品】 教师活动教师活动 方案已经成型，让我们一起来动手设计吧！ 教师活动教师活动 展示展示 PPTPPT： 【任务二：设计天气 APP 图标】 任务二：设计天气 APP 图标 打开任务单中的任务二和桌面上的“图标模板” ，两人小组合作，组员 A 设计圆角 矩形， 组员 B 设计标识， 组合成一个天气 APP 图标， 并向老师和其他同学展示介绍。 学生活动学生活动 组员组员 A A： 根据任务单提示“你想设计哪种配色方案的圆角矩形？” 纯色、渐变色或多色块的圆角矩形根据文字操作提示，尝试绘制，若有困难参考微 视频。 学生活动学生活动 组员组员 B B： 提供绘制“云、雨、月、闪电”的小技巧，自

8、我定位程度一般可参考基础版绘制， 自我定位程度较好可参考困难版绘制，并尝试绘制其他可以代表天气的元素。 教师活动教师活动 巡视指导，提醒学生注意栅格线。 教师活动教师活动 选择2-3个小组向同学和老师介绍你为什么这样设计，引导学生点评分 析并总结存在的问题。 学生活动学生活动 学生根据老师总结的问题，完善并修改自己的作品。 【课堂小结】 教师同时呈现所有小组的最终作品，并作相应点评，鼓励学生创新设计。 七七、教学反思、教学反思 优点： 1.将微视频上传到之江汇教育平台的资源中心实现视频共享，任务单超链接到 URL 地址在线观看微视频，省去了本地传输的麻烦。 2.将大量资源集成在一个 SWF 动

9、画任务单中，不仅对理论学习大有益处，还可以锻 炼学生多方面的能力，如综合理解、主导选择学习等。 3.交流展示环节，使学生能够自主地、积极地畅所欲言，充分表达自己的观点，同 时也可以获取来自其他同学和老师的信息，不断发现问题，解决问题，缩短学习时间。 缺点： 1.课中应向学生强调设计的规范性，虽做不到一个专业 UI 设计师的程度，但也要 提醒学生尽量注意栅格线。 2.平时学生很少使用这样集成性的任务单来自主学习，教师上课过程中缺乏引导， 导致学生没有充分利用任务单。 3.教师给小组的分工太明确，导致组员 A 设计纯色或渐变色的圆角矩形太简单，做 完之后无所事事，应让学生在教师分工的基础上，根据设计实际情况，组员自己再细分 工作。