网店视觉设计与制作教学教案86.docx

《网店视觉设计与制作教学教案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三、教学重难点教学重点：常见的图片类型及其尺寸、按照规定比例裁剪图片、图片调色原则、调整偏色图片、调整曝光不足的商品图片、替换商品图片颜色、切片优化储存；教学难点：常见的图片类型及其尺寸、图片调色原则、调整偏色图片、替换商品图片颜色。四、教学问题预测及方案问题预测：学生缺少实际图片处理经验，无法上手操作；解决方案：安排上手实操，让学生实际进行图片基础操作，加深知识理解。五、教学结构流程设计教学过程教师活动学生活动【课前准备】（5分钟）考勤问好1.课前三件事：点名；检查卫生和物品摆放；检查学生精神状态；检查卫生卫生整理2.安全教育清点学生人数准备书本上交手机【教学实施】老师介绍本节学生接收L教学导入（5分钟）学习的知识介绍本节将要学习的内容点，并板书老2.提问引入（15分钟）