《网店视觉营销设计》教案全套 李永明 模块1-7 认识网店视觉营销设计岗位- 淘宝天猫网店视觉设计综合实训

《网店视觉营销设计》教案1-1教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称1.1了解视觉营销设计工作范畴使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）培养团队合作意识，感受中华民族五千年历史文化在视觉营销设计设计中的优美体现。教学重点视觉营销设计的定义、工作范畴教学难点视觉营销设计人员设计理念和美工素养更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：菲菲准备去应聘一家知名网站的美工岗位，为了增加应聘hotshop教学实施：一、任务解析二、知识准备（一）什么是视觉营销设计视觉营销设计是网店页面编辑美化工作者的主要工作内IT（二）视觉营销设计主要工作内容1.负责店铺的整体形象设计，包括风格设计、店铺展示、底部栏设计、主页设计等；2.是负责网店内产品装饰设计，包括产品摆放、产品图片处理、主图/首图设计、详情页设计等；3.负责活动和宣传所需的页面设计工作，包括海报设计、直通车/钻展图设计、活动时的店铺装修等；三、任务实施（一）整理中国网络购物市场的发展数据通过网络搜索，完成以下2022年度数据分析：1.网络零售品类TOP3和销售额占比；2.网络零售增速TOP3和上一年度对比增速数据；3.（5分析任务分析任务目标归纳理解概念树立正确的美工岗位职业观小结（二）调研视觉营销设计主要工作内容根据互联网上发布的视觉营销设计招聘要求，分别将自己20（10（三）整理视觉营销设计岗位分级和薪酬根据步骤二对视觉营销设计人员招聘信息的梳理，培训师四、任务拓展课堂小结：1、主要学习内容：视觉营销设计的定义，视觉营销设计的工作范畴2、任务完成情况：总体情况，存在的问题点评。搜索网络分析各层级差异整理数据回顾小结培养团队合作意识中国历史文化在视觉营销设计设计中优美体现《网店视觉营销设计》教案1-2教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称1.2了解视觉营销设计技能要求使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：视觉营销设计常用工具软件的基本操作和适用场景。能力目标：能根据视觉营销设计岗位技能需要，培养视觉营销设计人员工具软件应用能力和综合设计能力。思政目标：树立正确的视觉设计岗位职业技能价值观，正确认识视觉设计岗位常用工具软件国产替代的重要性，培养国产软件的正版化应用意识。教学重点视觉设计常用工具软件的基本操作和适用场景教学难点视觉设计人员工具软件应用能力和综合设计能力更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈理论一体化教学，无板书。理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：菲菲和团队伙伴，在培训师的带领下，已经了解视觉营销设计的岗位要求和职业上升路径。菲菲向培训师提问，要成为一名成功的视觉营销设计师，我需要学习哪些知识，Photoshop教学实施：一、任务解析Photoshop二、知识准备（一）视觉营销设计的技能要求（二）美工常用的工具软件PhotoshopDreamweaver分析任务分析任务目标归纳了解相关软件作用培养国产软件的正版化应用意识IllustratorCINEMA4D三、任务实施（一）认识Photoshop2020版工作界面仔细观察并记录2020版工作界面的构成。（二）使用Photoshop2020版练手制作网店促销标签1.新建文档，输入标题：促销标签，设置宽度：230分析各工作区作用树立正确美工岗位职业技能价值观色模式：RGB颜色，背景内容：透明。（三）分析推广图设计优点和创新推广图一般会呈现商品相关的信息，包括：商品价格、折扣、活动信息、销量、商品图片等，合理的设计会极大提升潜在买家的信息认知度。对提供的三张推广设计效果图进行分析并填表。四、任务拓展任选以下任一款风格促销标签，完成设计和制作。效果可以参考图。观察制作要点分析文字布局完成任务培养团队合作意识中国文字的优美体现小结课堂小结：12、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案2-1教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称2.1色彩搭配和商品调色使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解色相、明度和纯度等相关概念，认识色彩平衡工具、自然饱和度工具。能力目标：能利用图形图像处理软件，综合各种视觉元素，进行色彩搭配与商品调色。思政元素：中国传统节日主要有春节、元宵节、清明节、端午节、中秋节、重阳节等，传承的是中华民族优秀历史文化。教学重点运用Photoshop软件完成商品主图色彩选择及搭配。教学难点如何结合商品特点对产品色彩进行分析构思，提高转化率。更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程学生活动课程思导入理实一体教学任务导入：“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内主图的颜色搭配并优化商品颜色属性。通过这个重要的环节，获得巨大的流量，进而提高网店的销售额。教学实施：一、任务解析PSD2.1.1通过卖点文案部分的色彩搭配，突出店铺本次活动的2.1.2图2.1.1商品主图初始颜色图2..1.2设置颜色后的商品主图二、知识准备（一）了解色相1.定义：色相是色彩的相貌称谓，用以区别各种不同色彩的名称。2.作用：色相作为色彩重要特征之一，是人类区分各种不同色彩最准确的标准。3.4.互补色：在色相环中，通过中心点处于对角位置的两种分析任务分析任务目标归纳红色是中华民族最喜爱的颜色，成为中国人的文化图腾和精神皈依,代表着喜庆、热闹与色彩称为互补色，因为这两种色彩的性质差异最大，所以当它们在配色中并置时，各自的色彩特征会相互衬托得格外明显，因此补色配色是极为常见且具有代表性的配色方式。（二）了解明度1.定义：色彩的明度是指色彩的深浅程度，各种有色物体由于反射光量的不同而产生不同的明暗强弱。2.分类：色彩的明度分为两种情况：一是不同色相的不同明度。不同的色彩具有不同的明度，任何色彩都存在明暗变化。在彩色中，明度最高的是黄色，明度最低的是紫色。红、橙、蓝、绿的明度相近，为中间明度；二是相同色相的不同明度。在同一色相的明度中存在深浅的变化，如蓝色中由浅到深有粉蓝、淡蓝、天蓝等明度变化。（三）了解纯度1.定义：指色彩中所包含某色的饱和程度。它表示色彩的鲜艳程度。2.表现：色彩中有色部分的比例。比例越大含有色成分越3.纯反之想一想：想要突出商品应该改变商品和背景的什么属性？三、任务实施（一）调整背景颜色1.PS2020//2.1/2.fca54选择图层1，填充前景色；理解概念搜索网络确认工作内容分析各层级差异整理数据操作实践树立正确的美工岗位职业观培养团队合作意识3.3#fca54.2#fca5（二）调整其他颜色1.1#f831b2.128c33.181564.1#ff2b四、任务拓展“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内主图的颜色搭配并优化商品颜色属性。打开“任务拓展-自由填色主图.psd”(位置：教材资源/素材文件/中国历史文化在视觉营销设计设计中优美体现小结课堂小结：1、主要学习内容：色彩搭配和商品调色的基础知识，运用Photoshop软件完成商品主图色彩选择及搭配2、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案2-2教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称2.2字体运用和字体创意使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）思政元素：汉字是世界上最古老的文字之一，至少有六千多年的历史，中国汉字博大精深。教学重点利用图形图像处理软件，进行字体设计运用。教学难点根据商品属性特点合理选择字体进行设计，提升字体设计创意度。更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。名称字体特点名称字体特点适用场景宋体是印刷行业应用得最为广泛的一种字体。阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分，也适用于包括电视字幕在内的任何媒体。黑体稳重、抢眼显示清晰多用于标题制作，有强调的效果。另外，用清瘦型的黑体做电影、电视的字幕已被普遍接受。楷体清秀、柔美带书卷味是近、现代印刷品中追求书卷味的产物，多用于启蒙教材。在专业书籍中多用于主观文字当中，也可以用作字幕。仿宋权威、古朴印刷品中使用仿宋体体现权威，也常用于观点提示性阐述。圆体活泼、有趣商业常用这类字体最初出现在海外商业场合，也称线性。国内汉字版本的圆体字比较僵硬，缺乏一定美感，不适用电视字幕。综艺艺术、专业现代感强一种设计味较浓的字体，部分使用可表现一种艺术的时尚，过多则显矫揉造作。教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内商品促销图的字体。通过字体优化，让消费者对商品的品牌及属性等内涵产生共鸣。教学实施：一、任务解析PSD优化品banner图 优后商品banner图二、知识准备（一）字体的特点字体，是指文字的外在形式特征；即文字的风格、文字的外衣。日常设计工作中，常用风格字体的特点与适用情形如下：不同外形特征的字体内涵与范例：分析任务分析任务目标归纳搜索网络确认内容中国汉字博大精深，“汉字培养国产软件的正版化应用意识树立正确美工岗位职业技能价值观（二）字体的创意1.笔画代替法：在原有字体的基础上，设计师通过删除或增加字体的某一笔画，从而用其他形式代替或者做相应的衔接来完成字体的创意设计。细节添加法：是根据字体主题进行针对性的设计修饰，常常是在横竖撇捺的笔画端点处进行锚点添加或断笔画删减法：是设计师在保证字体识别度的前提下，对笔画进行减法留白处理，这种设计的前提就是确保分析各工作区作用观察制作要点分析文字布局培养团队合作意识中国文字的优美体现效果添加法：通过运用圆角、描边等一系列工具对原字体笔画进行一些外形上的变化。例如，圆角工具把笔画转折处变直为曲，描边工具使字体加粗或减细，倾斜符号拼接法：是通过拆解外文或标点符号独特的笔画装饰，再按照汉字的字形结构去组合。这种方法使用氛围装饰法：适用于各种节日，设计师在设计好的基础字型周围添加放射线、波点等几何形状，或花型，三、任务实施（一）调整标题文字格式1.PS.psd/2.2/)；2.使用文字工具点击标题，设置图层样式；3.，3#fbc84.使用选择工具，点击小标题，将小标题适当往上移。完成任务小结（二）调整价格活动栏文字格式9815“#0000四、任务拓展“爱尚乳饮”网店为了提高“双十二”销售额，决定制作独有的“双十二”卡通字，以便应用到网店促销商品图中。参考图示制作风格独特的卡通字体。课堂小结：12、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案2-3教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称2.3视觉构图和页面布局使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解视觉构图和页面布局的种类、对商品特点和排版的关系有初步了解。能力目标：能使用图形图像处理软件；能综合各种视觉元素进行设计；能优化构图和排版。教学重点利用图形图像处理软件，完成图片构图及内容排版。教学难点如何根据画面和商品信息的分析，提炼出合理的构图布局。更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内详情页图片的视觉构图和页面布局。通过重新构图，教学实施：一、任务解析PSD详页段图 优后详页段注意：店铺赠送优惠券，开展“满减”活动，主要目的是促销，吸引顾客下单。二、知识准备（一）视觉构图画面的构图是视觉艺术作品中最直接、最基本的表现形式之一。衡量画面中条线、形状的长度、宽度和角度，以及1.中心构图法；2.水平线构图法；3.垂直线构图法；4.三分构图法；5.对称构图法；6.引导线构图法；7.框架构图法；8.重复构图法（二）页面布局1.卡片式2.分屏式3.大标题式4.个性化推荐5.网格式6.F型7.导航标签8.内容轮播分析任务分析任务目标归纳了解相关构图知识促销活动要符合社会主义核心价值观中“诚信”原则，不搞虚假宣传，促进社会文明、和谐发展。培养国产软件的正版化应用意识三、任务实施（一）调整标题文字格式打开“详情页优化排版.psd”(位置：教材资源/素材文件/2.3/四、任务拓展根据提供的草本精华面膜素材（位置：教材资源/素材文件/2./观察要点分析布局完成任务树立正确美工岗位职业技能价值观培养团队合作意识小结课堂小结：12、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案2-4教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称2.4商品抠图使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解魔棒，快速选择工具，选框工具等功能。能力目标：能利用图形图像处理软件，快速，准确，抠出商品。思政元素：背景复杂的商品抠图需要耐心和细心，需要精益求精的“工匠精神”。教学重点选择正确的工具进行商品抠图教学难点利用钢笔工具添加锚点，手动修改锚点位置等，获得自然无锯齿的商品抠图更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：“爱尚乳饮”网店为了提高“双十一”销售额，上架一款新商品，需要把拍摄的商品从白底图中抠出，便于店铺制作新品促销相关图片。教学实施：一、任务解析根据提供的商品白色背景图，如图所示，从中抠出商品，放置到透明背景的图中，商品完整，无锯齿无毛边。二、知识准备（一）魔棒工具1.定义：魔棒工具是Photoshop中提供的一种比较快捷的抠图工具。2.适用：对于一些背景比较单一、分界线比较明显的图像，通过魔棒工具可以很快速的将图像抠出。3.作用：可以知道点击区域的颜色，并自动获取附近区域相同的颜色，使它们处于选择状态。4.利用魔术棒工具抠图过程：（1）按住Ctrl+Oshiftalt（3）（Ctrl+hif+I（4）按住Ctrl+J将图层复制出来，完成抠图。（二）磁性套索工具1.定义：直接移动鼠标，在工具头处会出现自动跟踪的线，这条线总是走向颜色与颜色边界处，边界越明显磁力越强，将首尾连接后可完成选择。2.3.利用磁性套索工具抠图过程：（1L（2）利用磁性工具对想要抠出来的图片进行描线；（3）首尾相接形成封闭区域，完成选区，完成抠图。分析任务分析任务目标归纳相关工具作用与使用过程分析各工作区作用商品抠图要耐心和细心，需要精益求精的“工匠精神”培养国产软件的正版化应用意识树立正确美工岗位职业技能（三）多边形套索工具1.适用：用于框选多边形或棱角分明图像。2.利用多边形套索工具抠图过程：快捷键L）,（2）按住Ctrl+J将图层复制出来，完成抠图。（四）钢笔工具1.特点：利用钢笔工具进行抠图能做到高精度的描绘主体边缘。2.利用钢笔工具抠图过程：（1）Shift45三、任务实施1.PS.jpg”(位置：10 2.或快捷键ShiftCtr+I3.Ctrl+J抠图，效果如图2.4.2所示。观察要点完成任务完成任务价值观利用钢笔工具需要耐心和细心，要制作完善的店铺美工图，需要精益求精，彰显职业能力、职业品质的体现。小结四、任务拓展箱.jpg//2.4/课堂小结：1、主要学习内容：魔棒工具、快速选择工具、钢笔工具、选框等抠图工具的定义、特点与抠图过程。2、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案2-5教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称2.5文案撰写使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解商品文案的基本构成，对如何提炼关键词有深入的认识。能力目标：熟练掌握商品及活动关键词的提炼技能；熟练运用该技能对关键词进行创意整合，撰写出契合商品、突出卖点的优质文案。思政元素：文案撰写要符合中国特色社会主义的精神文明，彰显中国特色社会主义的显著特征和内在品质。教学重点了解不同类别的文案。教学难点如何根据商品及活动特点提炼相关文案。更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：“爱尚乳饮”网店为了提高“双十一”销售额，决定重新设计三款新品主图文案。根据提供的店铺商品主图PSD文件，优化主图文案。二、知识准备商品文案优化的主要关注点：1.2.3.为店铺创作核心品牌词。相信开设网店，一定有自己的想法和目标，可以方案创作的时候，多发挥自己的情感以及灵感，做到真诚动人。4.5.抓住用户心理。店铺的文案，都是为了能够让用户看到，并获得好的反馈，因此在文案创作的时候，也可以换位思考，写出用户喜欢和需要的内容，进而打动顾客。三、任务实施“爱尚乳饮”网店即将要销售豆奶、奶茶、苏打水三款商品(素/模块2.5/1.豆奶卖点文案参考：①每天一杯豆奶，美容养颜还不饿！②植物营养，好吸收！③浓郁豆奶,叫醒一天活力元气!2.奶茶卖点文案参考：①滴滴真滋味，浓浓奶茶香!②红茶配鲜奶,味你更精彩!③好喝的秘密全在鲜奶里面哦!3.苏打水卖点文案参考：①苏打水天生,养胃泉天成!分析任务分析任务目标归纳搜索网络确认内容观察要点分析布局商品文案撰写须体现中国特色社会主义的精神文中国特色社会主义的显著特征和内在品质。努力发挥社会主义核心价值观对精神文化产品创作传播的引领作用。树立正确美工岗位职业技能价值观小结③你是我的小苏打,甜蜜只为你绽放!四、任务拓展12.22.5.1.jpg”//2.5/图2.5.1课堂小结：1、主要学习内容：活动文案、商品文案等不同类别文案的特点与撰写；如何根据商品及活动特点提炼相关文案。2、任务完成情况：总体情况，存在的问题点评。完成任务回顾小结培养团队合作意识《网店视觉营销设计》教案3-1教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 星 授课章节名 称3.1分析网店首页设计使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解网店首页制作规范和网店首页类型。能力目标：能根据活动主题，产品定位等元素进行网店首页内容有序安排，设计具有视觉营销氛围的网店首页。思政目标：培养诚信经营，杜绝虚假宣传行为的观念。教学重点网店首页制作规范教学难点网店首页布局更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。教学过程教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：爱尚服饰是一家主营各类女装、男装、女鞋、男鞋等的综合性服饰网店，准备在淘宝网开设第一家线上网店，网店注册成功后，正好搭上了春夏新品上新的一波潮流，教学实施：一、任务解析爱尚服饰网店首页设计，第一步要跟网店营销人员充分沟通，根据网店产品，营销活动等确定网店的整体设计风格，把握网店主题定位，其次是确定网店首页的具体内容，最后根据网店内容来确定网店首页的最终设计方案，完成整体布局。二、知识准备（一）了解网店首页店招焦点图优惠券商品分类商品促销陈列区。分析任务分析任务目标观察了解网店首页内容（二）网店首页主要内容一个网店首页的装修好坏会直接影响网店的流量。布局合理，具有吸引力的网店首页会无形中增加消费者的访1.店招。店招位于网店首页的顶端位置，用于传递网LOGO2.店标。店标代表着特定的形象，是品牌传递过程中应用最广泛、出现频率最高的元素，是区别于其他网店的重要标志。店标一般位于店招内。3.首页焦点轮播图。通常位于店招下面，是网店的横幅广告，一般用于宣传网店的热销产品，网店活动信息等内容，在版面设计上要足够吸引买家的视线。通常由两张及两张以上的横幅海报组成。4.优惠券。是商家为了促成销售而设置的优惠活动，对于网店来说可以提高网店购买率，刺激买家下单，提升客单价。5.商品分类。一个优秀的商品分类设计不仅可以让买家更加方便快捷的找到自己所需要的商品，还具备了很好的商品推荐作用，同时也能方便网店商品的分类管理。6.商品促销展示图。相当于网店的橱窗，在首页中主要用来展示网店爆款产品，热销产品，最新单品等商品信息，让顾客很快就能找到卖家最想推荐的产品，提高下单率。（三）网店首页类型1.品牌型网店首页2.营销型网店首页（四）网店首页设计原则1.网店首页装修要符合网店的形象，有自己的品牌特色或产品特色；2.网店首页装修要选择合适的色彩色调，注重整体页面风格和谐搭配；3.网店首页装修要突出重点，比如促销、新品、折扣等内容，要能在短时间内抓住客户眼球，以快速精准的方式将重要信息直接传达给顾客；分析归纳培养审诚信经营，杜绝虚假宣传行为。功能模块内容要求结论活动主题功能模块内容要求结论活动主题主题内容是什么？文案的主次顺序是这样的？活动的起止时间是什么？需要重点展示的元素是什么？主推产品主推产品有哪些？它们分别有什么样的定位？主推产品的核心卖点是什么？价格和折扣分别是什么？推荐的主次顺序是什么？优惠方案有什么样的优惠信息？具体优惠方案是什么？产品分类网店产品共有哪几个类别？产品是否有主次之分？产品的展现方式是什么样的？首页内容页面从上到下的顺序是怎么样的？4.网店首页导航清晰，要让顾客随时能找到自己所需要的产品；5.页面长度最好不要超过三屏，太长的页面容易让人失去耐性。三、任务实施（一）确定网店的整体装修风格1.根据“春夏上新”的活动主题，收集图片等装饰元素，确定视觉色彩为绿色。2.确定网店首页类型。（二）确定网店首页设计方案1.确定网店首页具体内容。2.确定网店首页设计方案。店招归纳记录小结首页焦点轮播图（一张营销活动图，一张新品推荐图）回顾小结优惠区商品分类商品促销展示区四、任务拓展618课堂小结：1、主要学习内容：网店首页类型，网店首页内容，首页设计原则2、任务完成情况：总体情况，存在的问题点评。《网店视觉营销设计》教案3-2教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称3.2设计与制作店标使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）能力目标：能利用图形图像处理软件，综合各种视觉元素，设计出具有美感和创意的网店店标思政目标：树立品牌意识，建设品牌强国。教学重点设计并制作具有符合网店形象的店标教学难点设计并制作具有符合网店形象的店标更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：爱尚服饰准备通过打造网上网店拓宽销售渠道，装修网店第一步就是要设计一款具有市场传播度的店标，要求店标样式图文结合，图案简洁明了，色彩明快，能针对目标市场人群，让人过目难忘，同兼顾时尚感，颜色要跟网店的经营商品或宝贝特征保持风格一致。教学实施：一、任务解析一个好的店标让人印象深刻，爱尚服饰店标主打明快的颜色和简洁的设计，通过运用椭圆工具，矩形工具，钢笔工具和矩形选框工具，完成的网店店标效果如图所示。二、知识准备（一）了解店标店标按照外观类型分可以分为：分析任务分析任务目标了解店标类型搜索网络确认内容树立品牌意识，建设品牌培养团队合作意识图文结合型。这种LOGO设计通常由文字和图形共同组成，既能有直接的语言信息传播功能，又有直观的视觉形象，相互补充，相互成就，收到了广大商家的青睐，使用（二）店标包含的内容店标是网店对外宣传和推广的主要元素，设计制作店标可以包含的内容主要包括：1.品牌标志或网店名称。店标可以是本身经营的品牌标志组成，可以是网店的名称组成，也可以是网店标志和网店名称两者组合而成。2.经营范围。店标的图形能反映网店所经营的商品，让顾客一目了然。3.04.网店网址。出现在店标中的网址会强化人们对网店网址的记忆。三、任务实施（一）制作店标图案仔细观察并记录2020版工作界面的构成。（二）制作店标文字“Algerian”观察制作要点分析布局认真严谨的工作态度小结四、任务拓展设计并制作蝶衣舍女装网店店标，尺寸100*100像素。效果参考下图课堂小结：1、主要学习内容：店标的分类，内容，店标的2、任务完成情况：总体情况，存在的问题点评。完成任务回顾小结《网店视觉营销设计》教案3-3教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称3.3设计与制作店招和导航条使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解圆角矩形工具，自定形状工具，图层样式，文字工具的使用，知道店招和导航条的作用，店招的内容布局。能力目标：能利用图形图像处理软件，选择合适的工具，设计并实现网店店招和导航条制作。思政目标：通过对中华老字号、金字招牌的内涵讲诉，了解它们具有鲜明的中华民族文化背景和深厚的文化底蕴，是数百年商业和手工业竞争中留下的民族瑰宝，增强学生文化自信和民族自豪感，激发学生爱国热情。教学重点设计并制作店招和导航条教学难点制作具有视觉营销元素的店招更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：网店店招就像是实体店的店面招牌一样，网络消费者进入网店后第一眼看到的通常是位于页面顶端的店招和导航条，设计独特，符合店铺整体风格和特色的店招会让消费者印象深刻，店招是消费者了解店铺名称，店铺产品和优惠活动的第一个途径，而导航条也起到了重要的引导作用，爱尚服饰准备打造全新的网店营销渠道，作为品牌展示的窗口，首页第一个需要设计的区域就是店招，它通常如何设计一个有吸引力和辨识度的店招是网店装修中非常教学实施：二、知识准备（一）了解店招和导航条店招位于网店首页的顶端，其作用相当于实体店铺的招牌，在网店正常运营中具有以下作用：1.店招是店铺首页的第一个展示位置，是买家掌握店铺信息的首要来源，属于黄金展示区域，在第一时间吸引买家，引起买家的购买欲望。2.店招可以最大化展示区别于其他同类店铺的商品优势，促销优势和服务优势。3.店招上关键信息的展示不但节约了买家了解店铺的时间成本，也节约了店铺向买家介绍自己的时间成本和精力。（二）店招和导航条包含的内容分析任务分析任务目标了解店招和导航条增强学生文化自信和民族自豪感，激发学生爱国热情。1.品牌标志或店铺名称。搜索网络确认内容观察制作要点分析任务完成任务认真严谨的工作态度6.导航条。三、任务实施（一）制作店招背景（二）制作搜索框（三）制作收藏和关注按钮（四）制作导航条小结四、任务拓展设计并制作蝶衣舍女装店铺店招和导航条，尺寸大小为950像素*150像素。课堂小结：1、主要学习内容：店招导航条的作用、主要包含的内容2、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案3-4教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名称3.4设计与制作首页焦点轮播图使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解自定义形状工具，多边形工具，文字工具的使用。知道首页焦点轮播图的作用，分类和设计技巧能力目标：能利用图形图像处理软件，选择使用合适素材，熟练制作主题焦点轮播图。思政目标：根据活动主题挖掘传统节日独特的文化内涵，体现优秀的中华传统文化。教学重点制作主题焦点图教学难点制作主题焦点图更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。教学过程导入理实一体教学

《网店视觉营销设计》备课笔记主要教学内容及步骤(包括教学方法与教学手段)任务导入：爱尚服饰网店新开，正逢春夏商品上新，店内到了一批新T教学实施：一、任务解析本任务以春夏新品上新为主题设计营销活动，以多张焦点图轮播的形式在首页呈现。二、知识准备（一）了解首页焦点轮播图轮播图根据设计的内容可以分为活动预告、爆款推荐、新品上架等，不同的内容设计的重点也不同：1.活动预告焦点图。

学生活动分析任务分析任务目标了解焦点轮播图类型

课程思政设计优秀的中华传统文化。（二）首页焦点轮播图设计技巧1.色调统一。2.画面适当留白。3.突出主要信息。4.背景与产品呼应。三、任务实施（一）制作焦点图背景1.新建文档，渐变色填充观察记录观察制作要点培养团队合作意识认真严谨的工作态度5.插入人物素材（二）设计文案效果1.绘制“春夏新品速递“底纹效果2.选择矩形工具设计优惠活动（三）制作装饰元素1.输入文字分析布局完成任务小结2.绘制蓝色、白色装饰线条3.绘制四角星装饰四、任务拓展设计并制作第二张轮播图，人物-素材.jpg（位置：教//模块950*450课堂小结：1、主要学习内容：多边形工具的使用焦点轮播图的分类和作用。2、任务完成情况：总体情况，存在的问题点评。分析任务回顾小结《网店视觉营销设计》教案3-5教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 星 授课章节名 称3.5设计与制作网店优惠券使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解钢笔工具、剪贴蒙版，矩形工具、渐变工具的使用，知道优惠券的作用，种类和设计原则。能力目标：能使用图形图像软件制作具有营销导向的网店优惠券勇于创新、精益求精的精神,树立科技报国、强国兴邦的情怀。教学重点剪贴蒙版的使用，制作具有营销导向的网店优惠券教学难点制作具有营销导向的网店优惠券更新、补充、删节内容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：爱尚服饰网店正在进行春夏上新活动，为了吸引流量招揽顾客，从而增加网店宝贝成交量，活动期间，准备在网店首页发放满减优惠券，一方面是为了吸引新客户，另教学实施：一、任务解析爱尚服饰网店首页优惠券设计，首先根据网店整体风格，确定优惠券设计风格，网店装修主要围绕春夏特点，整体页面呈现偏清爽的蓝色调，优惠信息等用亮粉色突出显示，形成视觉对比，清晰明了的向顾客传达优惠信息。二、知识准备（一）了解优惠券常见的优惠券类型有：现金券、满减券、单品券、礼品券、折扣券、特价券、换购券（二）优惠券的作用分析任务分析任务目标了解优惠券类型质量意识、责任担当和质量强国理念培养学生树立质量意识，激发学生追求真理、勇于创新、精益求精的精神能够吸引买家和卖家使用如此广泛的优惠券，主要有哪些作用呢？1．吸引买家注意力。2．提高网店购买率。3．刺激下单，提升客单价。（三）优惠券设计原则优惠券主要包含的内容有：优惠标题、折扣金额、商品图片、公司LOGO、有效期等，自由组合内容可以设计成不同版式的优惠券，但是也要遵循一定的设计原则：1．优惠券页面设计应当与网店主题相符，跟网店的整体风格、网店特色相统一。GO56．电商平台中的优惠券有很多，如果设计没有创意，当用户没有购物需求时，甚至会忽略优惠券的存在，需要从视觉认知上做出创新。三、任务实施（一）设计满减优惠券1.新建文档，填充渐变色背景2.钢笔工具绘制路径，载入选区，剪贴蒙版删除多余部分3.设计满减优惠券促销信息（二）设计会员专属优惠券1.绘制圆角矩形并位移2.文案制作观察识记观察制作要点树立科技报国、强我国家的情怀认真严谨的工作态度小结3.“GO”按钮制作（三）页面其他元素1.其他文字设置字体为方正粗倩简体2.选择多边形工具绘制四角形四、任务拓展淘宝某泳衣品牌准备在夏天销售旺季来临之前，提前预热，在首页推出丰富多样的优惠活动，包括秒杀券、会员专享券、充值购物金再享折扣活动，为了进一步提高客单价，为其他配饰的产品引流，推出搭配套餐再优惠，具体设计参考。课堂小结：1、主要学习内容：剪贴蒙版的使用，优惠券的作用，种类和设计原则。2、任务完成情况：总体情况，存在的问题点评。分析布局完成任务回顾小结《网店视觉营销设计》教案3-6教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称3.6设计与制作商品分类图使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解钢笔工具，形状工具，剪贴蒙版，文字工具，描边效果，图层组的使用，知道商品分类的作用和设计原则能力目标：能利用图形图像软件综合各种视觉元素制作清晰明了，具有本店特色的个性化商品分类。教学重点商品分类的作用，设计原则，制作特色的个性化商品分类教学难点制作特色的个性化商品分类更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：爱尚服饰是一家主营各类女装、男装、女鞋、男鞋等的综合性服饰网店，商品类目较多。如果将相同类型的宝贝进行归类，放置到同一个类目中，这样会让查找变得方便轻松，而宝贝分类就是为了让买家能更加快速方便的找到自己想要的商品，好的宝贝分类还可以起到引导推广的作用。爱尚服饰通过分析比较，准备在店铺首页设计符合店铺风格，能起到导航作用的的宝贝分类。教学实施：一、任务解析T恤和休闲裤，其中卫衣和T恤都是当季比较热卖的产品。女子系列大类中，分为四个小类别，分别是高跟鞋、外套、衬衫和裙裤，其中外套和衬衫是当季比较热销的产品。宝贝分类页面背景颜色采用淡蓝色，二、知识准备（一）了解店铺商品分类1.系统自带商品分类分析任务分析任务目标了解商品分类类培养团队合作意识（二）商品分类的作用1.提高消费者购物体验2.便于店铺管理3.提高搜索排名4.方便营销活动三、任务实施（一）页头文字设计1.新建文档，文字选择方正特粗光辉简体2.选择文字工具，输入“///”，设置字符间距为500，输入“>>>>>>>>”（二）分类导航背景设计1.2.BritannicBold”3.（三）分类导航设计1.绘制圆角矩形作为分类背景2.插入素材图片观察制作要点分析布局培养对从事工作和创造产品精雕细琢、精益求精的工作态度。小结HOT标签四、任务拓展为淘宝某女装网店在店铺首页设计的商品分类课堂小结：1、主要学习内容：商品分类的作用和设计原则2、任务完成情况：总体情况，存在的问题点评。完成任务回顾小结《网店视觉营销设计》教案3-7教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称3.7设计与制作商品促销展示图使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解圆角矩形工具，钢笔工具，图层样式，文字工具的使用，知道商品促销展示的作用能力目标：能利用图形图像软件，综合多种视觉元素，进行商品促销图片创意思政目标：注重细节，培养工作过程中耐心、细心的优秀品质教学重点商品促销展示的作用设计并制作商品促销展示图教学难点设计并制作商品促销展示图更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：爱尚服饰是一家主营各类女装、男装、女鞋、男鞋等的综合性服饰网店，为更好地推广本店商品，准备设计商品促销展示模块。展示模块根据产品特点，划分不同功能教学实施：一、任务解析爱尚服饰店铺商品促销展示区以新品热卖功能模块为例，在本区域放置了三款店铺比较热销的新品，不过多的堆砌产品，让买家在大面积的产品中迷失。商品和文案进行左右布局，将商品图片尽可能大的展示给买家，每一款产品版式固定，排列整齐划一，文案中主要展示商品的名称、卖点、价格等信息，重点突出，让顾客一目了然。二、知识准备（一）了解商品促销展示好的商品促销展示要做到以下几个方面:1.产品页面整洁，数量合理。2.爆款突出展示。分析任务分析任务目标了解商品促销展示注重细节，培养工作过程中耐心细心的优秀品质3.布局整体统一。4.每个促销展示模块之间要有清晰的界限。三、任务实施（一）制作页头文字效果（二）商品促销展示区商品陈列设计1.新建“牛仔外套”组,绘制白色矩形作为分类背景2.输入商品文案3.绘制价格黄色底纹四、任务拓展观察制作要点析布局完成任务培养团队合作意识认真严谨的工作态度小结品，效果如图课堂小结：1、主要学习内容：店标的分类，内容，店标的2、任务完成情况：总体情况，存在的问题点评。回顾小结《网店视觉营销设计》教案4-1教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称4.1分析商品详情页设计使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：学习运用商品详情页的主体风格、色彩搭配、字体选用、文案内容、版块组成。能力目标：能利用图形图像处理软件，综合各种视觉元素，经过精心的图文搭配、文案构思，设计出定位准确、素材元素运用合理、具有美感和创意的商品详情页面。思政目标：随着世界经济一体化的发展，国外品牌大举进入国内市场，国产品牌崛起困难，消费者应树立民族品牌自信心，支持国产，为中国经济发展献力。教学重点商品详情页设计的排版布局、图文搭配、色彩运用教学难点商品详情页设计的完整性、规范性、标准性和创意性更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：教学实施：一、任务解析可以先学习同类目产品中销量较好产品的商品详情页设计，再做模仿，这样能有效得降低试错成本。根据提供的某款登山鞋商品详情页，分析商品详情页设计应包含的内容版块及考虑要素。二、知识准备（一）商品详情页的价值是提高转化率的入口，能激发顾客的消费欲望，树立信任（二）商品详情页的组成部分如下图所示，一般包含三大组成部分：1.分析任务分析任务目标概念理解支持国货、助力国朝崛起的爱国情怀2.商品辅图：主图后的其余四张图片。3.（三）商品详情页设计前的准备工作要足够了解以下内容：1.商品的目标客户：产品卖给谁及目标客户的所属地域、年龄、性别、职业属性等。2.商品的品牌标识：品牌定位是什么？是什么让其与竞争对手不同？3.商品的基本属性：商品具有哪些特点和卖点？这款商品适合怎样的页面风格？4.客户的购买心理：客户对商品的第一印象如何？商品质量如何？是否适合客户？实际情况与卖家介绍是否相符？（四）商品详情页的设计制作要点1.全面贯彻FBAE原则。商品的“F” 商品“A” 商品“B” 品“E”2.简洁明快，逻辑清晰。3.真实客观，角度全面。4.亲切贴近，便于理解。（如下图所示）图片分析归纳思考回答举例理解感受中华汉字的形体之美换位思考，理解客户的服务理念5.保持更新优化。三、任务实施以极步牌登山鞋为例，分析该商品详情页的设计思路。（一）根据目标人群和产品特征确认主体风格极步牌登山鞋的主要市场人群为一二线核心城市中热爱户外运动的年轻人，其核心竞争力是具备自然舒适的穿着体验，可轻松驰骋于各种户外场景，并参考学习网络上如下图的同类优质产品，可以将页面风格统一确定为户外风。（二）确认详情页的配色设计和字体类型根据店铺配色和文字选用要求，并结合产品属性，可以将详情页配色确定为黑灰色为主、白色为辅的搭配，并采用华康黑体和微软雅黑这样无装饰风格的字体。（三）进行商品图片和视频的全方位收集利用网络平台收集或自行拍摄产品各个角度的图片和视频，还要根据页面风格，收集相关的背景装饰图片以突出产品属性，如山地、草原、湖边、石头等户外场景图。（四）构思商品主图和辅图的布局设计通过分析目标客户的心理进行设计布局，商品主图可以选择正面整体图，并以文字清晰突出性能卖点和价格优惠。商品辅图可以选用侧面图、细节图等来体现属性信息。（五）构思宝贝详情页的框架设计根据详情页框架设计的基本规律和创意构思，并参考优质竞品的商品详情页，可以依次设计首屏海报、活动优惠、套餐搭配、细节卖点展示、商品信息展示、售后服务和实力展示等版块内容。网络搜索同类优质竞品观察常用字体特征思考选用图片特征学习迁移模仿切片操作练习小结（六）修正完善定稿并切片保存上传商品详情页的各部分制作完成后，美工团队应阅稿审阅、四、任务拓展某牛乳奶茶品牌积极利用淘宝线上平台进行营销推广，请利用提供的素材设计该产品商品详情页的主体风格、色彩搭配、字体选用、文案内容、版块组成等，可以用画笔在Photoshop课堂小结：12课后作业练习回顾小结《网店视觉营销设计》教案4-2教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称4.2设计与制作商品主图视频使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：理解商品主图对商品营销和推广的意义；掌握商品主图视频的设计制作要点。能力目标：能利用图形图像处理软件，综合运用Photoshop软件和剪映软件设计出吸引买家的商品主图视频。思政目标：淘宝和剪映软件等可以免费使用的素材有限，如随意进行商教学重点商品主图设计的设计制作规范教学难点主图视频制作中，Photoshop和剪映软件的有效结合运用更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：爱尚服饰网店美工人员初步拟定了商品详情页的主体风格、色彩搭配、字体选用、文案内容、版块组成的设计思路，明确了要点，首先需要制作的就是商品主图。教学实施：一、任务解析根据提供的素材，制作淘宝商品主图，添加契合产品的文案、创意设计的视频，突出该款产品的最大卖点，抓住客户眼球。最终制作完成的商品主图视频的封面如图所示。二、知识准备（一）商品主图的含义和作用含义：在淘宝或天猫的搜索框中输入产品关键词后，出现的每个店铺的商品图片就是商品主图。淘宝PC端品图 淘宝动商主图作用：①抓住眼球。让店铺的产品与竞品区分明显，既醒目又美观，吸引消费者的关注。②激发兴趣。以创意的配色或突出产品卖点的文字信息激发顾客浏览详情的兴趣。③促成点击。增加店铺的点击率，促成转化率的提高，有分析任务分析任务目标观看示例图片并做思考归纳思考举例分析效提升商品的销售额。（二）商品主图的尺寸要求淘宝和天猫的商品主图尺寸建议为长和宽比例是1:1的正3:4形。每张图片的大小不能超过3M，建议不超过500K。主700×700（三）商品主图的设计制作要点1.尺寸大小合理：如果图片太小会导致商品失真，如果图3品的相近色或对比色。如图1选择相近色的冷色调蓝色烘2的儿童玩具选择暖色调红色表达活泼快乐。 3.123。此外，选用的图片必须清晰，且能较好地反映商品的功能4.文案设计合理：①文案简洁有力，力求做出差异化的表达。②文案排版不应影响图片的整体美观，不遮挡主商品，要以文案辅助产品。③文案的字体、颜色和大小，方便用户理解。颜色建议与产品主体颜色搭配，尽量不超过3种。网络搜索图片进行思考回答网络查阅总结归纳举例学习5.720P120Mmp4、movflvf4v。②视频时长必须小于一分钟，建议时长为30秒左右。③视频要突出产品少而精的核心卖点，同时可以进行模特展示、品牌文化介绍。④视频画质高清，无水印，镜头角度多，内容不抖动，不建议采用电子相册的形式。三、任务实施（一）制作主图背景效果①在Photoshop中新建相应规格参数的空白文件。②使用“圆角矩形工具”绘制填充黑色、无描边、参数如1③新建空白图层，添加炸裂脚印图案，并添加图层样式的观看视频总结归纳实践操作观察制作要点尊重知识产权，争做守法④绘制三个形状。（二）添加图片和文字②添加“爱尚服饰店标.psd”店铺logo，为配合商品主体风格，可以适当修改logo字体和配色。④添加其它文字，修改颜色、字体、加粗放大。（三）制作视频内容①在剪映软件左侧的“素材库”中选择开场视频，点击视频右下方“＋”添加到轨道，将比例调整为1:1。掌握各项参数含义学习熟悉操作技能细节调整小结②新建“花字”文本内容，修改文本字体，将视频时长调2③按照序号依次添加视频素材，使用轨道上方的裁剪工具将原视频裁剪至上下贴边。并导入步骤二中制作好的商品主图。④为每段视频添加较为时尚潮流的转场效果，并为最后一张主图添加“轻微放大”出场动画。微调相关参数。⑤为整段视频添加运动风格的背景音乐，设置淡入淡出，完成效果如图。800*800课堂小结：1、主要学习内容：商品细节点的提炼和设计制作规范。2、任务完成情况：总体情况，存在的问题点评。完成任务理解任务内容回顾小结《网店视觉营销设计》教案4-3教师姓名授课形式授课课时2教案编号授课班级授课日期 年 月 日 周 授课章节名 称4.3设计与制作商品辅图使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：理解商品辅图对商品营销和推广的作用；掌握商品辅图的设计和制作规范。能力目标：能利用图形图像处理软件，设计制作出色彩运用合理、商品角度全面、文案设计准确、排序严谨有效的商品辅图。思政目标：商品主图和辅图的设计需保持风格、配色、字体、内容等的一致性，它们相互配合，才能共同提高商品销量，正如人与人的相互协作，团结才有力量。教学重点辅图设计制作的要点规范教学难点辅图制作与主图制作的差异性设计和相似性保持更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思导入理实一体教学任务导入：爱尚服饰网店的美工人员制作完商品主图后，便要继续下一步工作任务，着手制作商品的一系列辅图，辅图有什么作用？又该如何制作呢？教学实施：一、任务解析根据提供的4张商品素材图，制作淘宝商品辅图，要求辅2二、知识准备（一）商品辅图的含义和作用含义：商品主图后的图片就是商品辅图。作用：①展示商品的侧面细节属性信息，在不同情况下的使用效果。②展现商品的应用场景图，让客户更有代入感。③展示商品的活动优惠信息，进一步争取客户下单。分析任务分析任务目标观看示例图片并做思考归纳思考 （二）商品主图和辅图的相同点及区别相同点：如尺寸大小要都相同、图文搭配都要合理、文案内容都要准确简洁有力、风格色调要都保持一致等。不同点：①主图一般展示商品的整体图，辅图则更多展示商品的细节图，如侧面、背面、细节放大图。②主图要列出商品最大的核心卖点，而辅图则是将产品的其它卖点依次做补充说明，让买家可以了解得更透彻，每一个卖点都可以成为一张辅图。（三）商品辅图的设计制作要点①每张辅图的主要内容有所区分，体现产品不同角度的特质，在和主图风格与形式的统一中寻求变化。②要突出主次，切忌将各种图片、文字、颜色随意结合，弱化商品存在。③第一张辅图的标品可以描述产品功能、核心卖点，非标品可以是场景展示、买家向往的画面。④第二张辅图的标品可以站在竞品的角度找不同点，或者⑤第三张辅图的标品可以展示服务保障、售后、鉴定证书等，非标品可以是买家秀、搭配等。⑥第五张辅图一般为无边框、无水印、补充商品其它卖点网络搜索思考比较树立集培养合抓住重点，分清主次，合的白底图。 设计较好的商品辅图设计欠佳的上辅图三、任务实施（一）制作第一张辅图①新建空白文件，新建空白图层，将该图层填充黑色，并叠加图案。2搜索网络确认内容强化细小结③在右上角添加店铺logo，加入抠图后的商品图片。④添加文字，根据参数修改文字格式和效果。⑤利用参考线，调整各图层的位置，保证用户视觉效果。（二）制作第二张辅图12“#576b#656f（三）制作第三张和第四张辅图在完成制作的前两张辅图基础上进行修改完善。四、任务拓展某美妆店铺新到一款水润保湿、洁净护肤的卸妆水，店铺美工决定为该款产品制作商品辅图，以清新的水蓝色为主色，突出商品卖点。请利用提供的素材设计该产品的两张辅图，要求尺寸为800*800像素，效果可以参考下图。 课堂小