《网店视觉设计与制作教学教案86.docx》由会员分享，可在线阅读，更多相关《网店视觉设计与制作教学教案86.docx（81页珍藏版）》请在课桌文档上搜索。
1、任课教师专业日期年月日教学课题认识网店视觉设计与制作课时2课时所选教材网店视觉设计与制作（全彩慕课版）教学班级一、教学目标1 .知识目标（1） 了解网店视觉设计与制作；（2）熟悉网店视觉设计与制作的相关岗位职责与能力。2 .技能目标（1）能够通过各种途径了解网店视觉设计知识；（2）能够鉴赏各种风格的网点视觉设计；（3）能够登录并浏览各个网店平台。3 .职业素养（1）引导学生对本课程的学习兴趣和职业兴趣；（2）培养动手能力、鉴赏能力、自学意识。二、教学方法与资源教学方法：讲授法、案例分析法、分组学习法教学资源（媒体和平台）：一体化教室、PPT、淘宝、京东、拼多多、速卖通三、教学重难点教学重点：网
2、店设计的相关理论知识；教学难点：网店设计与制作包含的各个部分。四、教学问题预测及方案问题预测：内容比较理论，介绍比较广泛，学生不易理解；解决方案：准备网店视觉设计案例，通过图片展示吸引学生兴趣，同时介绍工作岗位中比较有意思的部分，加强学生对岗位的兴趣。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（5分钟）学习的知识介绍本节将要学习的内容点，并板书老2.提问引入（15分钟）是否听说过网店视觉设计？师提问学生回答
3、是否了解过运营岗位和设计岗位？老师发布任务3.本节内容介绍（60分钟）（1）了解网店视觉设计与制作网店视觉设计融了合平面设计行业和电商行业，主要为线老师讲解知识学生认真听讲上店铺（网店）进行视觉设计，是连接网店与消费者的桥梁能够点达到促销与推广的目的。网店视觉设计与制作的内容主要如下。设计人员需要选择合适的图像处理软件，通过调整商品图片，提升商品的吸引力。商品主图和主图视频是消费者首先看到的部分，视觉效果优秀的商品主图和主图视频吸引消费者，从而为商品带来更多的流量，提高商品的成交量和竞争力。制作商品详情页要懂得挖掘消费者对商品的真实需求，给消费者构建一个清晰的商品印象。网店首页是网店的“门面”
4、，会直接影响网店的流量。用心策划和设计的网店首页能够使消费者产生点击的欲望。老师讲解知识学生认真听讲商品短视频是目前较热门且能有效提高商品转化率的点方式。常见的商品短视频有商品详情页短视频、网店首页短视频，以及在自媒体平台上传播的商品或品牌宣传短视频等。（2）网店视觉设计与制作的相关岗位分别介绍运营岗位和设计岗位的相关知识。运营人员负责是为网店视觉设计与制作做前期准备，为网店美工进行网店视觉设计与制作提供基础支持。老师讲解知识学生认真做笔网店视觉设计就是网店运营的视觉呈现，网店美工需根点记据运营要求，结合自身的设计品位，设计出既符合运营要求又具有良好视觉效果的作品。要成为一名合格的网店美工，至
5、少要具有艺术表现的能力和适应消费者的能力。老师讲解知识点学生听讲【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题了解网店视觉设计与制作的要素课时2课时所选教材网店视觉设计与制作（全彩慕课版）教学班级一、教学目标1 .知识目标（1） 了解网店视觉设计风格；（2）熟悉网店视觉设计中的构图与布局原则；（3）熟悉色彩搭配相关知识；（4）掌握合理的文字搭配。2 .技能目标（1）能够按照构图与布局原则进行网店视觉设计；（2）能够在网店视觉设计中合理运用色彩；（3）能够应用适合网店风格的字体。3 .职业素养（1）提升个人网店
6、视觉设计审美能力；（2）培养不同色彩搭配方案的应用能力。二、教学方法与资源教学方法：讲授法、案例分析法、分组学习法；教学资源（媒体和平台）：一体化教室、PPT、淘宝、京东、拼多多、速卖通。三、教学重难点教学重点：中国风、构图方式、页面布局方式；教学难点：页面布局原则、色彩搭配、文字的布局技巧。四、教学问题预测及方案问题预测：学生对网店视觉设计没有深入的了解，无法应用好网店视觉设计与制作的各要素；解决方案：准备大量案例让学生观看并学习，让学生自行搜索收集课程内容相关的优秀案例。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）1 .课前三件事：点名；检查卫生和物品摆放；检查学生精
7、神状态；2 .安全教育考勤检查卫生清点学生人数问好卫生整理准备书本上交手机【教学实施】1.教学导入（5分钟）介绍本节将要学习的内容2.提问引入（15分钟）老师介绍本节学习的知识点，并板书老学生接收当前有哪些流行的视觉设计风格？各有什么特点？常用的构图方式有哪些？3.本节内容介绍（60分钟）（1）视觉设计风格准确定位网店视觉设计风格有助于提高网店销售额。定位师提问老师发布任务学生回答时需要综合参考网店的各项因素。极简风近几年较为流行，能够凸显出品牌对于质感的追求，常用于调性较高的网店。中国风源于我国传统文化，结合现代设计更具有全新的现代美感。7赛博朋克风具有强烈的科技感和未来感，具有较强的视觉冲
8、击力与感染力，常用于新兴领域。插画风丰富多彩、充满趣味，应用领域和受众非常广泛。C4D具有独特的立体渲染效果，能够增加趣味性。（2）构图与布局合理的构图与布局能让消费者赏心悦目，凸显网店商品。老师讲解知识点学生认真听讲构图方式包括横向构图、竖向构图、三角形构图、疏密相间构图等。页面布局规则包括主次分明、中心突出；大小搭配、相互呼应；区域划分明确；保持一致性；合理使用页面元素。设计时需要根据网店整体氛围排列布局图像和文本。（3）色彩色彩在网店视觉设计中尤为重要，网点视觉设计与制作时老师讲解知识点学生认真听讲不能忽略色彩搭配问题。老师讲解知识学生认真做笔 需要理解色彩属性与色彩对比。 理解主色、辅
9、助色与点缀色的应用。遵循一定的比例与步骤使用色彩。（4）文字选择合适的文字搭配能够增强网店的视觉效果，直观传递商品信息，引导消费者完成商品的浏览与购买。根据页面特征可以选择书法体、宋体、黑体、艺术体等字体。文字布局时需要注意文字统一、字体的搭配与变化、文点老师讲解知识记字的层次布局，使画面更加美观。点学生听讲【课后作业】（5分钟）1 .本小节学习体会2 .下一堂课的预习布置作业完成作业六、课后教学反思（教师填写）任课教师专业日期年月日教学课题同步实训一一鉴赏网店首页的视觉设计课时2课时所选教材网店视觉设计与制作（全彩慕课版）教学班级一、教学目标1 .知识目标（1） 了解并分析网店首页；（2）熟
10、悉网店首页的配色、内容、布局等。2 .技能目标（1）能够分析网店的配色特点和作用；（2）能够分析板块的布局及其作用；（3）能够分析图片的构图方式。3 .职业素养（1）提升网店首页视觉设计的审美意识；（2）培养学习并分析案例的能力。二、教学方法和资源教学方法：实例分析、操作和演示；教学资源（媒体和平台）：一体化教室、淘宝网、笔记本、笔。三、教学重难点教学重点：打开网店首页查看视觉设计、鉴赏网店的首页；教学难点：鉴赏网店的首页。四、教学问题预测及方案问题预测：学生对网店首页视觉设计不熟悉，不知道以什么方式去鉴赏，难以掌握分析方法；解决方案：教师首先讲解鉴赏方法，然后安排学生自己鉴赏，并在教室巡视指
11、导。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】L教学导入（5分钟）老师讲解学生听讲介绍本次实训的目的和重要性。2.开展实训（60分钟）（1）分析网站整体配色老师提醒，展学生接收并学通过浏览器访问淘宝网，打开“美的空调旗舰店”首页。观示案例习分析方法察整体配色并分析所使用颜色的用途。（2）分析分类导航通过位置与颜色分析分类导航。（3）分析网店促销海报通过构图、颜色、字体分析网店促销海报的视觉设计。（4）分析其余8个板块通过布局分析其余板块
12、的视觉效果。老师讲解学生听讲（5）分析商品图片通过图片构图方式、色彩分析商品图片的效果和作用。（6）分析页尾通过颜色、展示内容分析页尾的作用。3.实训评价（15分钟）老师收取实训学生上交实训老师根据学生上交的作业，对学生的实训结果进行打分。成果并进行评作业并进行总价结【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题掌握基础技法课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解图片类型以及尺寸和格式要求；(2)熟悉调整图片色彩的方式；(3)掌握存储图片的方法。2 .技
13、能目标(1)能够按要求裁剪图片大小；(2)能够根据网店视觉设计与制作需要按照调色原则调色；(3)能够按照格式要求存储图片。3 .职业素养(1)挖掘学生对图片制作与调色的兴趣与潜力；(2)巩固学生的基础能力。二、教学方法与斐源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学资源(媒体和平台)：一体化教室、外网、PPT、photoshopo三、教学重难点教学重点：常见的图片类型及其尺寸、按照规定比例裁剪图片、图片调色原则、调整偏色图片、调整曝光不足的商品图片、替换商品图片颜色、切片优化储存；教学难点：常见的图片类型及其尺寸、图片调色原则、调整偏色图片、替换商品图片颜色。四、教学问题预测及方
14、案问题预测：学生缺少实际图片处理经验，无法上手操作；解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（5分钟）学习的知识介绍本节将要学习的内容点，并板书老2.提问引入（15分钟）是否了解过图片大小和格式？师提问学生回答是否动手调整过图片色调？老师发布任务3.本节内容介绍（60分钟）（1）调整图片大小网店视觉设计与制作相关的图片对尺寸有固定的要求，需
15、要按照尺寸要求来调整图片大小。不同的平台以及网店的不同模块的图片格式和尺寸要求不同，制作前需要提前了解。老师举例讲解学生认真听讲按照符合主图要求的长宽比例裁剪图片。知识点应用“图像大小”命令调整图片至合适大小。（2）调整图片色彩拍摄时容易因为各种客观原因无法展现商品真实颜色，就需要后期调整商品色彩。为图片调色时需遵循感情色彩调色、整体色调自然、色彩不失真调色原则，使图片满足网店视觉设计与制作需要。使用“色彩平衡”“色相/饱和度”“可选颜色”等命令调整偏色商品，使商品恢复本身颜色。使用“亮度/对比度”“曲线”“色阶”等命令来调整老师展示案例学生认真做笔图片亮度与曝光。记备使用“替换颜色”命令替换
16、不满意的颜色。（3）存储图片根据不同电商平台的要求，使用PhOtOShOP存储图片。常见的图片存储格式有RAW格式、JPEG格式、PNG格式等。选择“文件”/“存储”命令或按Ctrl+S组合键，可以直接存储文件。老师展示案例学生认真听讲直接制作的图片尺寸过大，无法直接上传并应用于电商做笔记平台，需要根据具体情况进行切片处理再使用。【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题掌握基础技法课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解图片类型以及尺寸和格式要求；
17、(2)熟悉调整图片色彩的方式；(3)掌握存储图片的方法。2 .技能目标(1)能够按要求裁剪图片大小；(2)能够根据网店视觉设计与制作需要按照调色原则调色；(3)能够按照格式要求存储图片。3 .职业素养(1)挖掘学生对图片制作与调色的兴趣与潜力；(2)巩固学生的基础能力。二、教学方法与斐源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学资源(媒体和平台)：一体化教室、外网、PPTphotoshopo三、教学重难点教学重点：常见的图片类型及其尺寸、按照规定比例裁剪图片、图片调色原则、调整偏色图片、调整曝光不足的商品图片、替换商品图片颜色、切片优化储存；教学难点：常见的图片类型及其尺寸、图片
18、调色原则、调整偏色图片、替换商品图片颜色。四、教学问题预测及方案问题预测：学生缺少实际图片处理经验，无法上手操作；解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（5分钟）学习的知识介绍本节将要学习的内容点，并板书老2.提问引入（15分钟）是否了解过图片大小和格式？师提问学生回答是否动手调整过图片色调？老师发布任务3.本节内容介绍（60分钟）（1）
19、调整图片大小网店视觉设计与制作相关的图片对尺寸有固定的要求，需要按照尺寸要求来调整图片大小。不同的平台以及网店的不同模块的图片格式和尺寸要求不同，制作前需要提前了解。老师举例讲解学生认真听讲按照符合主图要求的长宽比例裁剪图片。知识点应用“图像大小”命令调整图片至合适大小。（2）调整图片色彩拍摄时容易因为各种客观原因无法展现商品真实颜色，就需要后期调整商品色彩。为图片调色时需遵循感情色彩调色、整体色调自然、色彩不失真调色原则，使图片满足网店视觉设计与制作需要。使用“色彩平衡”“色相/饱和度”“可选颜色”等命令调整偏色商品，使商品恢复本身颜色。使用“亮度/对比度”“曲线”“色阶”等命令来调整老师展
20、示案例学生认真做笔图片亮度与曝光。记备使用“替换颜色”命令替换不满意的颜色。（3）存储图片根据不同电商平台的要求，使用PhOtOShOP存储图片。常见的图片存储格式有RAW格式、JPEG格式、PNG格式等。选择“文件”/“存储”命令或按Ctrl+S组合键，可以直接存储文件。老师展示案例学生认真听讲直接制作的图片尺寸过大，无法直接上传并应用于电商做笔记平台，需要根据具体情况进行切片处理再使用。【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题同步实训创作新品宣传Banner课时2课时所选教材网店视觉设计与制作(全彩
21、慕课版)教学班级一、教学目标1.知识目标(1)掌握Banner的使用场景；(2)掌握Baaner的制作流程。2,技能目标(1)能够使用“魔棒工具”完成抠图；(2)能够使用“污点修复画笔工具”修复污渍；(3)能够按照需求的格式保存制作好的BamIer图片。3.职业素养(1)深入探索BamIer制作的相关技法；(2)提高对Banner的审美素养与鉴赏能力。二、教学方法和资源教学方法：实例分析、操作和演示；教学资源(媒体和平台)：一体化教室、PPT、Photoshop.笔记本、笔。三、教学重难点教学重点：扣取耳机素材、修复污渍、调整图片大小、按要求格式存储图片；教学难点：扣取耳机素材、修复污渍。四、
22、教学问题预测及方案问题预测：学生动手能力较弱，无法掌握具体操作方法；解决方案：教师首先讲解制作方法，然后安排学生实操，并在教室巡视指导。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）1 .课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；2 .安全教育考勤检查卫生清点学生人数问好卫生整理准备书本上交手机【教学实施】1.教学导入（5分钟）介绍本次实训的目的和重要性。2.开展实训（60分钟）老师讲解学生听讲（1）扣取耳机素材老师提醒，展学生接收并学打开耳机素材后，发现有纯白背景，无法直接使用，进行抠示制作案例习制作方法图处理。（2）修复污渍“污点修复画笔工具”修复耳机图像
23、上的瑕疵。（3）调整图片大小按照网站要求的Banner图片大小调整图片大小。（4）输入文字使用“横排文字工具”输入宣传文字。（5）按要求格式存储图片老师讲解学生听讲按【Ctrl+S】组合键存储图片为要求的格式。3.实训评价（15分钟）老师收取实训学生上交实训老师根据学生上交的作业，对学生的实训结果进行打分。成果并进行评作业并进行总价结【课后作业】（5分钟）1 .本小节学习体会2 .下一堂课的预习布置作业完成作业六、课后教学反思（教师填写）电子教案任课教师专业日期年月日教学课题认识主图与主图视频课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解主图和
24、主图视频的规范；(2)熟悉设计主图背景的方式；(3)掌握主图背景的设计要点。2 .技能目标(1)能够设置主图和主图视频的从尺寸和格式等；(2)能够把握主图设计的创意卖点；(3)能够掌握主图的使用场景。3 .职业素养(1)激发学生对设计主图的兴趣与创新精神；(2)培养对主图设计的洞察力。二、教学方法与斐源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学资源(媒体和平台)：一体化教室、PPT、淘宝网、京东、拼多多、速卖通。三、教学重难点教学重点：主图的规范、主图视频的规范、主图的设计要点、主图视频的设计要点；教学难点：主图的设计要点、主图视频的设计要点。四、教学问题预测及方案问题预测：比较
25、理论，学生不易了解；解决方案：准备主图和主图视频案例，启发学生理解，同时详细介绍优秀的设计案例，提升学习兴趣。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（5分钟）学习的知识介绍本节将要学习的内容。点，并板书老2.提问引入（15分钟）是否了解过主图的设计规范？师提问学生回答是否了解过主图视频的设计要点？老师发布任务3.本节内容介绍（60分钟）（1）了解主图和主图视频的规范主图和主图视频通常是商品详情页的第一屏
26、，是消费者第一时间看到的商品图像。主图一般有5张，搜索结果页面默认展示第一张主图图片，第五张主图必须为商品白底图，有大小、尺寸、格式、内容老师举例讲解学生认真听讲等要求；知识点主图视频主要以视频的形式补充展示商品，通常显示在商品页面的第一张主图之前，有大小、尺寸、时长、格式、内容等要求。（2）掌握主图和主图视频的设计要点老师展示案例学生认真做笔主图和主图视频是展示商品的第一扇窗，需要在短时间内记迅速吸引消费者的注意力。主图图片场景、商品清晰度、主图颜色、创意卖点、辅助展示等因素都是设计主图时需要注意的要点。老师展示案例学生认真听讲主图视频主要为了使消费者快速了解商品。应该结合消做笔记费者对商品
27、的实际需求，以展示商品或商品的设计理念为主。【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题设计与制作主图课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解设计主图背景的步骤；(2)熟悉抠取商品图片的方式；(3)掌握为主图添加文字的方法。2 .技能目标(1)能够按要求设计主图图片；(2)能够使用“魔棒工具”抠取图片；(3)能够绘制圆角矩形并设置颜色、渐变样式等属性。3 .职业素养(1)挖掘学生使用多种设计表现方式的能力；(2)提升学生动手操作的兴趣。二、教学方法与斐
28、源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学资源(媒体和平台)：一体化教室、外网、PPTphotoshopo三、教学重难点教学重点：设计主图背景、抠取商品图像、绘制标签并添加文字；教学难点：设计主图背景、抠取商品图像。四、教学问题预测及方案问题预测：学生缺少实际图片制作经验，无法上手操作；解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导
29、入（5分钟）学习的知识介绍本节将要学习的内容点，并板书老2.提问引入（15分钟）是否设计过主图背景？师提问学生回答是否动手抠取过商品图像？老师发布任务3.本节内容介绍（60分钟）（1）设计主图背景玉米主图需要展现玉米的特点、价格和优惠活动。主图背景老师讲解知识学生认真听讲需要突显玉米并使得配色和谐，可选择玉米绿叶颜色相近的绿点并操作色设计主图背景中的渐变色块，再添加黄色点缀。（2）抠取商品图像玉米图片带有原始背景，需要先取抠玉米图像。（3）绘制标签并添加文字玉米主图中的文字主要有标题、宣传语、价格、促销信息等。老师展示案例学生认真听讲为区分信息可先绘制装饰标签再添加文字。做笔记【课后作业】（5
30、分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题设计与制作主图视频课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解设计主图视频的步骤；(2)熟悉剪映专业版的操作界面；(3)掌握使用剪映专业版基本功能的方法。2 .技能目标(1)能够按设计要求设计主图视频；(2)能够将主图视频素材导入剪映专业版；(3)能够使用剪映专业版分割视频素材。3 .职业素养(1)提升动手操作能力；(2)积极了解新兴的设计工具，开阔眼界。二、教学方法与斐源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学
31、资源(媒体和平台)：一体化教室、PPT、剪映专业版。三、教学重难点教学重点：了解剪映专业版、导入主图视频素材、剪辑主图视频素材、添加视频转场和特效、添加文字和背景音乐、制作视频封面并导出视频；教学难点：剪辑主图视频素材、添加视频转场和特效、添加文字和背景音乐。四、教学问题预测及方案问题预测：学生缺少实际图片制作经验，无法上手操作；解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。五、教学结构流程设计教学过程教师活动学生活动【课前准备】(5分钟)考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】
32、老师介绍本节学生接收L教学导入(5分钟)学习的知识介绍本节将要学习的内容。点，并板书老2.提问引入(15分钟)是否接触过剪辑软件？师提问学生回答是否了解过剪映专业版？老师发布任务3.本节内容介绍(60分钟)(1)讲解剪映专业版工作界面剪映具有全面的剪辑功能，能够满足大部分视频剪辑新手老师讲解知识学生认真听讲的需求，剪映专业版工作界面包括素材选项卡组、“播放器”面点并操作板、功能选项卡组、“时间轴”面板。(2)导入主图视频素材在剪映专业版中新建草稿，确定玉米主图视频的尺寸规范，老师讲解知识学生认真听讲然后导入需要的主图视频素材。点并操作(3)剪辑主图视频素材在“时间轴”面板中按照时间顺序剪辑主图
33、视频素材，并按照需要调整素材。老师讲解知识学生认真听讲(4)添加视频转场和特效点并操作在不同的视频场景之间添加转场和特效。(5)添加文字和背景音乐在主图视频中添加说明文字，添加舒缓、自然的背景音乐。老师展示案例学生认真听讲(6)制作视频封面并导出视频做笔记以“布农玉米”为主题制作视频封面，完成视频后导出。【课后作业】(5分钟)1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思(教师填写)任课教师专业日期年月日教学课题同步实训一一制作家电主图和主图视频课时2课时所选教材网店视觉设计与制作（全彩慕课版）教学班级一、教学目标1 .知识目标（1） 了解家电主图的使用场景；（2） 了解
34、家电主图视频的制作流程。2 .技能目标（1）能够使用PhOtoShOP新建主图文件；（2）能够使用“画笔工具”绘制主图背景；（3）能够使用剪映专业版调整视频的播放速度。3 .职业素养（1）制作符合商业要求、平台要求、法律规范的主图；（2）提升学习制作主图视频的学习兴趣。二、教学方法和资源教学方法：实例分析、操作和演示；教学资源（媒体和平台）：一体化教室、PPT、Photoshop,剪映专业版。三、教学重难点教学重点：填充背景、绘制图形、添加图层样式、调整视频播放速度、为视频添加贴纸；教学难点：添加图层样式、调整视频播放速度、为视频添加贴纸.四、教学问题预测及方案问题预测：学生动手能力较弱，无法
35、掌握具体操作方法；解决方案：教师首先讲解制作方法，然后安排学生实践操作。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】L教学导入（5分钟）老师讲解学生听讲介绍本次实训的目的和重要性。2.开展实训（60分钟）（1）新建图片文件老师提醒，展学生接收并学启动Photoshop,按照主图大小、分辨率要求新建“电热示制作案例习方法锅主图”文件。（2）制作背景填充背景为渐变紫色，使用形状工具组和“画笔工具”绘制背景所需图形。（3）调整素材置入”电热锅.
36、tif素材，适当增加素材饱和度，并为白色矩形添加需要的图层样式。老师讲解学生听讲（4）输入文字使用“横排文字工具”输入文字，适当调整文字大小和位置。（5）为文字添加图层样式并保存文件为文字添加需要的图层样式，并按【Ctrl+S】组合键存储图片为要求的格式。（6）创建视频草稿启动剪映专业版，按需求新建草稿。（7）导入视频素材导入电热锅视频素材，适当调整视频的播放速度。（8）导出电热锅主图视频为视频添加文字、贴纸和背景音乐，导出电热锅主图视频。老师收取实训学生上交实训3.实训评价（15分钟）成果并进行评作业并进行总老师根据学生上交的作业，对学生的实训结果进行打分。价结【课后作业】（5分钟）1.本小
37、节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题认识商品详情页课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解商品详情页的概念；(2)熟悉商品详情页包含的内容；(3)掌握焦点图的作用。2 .技能目标(1)能够区分商品详情页的内容；(2)能够应用商品详情页的设计思路；(3)能够收集并分析优秀的商品详情页设计。3 .职业素养(1)激发学生对商品详情页的设计兴趣；(2)培养分析问题的能力、鉴赏作品的能力。二、教学方法与斐源教学方法：讲授法、案例分析法、分组学习法、同步演练；教学资源(媒体和平台)：一
38、体化教室、PPT、淘宝网、京东、拼多多、速卖通。三、教学重难点教学重点：商品详情页的内容、提炼商品卖点、确定设计风格、准备设计素材、确定配色方案、选择合适的字体、制作商品详情页；教学难点：提炼商品卖点、确定设计风格、确定配色方案。四、教学问题预测及方案问题预测：比较理论，学生不易了解，无法上手操作；解决方案：准备商品详情页设计案例，启发学生理解，提升学习兴趣。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）1 .课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；2 .安全教育考勤检查卫生清点学生人数问好卫生整理准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（
39、5分钟）学习的知识介绍本节将要学习的内容。点，并板书老2.提问引入（15分钟）是否仔细阅读过商品详情页？师提问学生回答商品详情页包含哪些内容？老师发布任务3.本节内容介绍（60分钟）（1）明确商品详情页的内容老师讲解知识学生认真听讲商品详情页用于展示商品详细信息，主要介绍商品的外形、点尺寸、材质、颜色、功能、使用方法等内容。主要包括：焦点图、商品卖点及细节图、商品其他信息图、商品规格参数图、商品配送及售后图等。（2）梳理商品详情页的设计思路商品详情页的制作是一项系统且完整的工作，根据需要梳理出柑橘详情页的整体设计思路。提炼商品卖点：新鲜、美味营养、爽口多汁等。确定设计风格：与柑橘本身意境匹配的
40、、传递清新自然老师展示案例学生认真做笔之感的风格。记准备设计素材：商品的实拍图、从网络上下载的符合设计风格的背景素材、装饰素材和其他素材等。确定配色方案：主色可定为橙色，少量绿色点缀，白色作为部分文字的颜色来突显选择合适的字体：“思源黑体CN”“思源宋体CN”制作商品详情页：竖向版式，在PhOtoShOP中制作。老师展示案例学生听讲【课后作业】（5分钟）1.本小节学习体会布置作业完成作业2.下一堂课的预习六、课后教学反思（教师填写）任课教师专业日期年月日教学课题设计与制作商品焦点图课时2课时所选教材网店视觉设计与制作(全彩慕课版)教学班级一、教学目标1 .知识目标(1) 了解合成焦点背景图的步骤；(2)熟悉美化商品图像的方式；(3)掌握设计文字的方法。2 .技能目标(1)能够按要求合成焦点背景图；(2)能够使用“渐变工具”制作背景；(3)能够使用图层蒙版达到需要效果。3 .职业素养(1)提高商品焦点图的设计和应用能力；(2)培养对软件的熟练操作能力。二、教学方法与斐源教学方法：讲授法、案例分
