《网店视觉营销设计》教案 模块2 学习网店视觉营销设计基本技能

《网店视觉营销设计》教案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文案撰写使用教具网店运营推广实训室标准机房一个教学目标（含思政目标）知识目标：了解商品文案的基本构成，对如何提炼关键词有深入的认识。能力目标：熟练掌握商品及活动关键词的提炼技能；熟练运用该技能对关键词进行创意整合，撰写出契合商品、突出卖点的优质文案。思政元素：文案撰写要符合中国特色社会主义的精神文明，彰显中国特色社会主义的显著特征和内在品质。教学重点了解不同类别的文案。教学难点如何根据商品及活动特点提炼相关文案。更新、补充、删节内 容无课外作业补充练习教学后记工作任务的完成情况检查反馈授课主要内容或板书设计理论一体化教学，无板书。《网店视觉营销设计》备课笔记教学过程主要教学内容及步骤(包括教学方法与教学手段)学生活动课程思政设计导入理实一体教学任务导入：“爱尚乳饮”网