网店美工 第2版 教案 项目7 详情页设计与制作

项目七详情页设计任务一服装类网店详情页设计【任务介绍】我们将以项目式的学习方式，通过对项目背景的分析，案例的分析、技巧的点拨，学习如何有创新地制作出美观、结构合理、制作符合客户营销需求、具有创意性及延展性的网店详情页。并借此任务培养学生发现、分析、探讨和解决问题的能力。【教学目标】1.知识与技能目标：能读懂客户需求信息。学会常见商品详情页模板设计技巧及方法。能根据商品特性编写合理的文案。能使用文字工具、形状工具、通道和蒙版等编辑图形，制作详情页。2.过程与方法目标：通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。3.情感态度与价值观：培养学生独立思考、举一反三、团结协作的学习习惯；激发学生对网店美工的兴趣；培养学生发现、分析、探讨和解决问题的能力。培养学生的社会责任感和公民意识，提高学生职业道德和职业素养。【课时】6课时【教学重点】网店详情页模板设计技巧及方法。【教学难点】结合任务信息，设计符合客户营销需求的详情页。教学过程：教学程序教学内容要点教师活动学生活动设计意图明确任务详情页的设计要求及制作流程1.PPT展示任务内容，教师介绍工作情境:“千纤纺女装”服装网店到了一款风衣，新款风衣要上架，现征集符合客户需求信息的新款风衣宝贝详情页。2.列出本次工作要求及流程：=1\*GB3①分析详情页案例效果图的组成=2\*GB3②制定详情页模板草图方案=3\*GB3③自主学习支撑任务实施的知识点=4\*GB3④绘制详情页模板草图=5\*GB3⑤形成效果作品图3．评价标准：1】详情页结构完整。2】颜色搭配合理。3】细节展示合理。4】文案提炼恰当。4．评分组成：自评+小组+教师了解本次学习的任务内容，思考完成任务的思路。通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。获取信息宝贝详情页的设计要点教师组织学生，把宝贝详情页的要点进行归类。教师组织学生进行宝贝详情页案例分析。教师归纳宝贝详情页设计的要素详情页就是对商品详细介绍，详情页的组成有哪些？（不同的商品组成有所不同）服装详情页的组成主要有哪些？各组成部分设计要整体统一，要与服装的风格一致细节展示要展示哪些细节？编写的文案要与细节图搭配。商品的性能、品质要清晰展示，营销文案有深度引发共鸣。4.教师归纳宝贝详情页设计的要点：详情页结构完整，版式美观。详情页整体配色合理（主色、辅色、字体色）。海报情景图的设计要符合商品风格，优惠券要突显细节展示与文案描述恰当。让学生收集宝贝详情页，进行宝贝详情页构成分析，总结出宝贝详情页主要组成。通过网络资源及小组讨论，提炼宝贝详情页设计的要点。通过网络资源及小组讨论，提炼宝贝详情页设计的产品细节、性能和品质等文案，产生情感共鸣营销效果。通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。制定计划及决策宝贝详情页的草图设计1.教师指导学生制定计划，从详情页组成颜色搭配(主色、辅色、字体色)海报情景图关联区细节及文案2.解答学生的疑问，给予建议，帮助学生优化工作计划。在教师的指导及小组互帮下，完成小组宝贝详情页的草图设计。培养小组成员的合作与团队意识任务实施宝贝详情页效果图制作1.进行制作要点点拔2.巡回指导，发现学生的问题，引导学生解决遇到的问题。在相关软件（如：photoshop）中完成宝贝详情页制作综合运用相关软件进行宝贝详情页设计与制作，相关的知识包含：图形处理软件的相关操作：颜色填充、图形绘制、字体制作、抠图工具的使用、特效制作等。根据草图进行制作，及时修正草图。真实工作任务的操作，提高学生的综合职业能力。成果展示展示作品的能力1．引导学生完成小组作品展示及汇报，汇报中亮出作品的优点。2．引导学生提出作品的修改建议，要求语言简练，表达到位。3.教师对建议进行分析，归结。4．教师进行指导和监控，确保各小组按时完成任务。1.小组代表展示：1）小组成员原图及修订图2）最优作品并作汇报。3）选出最受欢迎的宝贝详情页设计作品。2.其它小组提出该作品的修改建议，所提议的建议不重复。被评价小组派代表记录修改建议。通过作品的展示，培养学生的口语表达能力。通过找茬环节，检查学生对宝贝详情页设计要点的掌握。作品优化作品优化提升1.教师巡回指导，发现学生的问题，引导学生解决遇到的问题。2.用一组作品对比优化前后图的效果。各小组根据修改建议，综合运用相关软件的工具（颜色填充、图形绘制、字体制作、抠图工具的使用、特效制作等）进行宝贝详情页设计的修改，优化并定稿最终作品。培养学生优化作品解决问题的能力。评价总结评价总结能力1．提出评价要求，通过学生的优化作品展示，了解学生是否按要求完成任务。指导学生完成学业评价表。2．教师对作品进行点评，总结学生在设计过程的问题及注意事项。每位同学进行自我评价，组内评价，小组代表发表互评的意见。通过自评、组评、师评的多元化评价，培养学生准确地进行自我评估、自我反省。通过总结，能够促进学生构建自己的知识体系。课后作业提升任务布置1.布置作业，明确作业完成的要求2.组织学生进行设备登记，场地清扫1.接收课后提升任务。2.设备归位，场地清洁通过课后作业引导学生学以致用，锻炼学生探究能力与知识迁移能力。教学反思：

任务二食品类网店详情页设计【任务介绍】任务将以项目式的学习方式，通过对项目背景的分析，案例的分析、技巧的点拨，学习如何有创新地制作出美观、结构合理、制作符合客户营销需求、具有创意性及延展性的网店详情页。并借此任务培养学生发现、分析、探讨和解决问题的能力。【教学目标】1.知识与技能目标：（1）能读懂客户需求信息。（2）学会常见商品详情页模板设计技巧及方法。（3）能根据商品特性编写合理的文案。（4）能使用文字工具、形状工具、通道和蒙版等编辑图形，制作详情页。2.过程与方法目标：通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。3.情感态度与价值观：（1）培养学生独立思考、举一反三、团结协作的学习习惯；（2）激发学生对网店美工的兴趣；（3）培养学生发现、分析、探讨和解决问题的能力。（3）培养学生的社会责任感和食品安全意识。【课时】6课时【教学重点】网店详情页模板设计技巧及方法。【教学难点】结合任务信息，设计符合客户营销需求的详情页。

教学过程：教学程序教学内容要点教师活动学生活动设计意图明确任务详情页的设计要求及制作流程1.PPT展示任务内容，教师介绍工作情境:“牛气十足”食品网店销售光明牛奶，宝贝详情页要强化产品的安全、卫生、营养、绿色等，提升牛奶产品的品牌形象，现征集符合客户需求信息的光明牛奶宝贝详情页。2.列出本次工作要求及流程：=1\*GB3①分析详情页案例效果图的组成=2\*GB3②制定详情页模板草图方案=3\*GB3③自主学习支撑任务实施的知识点=4\*GB3④绘制详情页模板草图=5\*GB3⑤形成效果作品图3．评价标准：1】详情页结构完整。2】颜色搭配合理。3】细节展示合理。4】文案提炼恰当。4．评分组成：自评+小组+教师了解本次学习的任务内容，思考完成任务的思路。通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。获取信息宝贝详情页的设计要点教师组织学生，把宝贝详情页的要点进行归类。教师组织学生进行宝贝详情页案例分析。教师归纳宝贝详情页设计的要素1】详情页就是对商品详细介绍，详情页的组成有哪些？（不同的商品组成有所不同）食品详情页的组成主要有哪些？2】各组成部分设计要整体统一，要与食品的风格一致。3】细节展示要展示哪些细节？4】编写的文案要与细节图搭配。5】商品的性能、品质要清晰展示，营销文案有深度引发共鸣。4.教师归纳宝贝详情页设计的要点：详情页结构完整，版式美观。详情页整体配色合理（主色、辅色、字体色）。海报情景图的设计要符合商品风格，优惠券要突显细节展示与文案描述恰当。让学生收集宝贝详情页，进行宝贝详情页构成分析，总结出宝贝详情页主要组成。通过网络资源及小组讨论，提炼宝贝详情页设计的要点。通过网络资源及小组讨论，提炼宝贝详情页设计的产品细节、性能和品质等文案，产生情感共鸣营销效果。通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。制定计划及决策宝贝详情页的草图设计1.教师指导学生制定计划，从1)详情页组成2)颜色搭配(主色、辅色、字体色)3)海报情景图关联区4)细节及文案2.解答学生的疑问，给予建议，帮助学生优化工作计划。在教师的指导及小组互帮下，完成小组宝贝详情页的草图设计。培养小组成员的合作与团队意识任务实施宝贝详情页效果图制作1.进行制作要点点拔2.巡回指导，发现学生的问题，引导学生解决遇到的问题。在相关软件（如：photoshop）中完成宝贝详情页制作综合运用相关软件进行宝贝详情页设计与制作，相关的知识包含：图形处理软件的相关操作：颜色填充、图形绘制、字体制作、抠图工具的使用、特效制作等。根据草图进行制作，及时修正草图。真实工作任务的操作，提高学生的综合职业能力。成果展示展示作品的能力1．引导学生完成小组作品展示及汇报，汇报中亮出作品的优点。2．引导学生提出作品的修改建议，要求语言简练，表达到位。3.教师对建议进行分析，归结。4．教师进行指导和监控，确保各小组按时完成任务。1.小组代表展示：1）小组成员原图及修订图2）最优作品并作汇报。3）选出最受欢迎的宝贝详情页设计作品。2.其它小组提出该作品的修改建议，所提议的建议不重复。被评价小组派代表记录修改建议。通过作品的展示，培养学生的口语表达能力。通过找茬环节，检查学生对宝贝详情页设计要点的掌握。作品优化作品优化提升1.教师巡回指导，发现学生的问题，引导学生解决遇到的问题。2.用一组作品对比优化前后图的效果。各小组根据修改建议，综合运用相关软件的工具（颜色填充、图形绘制、字体制作、抠图工具的使用、特效制作等）进行宝贝详情页设计的修改，优化并定稿最终作品。培养学生优化作品解决问题的能力。评价总结评价总结能力1．提出评价要求，通过学生的优化作品展示，了解学生是否按要求完成任务。指导学生