《《网店美工与店铺装修》教案第1课认识网店美工与店铺装修.docx》由会员分享，可在线阅读，更多相关《《网店美工与店铺装修》教案第1课认识网店美工与店铺装修.docx（10页珍藏版）》请在课桌文档上搜索。
1、网店美工与店铺装修教案课时分配表章序课程内容课时备注1认识网店美工与店铺装修22熟悉店铺装修设计工具Photoshop63流量引导商品主图24精准转化商品详情页45视觉聚焦一店铺海报26不言而信店铺页头与页尾47锦上添花一辅助模块28相映成趣一商品短视频49PC端电子产品店铺装修610手机端电子产品店铺装修2236让空为次麦求来!课题认识网店美工与店铺装修课时2课时(90min)教学目标知识目标：(1)了解网店美工的能力要求与岗位职责(2)了解店铺装修的作用、基本原则和基本流程(3)掌握店铺的典型布局、配色技巧和常见的装修风格技能目标：(1)能够搜集并分析不同旺铺的布局、配色方案和装修风格(2
2、)能够独立搜索并了解网店美工的发展前景素质目标：(I)增强自主学习、探究学习的意识(2)通过旺铺装修赏析，提升观察事物的能力和审美能力(3)提高网络素养，学会利用网络搜集信息、整理信息(4)增强爱国意识，厚植家国情怀教学重难点教学重点：网店美工的能力要求与岗位职责，店铺装修的基本原则和基本流程教学难点：店铺的典型布局、配色技巧和常见的装修风格教学方法问答法、讨论法、讲授法、案例分析法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务,和学生负责人取得联系，让其提醒同学通过文旌课堂APP或其他学习软件，了解网店美工与店铺装修的相关知识【学生】完成课前任务
3、考勤【教师】使用文旌课堂APP进行签到【学生】按照老师要求签到新课预热【教师】自我介绍，与学生简单互动，介绍课程定位、内容安排、考核要求等随着电子商务的不断发展，网上购物已经成为人们常用的购物方式之一.对于消费者而言，在浏览网店时，合理的店铺布局、协调的色彩搭配、与商品属性相符的店铺风格等能为其提供良好的浏览体验，进而刺激其购买欲望，迅速达成交易。由此可见店铺装修至关重要。【学生】聆听、互动【教师】请学生谈谈对网店美工与店铺装修的理解和认识，鼓励学生畅所欲言【学生】聆听、思考、发言问题导入【教师】提出以下问题你留意过网店美工的招聘要求吗？网店美工的主要工作是什么？【学生】聆听、思考、回答传授新
4、知【教师】通过大家的发言，引入新的知识点，讲解网店美工与店铺装修的基础知识1.1 初识网店1.1.1 网店美工简介网店美工是随着电商企业的发展而兴起的职业，负责网店的整体布局规划，店铺首页、商品详情页等页面的设计、制作与展示，以及商品图片处理等工作。其工作能有效提升店铺和商品的美观度、观赏性，从而吸引消费者的关注，进而提高商品点击率和成交转化率。1.1.2 网店美工的能力要求与岗位职责1 .能力要求【师生互动】【教师】随机邀请学生回答问题：一名合格的网店美工需要具备哪些能力？【学生】聆听、思考、回答【教师】总结学生的回答一名合格的网店美工要具有艺术表现能力和适应消费者的能力。艺术表现能力体现在
5、两个方面：一是艺术功底，包括扎实的美术功底、对美好事物的鉴赏能力等；二是艺术创作的能力，能够熟练使用设计工具Photoshop.视频编辑软件Premiere等，将艺术性的想法具象化为实际作品。适应消费者的能力是指通过网店页面准确地向消费者传达商品的特点并挖掘消费者真实需求的能力。其具体表现为:通过图片、文字和色彩搭配等，表达出商品的独特性；从运营的角度去思考，提升商品点击率和成交转化率等。2 .岗位职责【师生互动】【教师】随机邀请学生回答问题：网店美工应承担哪些职责？【学生】聆听、思考、回答【教师】总结学生的回答(1)装修店铺.网店美工的职责就包括对网店页面的创意设阴口艺术美化，即店铺装修.(
6、2)美化商品图片。(3)设计促销活动页面。(4)处理网店页面图片的减色、切片与压缩。.(详见教材)【知识库】教师讲解“网店美工的成长之路”的相关内容通常，网店美工新手会对如何提高职业技能水平感到迷茫。为解答这一问题，下面分阶段讲述网店美工的成长之路。第一阶段：了解店铺布局规划及运营基础知识。第二阶段：学习并熟练使用美工常用软件，如Photoshop.Premiere等。第三阶段：赏析优秀店铺装修。第四阶段：拓展行业知识，提升视觉审美。.(详见教材)【学生】聆听、思考、记录1.2速识店铺装修简单来说，店铺装修就是对网店页面进行设计与美化，它是提高成交率的重要途径。1.2.1 店铺装修的作用【师生
7、互动】【教师】随机邀请学生回答问题：店铺装修有哪些作用？【学生】聆听、思考、回答【教师】总结学生的回答(1)激发消费欲望，提高成交率。科学合理的店铺装修可以让整个网店的视觉效果更好，让消费者在浏览过程中获得更舒适的视觉体验，从而产生消费欲望，进而提高店铺的成交率。(2)提升品牌形象。好的店铺装修能塑造店铺形象，让消费者借此识别品牌，从而加深消费者对品牌的印象。1.2.2 店铺装修的基本原则【师生互动】【教师】随机邀请学生回答问题：为了更好地展示商品以引起消费者关注，在店铺装修时应遵循哪些基本原则？【学生】聆听、思考、回答【教师】总结学生的回答(1)符合商品的属性及行业特送店铺装修前，一定要明确
8、商品的属性(如尺寸、大小、颜色、功能等)及行业特征，在此基础上选择店铺装修时所用的色彩、插图等。【教师】通过展示“五金制品店铺中的海报”的图片(详见教材)，讲解如何在店铺装修中突出商品属性及行业特征的特点(2)布局合理。店铺布局一定要主次分明，确保各模块之间搭配协调，以获得视觉舒适的页面效果.(3)色彩搭配协调。协调的色彩搭配能给人赏心悦目的感觉。通常,在店铺装修时，避免采用纯度过高的单一色彩，否则容易造成视觉疲劳；一旦确定主色，其他颜色的应用都必须与主色高度协调，以获得和谐统一的页面效果。【教师】展示“配色杂乱的店铺首页(局部)”“配色协调的店铺首页(局部)”的图片(详见教材)，让学生谈谈这
9、两个首页的视觉感受，让学生明白色彩搭配协调的重要性【学生】聆听、观察、思考、回答(4)商品分类明确。明确的商品分类能帮助消费者快速找到需要的商品，大大提升消费者的购物体验。在店铺装修中，应将商品按照种类或价位分成不同的类别，如按照种类将服装类店铺的商品分为上衣、裤子等类别，让；肖费者一看分类列表就知道目标商品所在。1.2.3 店铺装修的基本流程【教师】展示“店铺装修的基本流程”的图片(详见教材),讲解店铺装修的流程(1)店铺装修的前期准备。在装修店铺之前,需要做好充分的准备，首先是收集大量的素材，包括商品图片、短视脚口页面装饰素材等;然后是处理素材，包括美化商品图片、剪辑商品短视频等。【知识库
10、】教师讲解“商品图片和短视频的拍摄技巧”的相关内容准备并检查拍摄器材。(2)确定构图方式。(3)布置拍摄环境.(4)布光。(详见教材)【学生】聆听、思考、记录(2)店铺装修规划。店铺装修规划是从页面的布局、配色、风格等方面规划店铺。(3)店铺装修。店铺装修就是依据前面所做的规划，利用准备好的素材，对店铺中的商品主图、商品详情页等模块进行设计、制作与展示。通常,每个模块需先确定设计思路，包括色彩搭配、构图方式或布局方式等,然后用相应的软件制作出来，最后展示到店铺中。1.3店铺装修规划1.3.1 店铺布局【师生互动】【教师】随机邀请学生回答问题：店铺装修中最关键的是哪些页面？【学生】聆听、思考、回
11、答(1)店铺首页。店铺首页是店铺的门面，代表着店铺的形象,它的装修效果会影响消费者对店铺的第一印象.店铺首页TS由页头、页中和页尾3个部分组成【教师】展示“店铺首页”的图片(详见教材)，讲解首页的各个组成部分页头：是指店铺的最顶端，包括店铺招牌和导航。其中，店铺招牌包括店铺标志、品牌口号、促销信息等内容，起到展示店铺形象、信息的作用；导航通常包括商品类别和搜索框，便于消费者快速有找所需商品。页中：是指店铺首页的中间部分，包括店铺海报、优惠券、商品展示区等。其中，店铺海报用于展示店铺活动与促销信息，以吸引消费者注意，让消费者了解店铺动态；优惠券用于展示优惠信息，引导消费者在店内消费:商品展示区用
12、于展示店铺中出售的商品，便于消费者选购。页尾：是指店铺的底部，内容包括店铺声明、宣传语、品牌授权认证等，目的在于提高消费者对店铺的信任度。(2)商品详情页。【师生互动】【教师】随机邀请学生回答问Sg：商品详情页的作用是什么？其包括哪些信息？【学生】聆听、思考、回答【教师】总结学生的回答商品详情页以图片、文字、短视频的方式向消费者展示商品的规格、材质、颜色、产地、卖点等，让消费者全面了解商品，从而产生消费欲望。商品详情页一般由商品基础信息和商品描述信息两部分组成。【教师】展示“商品详情页(局部)”的图片(详见教材)，讲解详情页的各个组成部分商品基础信息：主要包括商品主图和商品属性信息。其中，商品
13、主图是以图片和短嫩的方式展示商品的首要外观属性;商品属性信息是以文字的方式描述商品的主要属性，让消费者对商品有一定的了解。商品描述信息：包括商品销售信息、商品信息描述等。其中，商品销售信息是以文字的方式向消费者传达商品的属性;商品信息描述是以图文结合的方式向消费者展示商品的材质、款式、卖点等，让消费者深入了解商品。【提示】通常，店铺首页的布局是可以改变的，而商品详情页的布局是不可以改变的。因此，用户仅可以对店铺首页进行布局规划。另外，商品信息描述区虽然是商品详情页的一部分，但多被称为商品详情页”。1.3.2 店铺配色方案1 .色彩基础知识(1)色彩分类色彩大致可以分为无彩色系与有彩色系两类。【
14、教师】展示“无彩色系中的黑白灰”“有彩色系中的黑白灰”图片(详见教材)，洪解无彩色系与有彩色系的相关知识梆色系：指金色、银色、黑色、白色及黑白两色按不同比例混合所得到的深浅各异的灰色系列.有彩色系：是指可见光谱中的红色、橙色、黄色、绿色、青色、蓝色、紫色7种基本色和它们之间的混合色,以及基本色与无彩色之间的混合色。(2)色彩三要素在有彩色系中,伊可一种颜色都具有色相、纯度、明度这3个基本属性，它们被称为色彩三要素.【教师】展示色相纯度明度”图片(详见教材)，讲解色彩三要素的相关知识色相：是指色彩的相貌，它是色彩的首要特征，用于区别不同的颜色，如红色、橙色、黄色、绿色、蓝色、紫色等。纯度：是指色
15、彩的纯净程度，也称饱和度、彩度或艳度。色彩纯度的高低取决于该色彩中主色和杂色的比例。主色比例越大，纯度越高，色彩越鲜艳；反之，纯度越低，色彩越暗淡.明度：是指色彩的明暗程度，也称亮度或深浅度。色彩的明度有两种情况,一是同一色相的不同明度，如在同一种颜色中加入不同比例的黑色后产生不同的明暗层次，二是各种色相之间的明度差别，如在同样的纯度下，黄色的明度最高，紫色的明度最低。【师生互动】【教师】随机邀请学生回答问题：色彩三要素之间存在着怎样的联系?【学生】聆听、思考、回答【教师】总结学生的回答有彩色的色相、纯度、明度这3个基本属性是不可分割的。只有色相而无纯度和明度的色彩是不存在的;反之，只有纯度和
16、明度而无色相的色彩也是不存在的。因此，在认识和应用色彩时，必须同时考虑这三要素。2 .色彩的视觉效应(1)红色系。红色易使人联想到太阳、节日、火焰、血液等，象征着喜悦、热情、自信、活泼、积极等，同时也容易令人产生恐惧、愤怒等心理感觉。以红色为主的画面视觉冲击力强，能瞬间吸引人们的目光。在我国，红色还是一种具有喜庆色彩的颜色，常用于节日促销海报及婚庆类等网店页面中。【师生互动】【教师】随机邀请学生回答问题：黄色系、绿色系和蓝色系分别会让你产生怎样的视觉效应?这些色系各适用于哪些网店页面？【学生】聆听、思考、回答【教师】总结学生的回答（2）黄色系。黄色是有彩色系中明度最高、最活跃的颜色，象征着活力
17、、轻快、开朗、辉煌、希望等（橙色是红色和黄色的中间色，其视觉效应与黄色相似）,常用于童装类、食品类等网店页面中。（3）绿色系。绿色象征着健康、自然、清新、安全，是所有色彩中最能让人放松的颜色，它对人的精神有镇静和恢复的作用，常用于化妆品类、药品类等网店页面中。（4）蓝色系。蓝色易让人5关想高远的天空、广阔的海洋、深邃的宇宙等，象征着静谧、深邃、理智、深沉现代等情色是蓝色和绿色的中间色，其视螂应与蓝色相似），常用于数码类、生活电器类等网店页面中。（5）紫色系。紫色是由温暖的红色和静谧的蓝色混合而成的颜色，其视觉效应比较复杂，明度不同，表现出的情感截然不同。（6）无彩色系.金色f口银色是最华丽的颜
18、色之一，恰当地使用这两种颜色有利于提升商品的品质与档次.白色象征着纯洁、神圣、干净、雅致，一些文艺、高雅的商品中，常使用白色作为画面主色，从而突显商品格调。黑色象征着深沉、庄重、严肃，属于百搭色，他颜色结合使用，能题出丰富多变的效果。在店铺装修配色中，无彩色系常用于数码类、高档饰品类等网店页面中。3 .色彩搭配技巧（1）色相对比的搭配。色相环上颜色间的距离决定了色相对比的强弱。距离愈近，对比愈弱:距离愈远,对比愈强，这就是色相对比的规律。【教师】展示“同类色与“同类色对比在女士挎包海报中的应用”的图片（详见教材），讲解同类色对比的应用同类色对比：色相环上相距】5。左右的色彩称为同类色。同类色对
19、比通常是同一色相中的不同纯度与不同明度的色彩对比，易产生柔和、协调的画面效果。【教师】展示“近似色与“近似色对比在化妆品海报中的应用”的图片（详见教材），讲解近似色对比的应用近似色对比：色相环上相距30。左右的色彩称为近似色。运用近似色对比的画面色调和请统一，具有雅致、柔和的特性。【教师】展示“邻近色与“邻近色对比在服装海报中的应用”的图片（详见教材），讲解邻近色对比的应用邻近色对比：色相环上相距60左右的色彩称为邻近色。邻近色对比拥有近似色对匕缈特性，又较近似色对比显得更加丰富、活泼。【教师】展示“对比色与“对比色对比在服装海报中的应用”的图片（详见教材），讲解对比色对比的应用对比色对比：色
20、相环上相距120。左右的色彩称为对比色。运用对比色对比的画面具有醒目、饱满、动感等视觉效果。但对比色在色相环上的跨度较大，容易使人产生视觉及精神上的疲劳感，因此适当改变对比色的纯度与明度，可为画面增添和谐之感。【教师】展示“互补色与“互补色对比在服装海报中的应用”的图片（详见教材），讲解互补色对比的应用互补色对比：色相环上相距80o的色彩称为互补色。互补色对比是色相对比中最强烈的色彩搭配,因此运用互补色对比的画面具有极强的视觉中击力.(2)冷暖对比的搭SL色彩的冷暖对比是指因色彩感觉的冷暖差异而形成的对比，色相是影响色彩冷暖的主要因素。【师生互动】【教师】随机邀请学生回答问题：请列举一些冷色与
21、暖色，并说说这些冷暖色带给人的视觉体验。【学生】聆听、思考、回答【教师】总结学生的回答，展示“冷暖色彩划分”图片(详见教材)，讲解冷暖对比的搭配从色彩心理学的角度来说，最冷的颜色是蓝色,最暖的颜色是橙色，蓝色与橙色是色彩冷暖的两个极端，同时也是一对互补色。如果在色相环上将冷暖的两极互相连线，就可以清地区分出冷暖两组色彩，即红色、橙色、黄色为暖色，蓝紫色、蓝色、蓝绿色为冷色。此外，绿色、紫色为中性色。对比性暖色调：是指画面中面积最大、作用最强的色彩属于暖色调，只辅以小面积的冷色调。对比性冷色调：是指画面中面积最大、作用最强的色彩属于冷色调，只辅以小面积的暖色调。【教师】展示“对比性令色调在母婴用
22、品海报中的应用”的图片(详见教材)，讲解对比性冷色调的应用中性色调：是指画面中面积最大、作用最强的色彩属于中性色，只辅以小面积的冷、暖色调。13.3店铺风格【师生互动】【教师】随机邀请学生回答问题：店铺装修中常见的风格有哪些？【学生】聆听、思考、回答(1)中国风中国风是在中国优秀传统文化的基础上设计出的页面效果，其中蕴含大量中国元素，尽可能地为消费者展现古风古韵。【师生互动】【教师】随机邀请学生回答问题：哪些网店的装修会较多使用中国风？【学生】聆听、思考、回答【教师】总结学生的回答这种风格在古玩、旗袍、中爆具、地方特产等类目的店铺中应用较多。(2)简约风【教师】展示“简约风在现代家具店铺首页中
23、的应用”的图片(详见教材)，随机邀请学生回答问题：图片中的店铺属于明的装修风格?这种风格具有什么特点？【学生】聆听、观察、思考、回答【教师】总结学生的回答这种风格的店铺页面排版简约，没有过于复杂的装懒暇计,在简单、舒适处体现出页面的精致,可以使消费者更加直观地从中获取信息。简约风可以应用到各个类目的店铺中，它直咨茜足消费者对页面简洁、易操作的需求。【教师】展示“科技风在家用电器店铺详情页中的应用“可爱风在母婴用品店铺首页中的应用“手绘风在食品店铺首页中的应用“小清新风在服装店铺首页中的应用”的图片(详见教材)，讲解这些风格的相关知识(3)科技风科技风在家用电器、电子产品、汽车用品等类目的店铺中
24、应用较多，这种风格常以无彩色系为主色调，从而表现出商品和店铺的高质感和时尚感。(4)可爱风可爱风在食品、儿童用品、母婴用品、家居用品等类目的店铺中应用较多，这种风格充满活力，同时给人无比甜蜜、无比幸福的感觉。(5)手绘风手绘一直是页面设计中流行的时尚元素。手绘风在食品、母婴用品、宠物用品、儿童用品等类目的店铺中应用较多，页面主要以手绘元素为主，为消费者带来浓浓的趣味。(6)小清新风小清新风在5艮装、化妆品、饰品等类目的店铺中应用较多，塑造了一种区另吁形式主义的另类页面潮流，为消费者展示了随性、舒服、自然的风格。1.4店铺装修赏析1.4.店铺装修赏析【课堂赏析】【教师】展示“鸿星尔克官方旗舰店首
25、页”的图片(详见教材)，让学生从店铺的布局、配色和风格等几个方面进行赏析，谈谈自己的看法【学生】聆听、观察、思考、回答【教师】总结学生的回答，对店铺装修进行赏析店铺布局：首页页头添加了店铺标志、促销信息等内容，帮助消费者识别品牌、了解主推商品;页中以主推单品海报为引导，搭配商品分类展示、优惠券模块，引导消费者在店内消费:页尾包括店铺声明、品牌授权认证等内容，用于提高消费者对品牌的信任度。另外，整个页面使用统一的设计和陈列风格，使得页面的整体性很强，给消费者和谐、柔和的感觉.店铺配色：店铺页面以浅蓝色为主色，呈现出清爽、洁净的视觉效果。店铺风格：店铺页面采用简约风，没有过多的装饰，给消费者简洁、
26、大气的感觉，同时方便消费者在页面中的观看和操作。【培根铸魂】2021年7月，河南省遭遇特大暴雨灾情。一方有难，八方支援，众多企业以捐款、捐物等多种形式驰援河南。运动服饰品牌鸿星尔克在自身举步维艰之时，低调捐赠5000万元物资。在这次事件中，中国人的家国情怀得到了充分的展现和诠释。【学生】聆听、思考、理解、记忆课堂实训【教师】组织学生分组，以小组为单位完成以下任务请参照如下提示搜集资料，了解网店美工的发展前景。(1)查找国家为扶持电子商务发展出台的政策、举办的会议(如中国电子商务大会),分析网店美工的发展前景。(2)借助一些网站的资讯、报告了解电子商务行业情况,如全国电子商务公共服务网(EtpsH),分析网店美工的发展前景。(3)阅读一些关于电子商务行业深度调研及前景预测的书籍，分析网店美工的发展前景。(4)调研网店美工相关岗位的薪资及涨幅情况，分析网店美工的发展前景。【学生】聆听、查找资料、分析、讨论、总结、派小组代表进行发言【教师】巡堂辅导、评价各组的发言课堂小结【教师】简要总结本节课的要点网店美工的能力要求与谢位职责，店铺装修的作用、基本原则和基本流程，店铺的布局、配色方案和风格【学生】总结回顾知识点作业布置【教师】布置课后作业在网站上查找一些具有代表性的店铺首页，分析其店铺装修。【学生】完成课后任务教学反思
