全国xx杯说课大赛计算机类一等奖作品：《店招设计》教学设计.doc

1、职业岗位需求引领教学 引入团队竞争课堂活动 促使学生学习持续发展店招设计网店装修与管理教学设计中等职业教育课程改革教材高等教育出版社“店招设计”教学设计设计摘要教学题目店招设计课 程计算机类学时安排2课时（90分钟）年 级高二级人数39所选教材高等教育出版社，陈显龙总主编，杨波，王卫华主编 网店装修与管理设计依据依据计算机课程标准、现代教育技术理论及建构主义学习理论，课程是有生命力的，应该以就业为导向，以职业为载体，促进人的全面发展；中职课程以工作经验为学习过程，以人才培养为核心，结合信息技术课程“开放、多元、动态”的特征，学生的学习要体现“主动、开放、个性、持续”的特点；营造良好的信息环境，

2、为信息技术教学活动提供先进的学习平台。教材分析本节课教材选自高等教育出版社出版的网店装修与管理，教学内容为项目四“淘宝普通版整页设计”的任务二“店招设计”。网店装修模块是这门课程的重要模块，是承接图片处理和网店整页设计的关键部分，对于本模块内容教学来说，有着十分重要的意义。网店装修课程是我校与“小脚丫童鞋”企业合作项目，本次课是该项目的第二个教学内容。为了让教学内容与职业岗位需求紧密结合，直接选用学生的自有网店进行教学实践，达到“教中学、教中做”的岗位实践效果。学情分析本节课的授课对象是电子商务专业的二年级的学生，进行网站建设与管理专业知识学习，刚完成网站装修的图片美化及页面布局学习任务，他们

3、具有一定的图像处理技能,具备一定的审美能力。喜欢竞争、有好胜心理，也喜欢信息化媒体，乐于接受感性的、直观的学习方式。总体来说，学生主要表现如下：1.自学能力差：学生对知识的学习往往是被动的，课堂中习惯于老师的言传身教，自主探究能力不足，学习内容难于突破课本范围。2.水平参差不齐：部分学生软件操作能力较差，对于利用图像处理软件进行店招设计仍有较大的困难。3.学生对理论知识理解不够到位，理论和实践往往出现脱轨的情况。教学目标（1）知识目标：了解店招的定义和作用，店招的组成要素、设计方法。（2）能力目标：能够利用photoshop进行店招设计，掌握店招设计的要点；掌握网店装修中自定义店招的操作要点。

4、（3）情感目标：培养学生观察、思考、分析、解决问题能力，增强学生的团队合作精神；激发学生的职业梦想，提升学生职业素养。教学重点及难点教学重点：1.了解网店装修岗位的职业岗位技能。 2.掌握店招设计中为突出主体而进行文字、图片等的表现手法。教学难点：1.掌握店招的设计方法，营造产品营销视觉效果。2.掌握店招的结构、色彩和整体网页效果的搭配教学方法项目教学法:学生在教师的引导下，以优生搭配中差生为原则分成13个小组，以小组形式完成静态店招设计任务。穿插“找亮点”、“店招投票评比”、“店招搭配秀”、“发布点赞”等活动，让学生在实践任务中找到学习的乐趣。活动法：学生作品的匿名投票排名赛、网络点赞，以竞

5、赛的方式促进学生的学习。探究法：教师通过设问解疑，通过店招模拟设计器，动画演示等启发学生，在自主探究、讨论交流中等突破本次课的重难点。教学策略1、以“贴近职业、激活课堂”的为教学理念，引导学生从课本的网店装修设计入手，采用校企合作淘宝网店 “小脚丫鞋店”作为教学实战平台，以网店装修项目为引领，实现与职业岗位需求无缝衔接。2、结合目前智能手机普及的情况，推出了电脑端、手机端的“banner设计网“专题学习网站，提供任务介绍、素材下载、留言板、作品投票等实用功能，让学生能够随时随地预习课程内容、跟踪作业情况等，增加教学的交互性，提高学习积极性。3、设计基于网络的“店招设计模拟器”，让学生可以脱离p

6、hotoshop软件尝试在线设计，熟悉店招设计技巧。4、利用现时使用率较高的QQ、微信等平台转发学习作品，让学生通过网络平台获得作品票数、点赞和评价意见，从而达到集思广益的作用，让学生逐步完善作品，保持学习的持续性。课前准备本节课的授课地点为多媒体机房，具备广播教学、互联网访问功能，安装了photoshop图像处理软件，通过店招模拟设计器、在线投票系统、多媒体课件等资源辅助教学。1、 发布“网店装修（banner设计）专题学习网”， 提供任务简介、视频演示、上传作业、作品投票、知识拓展、素材下载等模块，让学生能够通过网站了解到与教学知识相关的内容。电脑端二维码http:/手机端二维码http:

7、/m.ebanner.icoc.in2、 以班级QQ群、微信群发布任务学习公告，让学生可以通过手机端、电脑端在课余时间自行预习上课内容。手机端浏览学习网电脑端浏览学习网3、通过店招设计模拟器学生可以在课余时间利用手机或电脑在线尝试练习，熟悉图文排版、色彩搭配等操作。店招设计模拟器店招搭配测试工具备注：1、在教学过程中，通过天寓电子教室，将课程专题学习网站和淘宝网网址加入网络白名单，限制学生访问其它网站。教学过程 教学结构流程的设计环节说明内容1. “设”环节创设情境导入新课引入网店装修师年入约百万案例，引导学生分析案例，搭建做为一名网店装修师装修女鞋网店的工位岗位环境。2. “析”环节浏览店招

8、分析要点分析网店店招，进入“找亮点”活动，理解店招之意。以“店招模拟设计器”演示设计要点。3. “试”环节尝试创作静态店招店招初创作，通过photoshop软件尝试店招设计，结合设计要点，体验设计过程。4. “比”环节评比店招提炼技巧“店招在线投票”评比活动，分析店招之魂5. “拓”环节拓展应用搭配测试将设计好的店招发布到校企合作淘宝店，“店招搭配秀”，提高设计能力。6. “评”环节网络点评完善设计“店招作品秀”活动，通过朋友圈、微信群等平台进行转发，扩散到互联网，进行“店招点赞”活动。教学流程图教学环节教学内容课件展示师生互动教法学法设计意图媒体资源创设情境导入（5分钟）“设”环节分析引导（

9、15分钟）“析”环节任务驱动（20分钟）“试”环节 评比归纳（10分钟）“评”环节拓展迁移（30分钟）“拓”环节评价总结（10分钟）“评”环节一、创设网店装修师岗位工作环境二、感悟“店招之意”三、尝试店招设计四、提炼“店招之魂”五、网店搭配测试六、“发布总结”生：（案例分析）从网店装修师年入帐约百万案例中，分析工作室成功的关键点师：（启发教学法）介绍项目任务，通过案例让学生明确本节课的内容是网店装修之静态店招设计。师：（示范）1.播放几组不同类型店招图片，引导学生分析店招组成元素，寻找店招亮点。2.店招设计模拟演示，讲解操作要领，演示上机操作过程。生：（讨论）1.每组一张店招图片，组员分析思考

10、，参与“找亮点”活动。2.每组选派代表，说出本组的观点。师：巡视课堂1简要介绍任务内容要点。2、讲解任务完成过程生：按照分工合作完成任务1、小组讨论设计方案，填写任务书。2、组员分工协作完成店招尝试设计任务。3、反思设计。4、修改、完善设计。师：（启发点拨法）1、通过广播系统收取学生作业，导入在线投票系统中，展示学生作品的同时，让学生参加作品投票活动2、点评较有代表性的作品。分析店招的文字和图片的表现手法，公布评选结果生：（小组讨论法）1、学习其它组作品的表现手法和设计理念。2、结合设计要点，讨论其它组作品的不足之处，提出改进建议。师：1. 请学生思考：你觉得小组设计的店招跟网店装修风格一致吗

11、？2. 介绍网店发布到淘宝网店的操作流程。3、根据不足，提出改进建议。生：1、熟悉网店装修中，自定义店招的操作方法。（2）对店招在网店装修中的使用效果进行自评。师：（总结归纳）1. 发布作品，进行评选“最受欢迎店招”活动，多元评价学生的学习表现。2. 让学生将“专题学习网”作品评比网址通过微信、QQ等发布到网络，通过好友点赞、收集意见等，以便进一步提高色彩搭配、图文排版能力。课程小结店招的设计技巧理解。作业：服装网店店招设计生：1、对比店招效果，再次完善修改。2、发布店招，参与“店招点赞”等活动，获取网络点赞数和人气数。【设计意图】根据学生专业特点和兴趣，向学生渗透电子商务专业岗位就业渠道，激

12、起学生心中的好奇心和求知欲，调动学习积极性。创设网店装修师网店设计的学习环境。【媒体资源】电子报刊截图【设计意图】分析店招样图，从中总结设计者欲传达的信息，从而得出所需要元素。通过“找亮点”活动加强小组协作能力，讨论店招设计技巧。【媒体资源】准备几组不同类型的优秀店招设计作品图片。为本课开发店招设计模拟器辅助教学软件，实现图文布局、图层叠放、色彩搭配等演示。【设计意图】让学生明确实验任务要求，合理分工，结合教师的操作演示，完成店招的初次设计。同时反思设计过程，提炼设计理念。【媒体资源】1、提供产品图片、文字素材、店招样例和操作视频。2、学生任务书，按照工作页的形式将学生的整个实验过程记录下来。

13、【设计意图】加强学生的竞争意识，通过在线匿名投票，使小组之间形成竞争关系。作品名称以设计理念命名，利用“他山之石，可心攻玉”的原理，加强对作品的设计理念理解。【媒体资源】利用专题学习网的在线投票功能，让学生进行作品匿名投票，系统限制每个IP每个作品只能投一票。能够实时统计票数和人气。【设计意图】针对单一店招设计的不足，将店招上传到淘宝网店进行效果测试，使学生能够更好地理解色彩搭配、结构设计等知识，使所学知识应用扩展到互联网。【媒体资源】1、利用电子商务校企合作淘宝网店进行店招上传及效果测试。2、通过广播系统完成作品点评。【设计意图】在专题学习网站发布店招作品，将作品通过朋友圈或校园网络平台传播

14、，以点赞数和评价意见进行作品的评价，通过评选活动，保持学生学习的持续性。【媒体资源】借助专题学习网，利用QQ、微信等网络工具将店招发布到互联网上，利用网络人群进行点赞活动。学习评价设计学生评价量规表班别： 组别： 组员名单：类别评价指标权重评价等级及分值得分A（80-100分）B（60-79分）C（0-59分）自评（30%）互评（30%）师评（40%）总分作品评价符合网店定位20%整体风格符合网店定位整体风格基本符合网店定位整体风格不太符合网店定位主副标排版合理10%主标突出，副标起到辅助作用主标与副标排版相对合理主标不突出，副标排版不太合理色彩搭配20%整体色彩搭配合理，过渡自然色彩搭配一般

15、，整体色系应用尚可色彩搭配不好，主色调不明显顺应用户浏览习惯10%符合浏览者的浏览习惯有些不符合浏览者浏览习惯与浏览者浏览习惯相差较大视觉效果好20%整体效果突出，体现设计理念，给人印象深刻整体效果一般，无特别出彩的地方，能体现店招作用整体效果较差，不自然，不能体现店招作用课堂表现课堂表现20%态度认真，积极 配合小组完成各项任务，表现优秀态度一般，能够 配合小组完成各项任务，表现尚可态度不端正，不配合小组完成各项任务，表现较差得分注：60分以下为不及格，60-69分为及格，70-79分为中等，80-89分为良好，90-100分为优秀。网络评价（100分）结果微信等平台获得点赞数评价数专题学习

16、网获得票数人气备注：最终评价=作品评价+课堂表现+网络评价板书设计Banner设计技巧1. 符合网店定位2. 简约，突出主体3. 内容清晰，顺应顾客浏览习惯4. 正确搭配色彩5. 结构合理学会设计设计中理解如何让店招通情达理？1、网店产品定位2、分清主标与副标3、色彩情感表达4、抓住关键字5、顺应浏览习惯6、辅助视觉效果指引设计，理解要点教学反思1、教学准备中利用班级QQ群、微信群发布提前发布学习任务，通过“网店装修（banner设计）”专题学习网，给学生学习提供了一个手机端、电脑端的学习平台，便于学生预习学习任务。2、教学中利用店招模拟设计器，让学生能够快速熟悉图文排版、色彩搭配的操作技巧。

17、3、利用校企合作的淘宝网店，以职业岗位需求驱动学生实践，让学生更好理解教学中涉及的色彩搭配、图文排版、网店装修风格等技巧。4、利用专题学习网的投票功能，将学生作品通过朋友圈、聊天群等网络平台发布到互联网上，让学生作品有了更多的人群参与评价，集思广益，以便进一步完善店招设计作品。如何将专业教学内容与职业岗位需求无缝衔接，消除就业屏障，提高学生的学习主动性，是每个教师在教学设计中不断探索的领域。本节课巧妙的将职业岗位需求、知识学习、技能训练通过信息化手段融入到“四个活动”、“两项任务”中，体现了“做中学，做中教”的教学理念，点燃了学生学习热情，营造了教师乐教，学生乐学的快乐课堂。附:网店装修一体化

18、项目教学学生任务书单元内容：店招设计 授课班级：电商143班 授课课时：2课时一、 布置任务以小组为单位，完成以下任务：1、列出淘宝店招的组成元素。2、列出不同类目店铺店招适用的配色方案。3、根据店铺风格及商品特点，确定好配色方案；结合商家提供的商品图片素材，灵活运用PS软件，自行组织素材与文案，设计制作出既符合要求、又具有特色的店招。二、探求知识1、在教师引导下，认真观察分析教师提供的店招实例素材，集体讨论、各表己见、记录汇总、达成共识，完成好下表。店招组成元素2、各组小组长安排小组成员分工。小组成员负责任务3、完成任务（1）根据店铺风格及商品特点，确定好店招配色方案；配色方案主色:辅助色：

19、（2）结合商家提供的商品图片素材，组织好文案；店招文案（3）店招设计制作。三、作品展示1、学生提交作品。2、各小组派出1名代表简单阐述设计理念。四、评价1、小组自评：各组组长针对本组成员任务完成情况进行合理评价，完成学生分工评价表。学生分工评价表小组名称 小组负责人 团队人数 小组成员负责任务任务完成情况优 良 中合格 不合格 优 良 中合格 不合格优 良 中合格 不合格优 良 中合格 不合格优 良 中合格 不合格2、小组互评：请相互讨论、点评各组的方案，找出各组的闪光点，认真填写评价表。店招设计评价表评价团队 评价人 1店招中选择的元素是否准确？是 否2店招的配色是否合适？是 否3店招的版式设计是否美观，具有吸引力？是 否4展示讲解是否有条理、表达流畅？是 否5设计店招与网店装修风格一致吗？是 否你认为该团队的店招设计创新之处的是什么？你认为该团队需要改进的地方？你对该团队整体评价优秀 良好 中等 合格 不合格3、老师点评。 15 / 15