网店美工 第2版 教案 项目9 综合实战-首页整体效果图设计与制作

项目九综合实战——首页整体效果设计任务一制作数码产品类网站【任务介绍】任务聚焦创意与实用性。首先通过案例分析，了解数码产品类网站色彩搭配、布局规划、元素设计等基础知识。随后，通过小组讨论激发学生灵感。学生需独立完成设计任务，教师提供个性化指导，强调细节处理与用户体验。最终，通过展示与互评，促进学生相互学习，提升设计能力与审美水平。【教学目标】1.知识与技能目标：能读懂客户需求信息。明确数码产品类网站首页设计要素。能够根据产品特点，兼顾客户的意愿，对网站首页进行整体规划。综合应用Photoshop中的各种工具进行首页设计与制作。2.过程与方法目标：通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。3.情感态度与价值观：培养学生独立思考、大胆创新、认真操作的学习习惯；锻炼学生与客户的沟通能力，使学生学会聆听，在交流过程中既能保证遵守行业标准，又能达到客户满意的效果。【课时】6课时【教学重点】数码产品类网站首页设计技巧及方法【教学难点】结合任务信息，设计出符合客户营销需求的首页教学过程：教学程序教学内容要点教师活动学生活动设计意图明确任务数码类产品网站首页的设计要求及制作流程1.PPT展示任务内容，教师介绍工作情境:“数码生活商城”主营手机通信、计算机配件、数码摄影三大类的主流品牌产品，现需要对该网站首页进行全面改版。2.列出本次工作要求及流程：=1\*GB3①分析首页案例效果图的组成元素=2\*GB3②制定草图方案=3\*GB3③自主学习支撑任务实施的知识点=4\*GB3④绘制首页草图=5\*GB3⑤形成效果作品图3．评价标准：1】大气、简约、突出产品品质、体现科技感；2】网站导航分类合理、符合商品类目；3】网站板块清晰、便于浏览、用户体验好；4】突出网站活动和优惠。4．评分组成：自评+小组+教师了解本次学习的任务内容，思考完成任务的思路。通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。获取信息数码类产品网站首页的设计要点教师组织学生，把数码类产品网站首页设计的要点进行归类。教师组织学生进行数码类产品网站首页案例分析。教师归纳数码类首页设计的要素应包含手机通信、计算机整机、摄影摄像、DIY组装机、智能设备、生活家电几个导航链接。从上到下可设计为顶部、导航区、广告区、活动区、分类区及底部几个部分。活动区商品分类尽量细化，方便谷歌找到需要的产品。分类区可根据网站主要产品分为手机通信、电脑配件、数码摄影三个区域。底部体现消费者保障如先行赔付、正品保障、无忧退换等。4.教师归纳首页设计的要点：颜色搭配合理（主色、辅色、字体色）文案突出主题（标题文案、促销文案、价格文案等）。版式美观（商品和文字的排版）。让学生收集数码类产品网站首页，进行首页设计要素分析，总结出常见的数码类产品网站首页包含的要素。通过网络资源及小组讨论，提炼数码类产品网站首页的设计要点。通过小组讨论，规划数码类产品网站首页板块。通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。制定计划及决策数码类产品网站首页的草图设计1.教师指导学生制定计划，从颜色方面主色、辅色、字体色文案方面标题文案、促销文案、价格文案等版式布局方面2.解答学生的疑问，给予建议，帮助学生优化工作计划。在教师的指导及小组互帮下，个人决策小组数码类产品网站网店首页的草图设计。培养小组成员的合作与团队意识任务实施数码类产品网站首页制作1.进行制作要点点播2.巡回指导，发现学生的问题，引导学生解决遇到的问题。在相关软件（如：photoshop）中完成数码类产品网站首页制作综合运用相关软件进行数码类产品网站首页的制作，相关的知识包含：图形处理软件的相关操作：钢笔工具、剪贴蒙版、图层样式、字体制作、抠图工具的使用等。根据草图进行制作，及时修正草图。真实工作任务的操作，提高学生的综合职业能力。成果展示展示作品的能力1．引导学生完成小组作品展示及汇报，汇报中亮出作品的优点。2．引导学生提出作品的修改建议，要求语言简练，表达到位。3.教师对建议进行分析，归结。4．教师进行指导和监控，确保各小组按时完成任务。1.小组代表展示：1）小组成员原图及修订图2）最优作品并作汇报。3）选出最受欢迎的数码类产品网站首页设计作品。2.其它小组提出该作品的修改建议，所提议的建议不重复。被评价小组派代表记录修改建议。通过作品的展示，培养学生的口语表达能力。通过找茬环节，检查学生对活动海报设计要点的掌握。作品优化作品优化提升1.教师巡回指导，发现学生的问题，引导学生解决遇到的问题。2.用一组作品对比优化前后图的效果。各小组根据修改建议，综合运用相关软件的工具（钢笔工具、剪贴蒙版、图层样式、字体制作、抠图工具的使用）进行数码类产品网站首页设计的修改，优化并定稿最终作品。培养学生优化作品解决问题的能力。评价总结评价总结能力1．提出评价要求，通过学生的优化作品展示，了解学生是否按要求完成任务。指导学生完成学业评价表。2．教师对作品进行点评，总结学生在设计过程的问题及注意事项。每位同学进行自我评价，组内评价，小组代表发表互评的意见。通过自评、组评、师评的多元化评价，培养学生准确地进行自我评估、自我反省。通过总结，能够促进学生构建自己的知识体系。课后作业提升任务布置1.布置作业，明确作业完成的要求2.组织学生进行设备登记，场地清扫1.接收课后提升任务。2.设备归位，场地清洁通过课后作业引导学生学以致用，锻炼学生探究能力与知识迁移能力。教学反思：项目九综合实战——首页整体效果设计任务二母婴产品类双十一首页设计【任务介绍】任务以项目教学的形式，融合节日氛围与母婴特色进行店铺首页设计。了解色彩在母婴设计中的应用，营造温馨舒适感。通过案例分析双十一促销元素，如优惠券、买就送、超值推荐、双十一特惠单品等。实操中，指导学生结合母婴产品特点，设计吸引眼球的首页图，强调信息层次与用户体验。最后，评估作品，强调创新与实用性并重。【教学目标】1.知识与技能目标：能读懂客户需求信息。明确母婴产品类双十一首页设计要素。明确双十一活动常见的表现手法、促销手段等。能够根据产品特点，兼顾客户的意愿，对双十一首页进行整体规划。综合应用Photoshop中的各种工具进行首页设计与制作。2.过程与方法目标：通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。3.情感态度与价值观：培养学生独立思考、大胆创新、认真操作的学习习惯；锻炼学生与客户的沟通能力，使学生学会聆听，在交流过程中既能保证遵守行业标准，又能达到客户满意的效果。【课时】8课时【教学重点】母婴产品类双十一首页设计技巧及方法【教学难点】结合任务信息，设计出符合客户营销需求的首页教学过程：教学程序教学内容要点教师活动学生活动设计意图明确任务母婴类产品双十一首页的设计要求及制作流程1.PPT展示任务内容，教师介绍工作情境:“爱贝贝”是一家经营多年的母婴产品类网店。双十一即将来临，需要对店铺首页进行改版，营造双十一网购狂欢节节日气氛。2.列出本次工作要求及流程：=1\*GB3①分析首页案例效果图的组成元素=2\*GB3②制定草图方案=3\*GB3③自主学习支撑任务实施的知识点=4\*GB3④绘制首页草图=5\*GB3⑤形成效果作品图3．评价标准：1】页面配色符合消费人群特点；2】店铺首页导航分类合理、符合商品类目；3】店铺首页板块清晰、便于浏览、用户体验好；4】突出店铺活动和优惠。4．评分组成：自评+小组+教师了解本次学习的任务内容，思考完成任务的思路。通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。获取信息母婴类产品双十一首页的设计要点教师组织学生，把母婴类产品双十一首页设计的要点进行归类。教师组织学生进行母婴类产品双十一首页案例分析。教师归纳母婴类首页设计的要素应包含手机通信、计算机整机、摄影摄像、DIY组装机、智能设备、生活家电几个导航链接。从上到下可设计为店招、导航区、广告区、活动区及底部。双十一首页以活动区为主体，包括优惠券、礼品区、超值推荐、特惠专区，同时在店招、导航区等区域同步添加双十一活动链接，充分体现多种类型店铺活动。各种活动的文字表述清晰、不模糊、无歧义，可以让客户无忧购物。4.教师归纳首页设计的要点：颜色搭配合理（主色、辅色、字体色）文案突出主题（标题文案、促销文案、价格文案等）。版式美观（商品和文字的排版）。让学生收集母婴类产品双十一首页，进行首页设计要素分析，总结出常见的母婴类产品双十一首页包含的要素。通过网络资源及小组讨论，提炼母婴类产品双十一首页的设计要点。通过小组讨论，规划母婴类产品双十一首页板块。通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。制定计划及决策母婴类产品双十一首页的草图设计1.教师指导学生制定计划，从颜色方面主色、辅色、字体色文案方面标题文案、促销文案、价格文案等版式布局方面2.解答学生的疑问，给予建议，帮助学生优化工作计划。在教师的指导及小组互帮下，个人决策小组母婴类产品双十一首页的草图设计。培养小组成员的合作与团队意识任务实施母婴类产品双十一首页制作1.进行制作要点点播2.巡回指导，发现学生的问题，引导学生解决遇到的问题。在相关软件（如：photoshop）中完成母婴类产品双十一首页制作综合运用相关软件进行母婴类产品双十一首页的制作，相关的知识包含：图形处理软件的相关操作：形状绘制、对象对齐、图层蒙版、剪贴蒙版、字体制作、抠图工具的使用等。根据草图进行制作，及时修正草图。真实工作任务的操作，提高学生的综合职业能力。成果展示展示作品的能力1．引导学生完成小组作品展示及汇报，汇报中亮出作品的优点。2．引导学生提出作品的修改建议，要求语言简练，表达到位。3.教师对建议进行分析，归结。4．教师进行指导和监控，确保各小组按时完成任务。1.小组代表展示：1）小组成员原图及修订图2）最优作品并作汇报。3）选出最受欢迎的母婴类产品双十一首页设计作品。2.其它小组提出该作品的修改建议，所提议的建议不重复。被评价小组派代表记录修改建议。通过作品的展示，培养学生的口语表达能力。通过找茬环节，检查学生对活动海报设计要点的掌握。作品优化作品优化提升1.教师巡回指导，发现学生的问题，引导学生解决遇到的问题。2.用一组作品对比优化前后图的效果。各小组根据修改建议，综合运用相关软件的工具（钢形状绘制、对象对齐、图层蒙版、剪贴蒙版、字体制作、抠图工具的使用）进行母婴类产品双十一首页设计的修改，优化并定稿最终作品。培养学生优化作品解决问题的能力。评价总结评价总结能力1．提出评价要求，通过学生的优化作品展示，了解学生是否按要求完成任务。指导学生完成学业评价表。2．教师对作品进行点评，总结学生在设计过程的问题及注意事项。每位同学进行自我评价，组内评价，小组代表发表互评的意见。通过自评、组评、师评的多元化评价，培养学生准确地进行自我评估、自我反省。通过总结，能够促进学生构建自己的知识体系。课后作业提升任务布置1.布置作业，明确作业完成的要求2.组织学生进行设备登记，场地清扫1.接收课后提升任务。2.设备归位，场地清洁通过课后作业引导学生学以致用，锻炼学生探究能力与知识迁移能力。教学反思：项目九综合实战——首页整体效果设计任务三化妆品类618无线首页设计制作【任务介绍】任务以项目为导向，引导学生明确目标用户与促销亮点。通过案例分析，学习色彩搭配、布局规划及视觉层次构建技巧。强调创意与品牌调性的融合，利用设计软件实操，模拟节日氛围，打造吸引眼球的促销页面。注重用户体验，确保信息传达清晰，互动元素有趣且流畅。最终，通过评审反馈，提升学生设计思维与实战能力。【教学目标】1.知识与技能目标：能读懂客户需求信息。明确母婴产品类618无线首页设计要素。明确618活动常见的表现手法、促销手段等。能够根据产品特点，兼顾客户的意愿，对618无线首页进行整体规划。综合应用Photoshop中的各种工具进行无线首页设计与制作。2.过程与方法目标：通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。3.情感态度与价值观：培养学生独立思考、大胆创新、认真操作的学习习惯；锻炼学生与客户的沟通能力，使学生学会聆听，在交流过程中既能保证遵守行业标准，又能达到客户满意的效果。【课时】6课时【教学重点】母婴产品类618无线首页设计技巧及方法【教学难点】结合任务信息，设计出符合客户营销需求的首页教学过程：教学程序教学内容要点教师活动学生活动设计意图明确任务化妆品类产品618无线首页的设计要求及制作流程1.PPT展示任务内容，教师介绍工作情境:“某化妆品网店要在618年中大促中推出以防晒系列为主打的产品促销活动，为了配合618活动，需要对手机端首页进行设计。2.列出本次工作要求及流程：=1\*GB3①分析首页案例效果图的组成元素=2\*GB3②制定草图方案=3\*GB3③自主学习支撑任务实施的知识点=4\*GB3④绘制首页草图=5\*GB3⑤形成效果作品图3．评价标准：1】页面配色符合消费人群特点；2】营造夏日购物、清爽舒适的氛围，突出防晒主题；3】网店板块清晰、便于浏览、用户体验好；4】突出网店活动和优惠。4．评分组成：自评+小组+教师了解本次学习的任务内容，思考完成任务的思路。通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。获取信息化妆品类产品618无线首页的设计要点教师组织学生，把化妆品类产品618无线首页设计的要点进行归类。教师组织学生进行化妆品类产品618无线首页案例分析。教师归纳化妆品类首页设计的要素应包含店招、首焦海报、活动区及底部。店招单独设计。活动区分为优惠券、特别推荐、防晒专区、买三送一4个模块。通过蓝白配色及珊瑚、海螺等素材，烘托夏日气氛，体现防晒主题。4.教师归纳首页设计的要点：颜色搭配合理（主色、辅色、字体色）文案突出主题（标题文案、促销文案、价格文案等）。版式美观（商品和文字的排版）。让学生收集化妆品类产品618无线首页，进行首页设计要素分析，总结出常见的化妆品类产品618无线首页包含的要素。通过网络资源及小组讨论，提炼化妆品类产品618无线首页的设计要点。通过小组讨论，规划化妆品类产品618无线首页板块。通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。制定计划及决策化妆品类产品618无线首页的草图设计1.教师指导学生制定计划，从颜色方面主色、辅色、字体色文案方面标题文案、促销文案、价格文案等版式布局方面2.解答学生的疑问，给予建议，帮助学生优化工作计划。在教师的指导及小组互帮下，个人决策小组化妆品类产品618无线首页的草图设计。培养小组成员的合作与团队意识任务实施化妆品类产品618无线首页制作1.进行制作要点点播2.巡回指导，发现学生的问题，引导学生解决遇到的问题。在相关软件（如：photoshop）中完成化妆品类产品618无线首页制作综合运用相关软件进行化妆品类产品618无线首页的制作，相关的知识包含：图形处理软件的相关操作：画笔工具、钢笔工具、倒影效果、对象对齐、图层蒙版、字体制作、抠图工具的使用等。根据草图进行制作，及时修