市场营销基础教学课件项目3 网店首页装修-任务2 促销模块制作电子课件 中职 电子教案 网店装修（第三版）.pptx

市场营销基础教学课件项目3 网店首页装修-任务2 促销模块制作电子课件 中职 高教版 网店装修（第三版）网店装修项目三 网店首页装修项目综述经过老师的精心指导，晓玲根据所销售女装的风格和店铺的主色调，为店铺设计 了静态店标和动态店标，美化了商品图片，抠选出商品，制作了主图。她还制订了促销 计划，制作了直通车等系列活动图。成功完成这些设计图后，晓玲信心倍增。网店首页是商品详情页的流量入口，是吸引访客并使其产生点击行为的关键。网 店首页不仅可以提高买家对店铺的好感度，还影响着店铺的成交量和转化率。晓玲接下 来要装修网店首页，网店首页设计绝不是单纯的商品信息罗列，还需要先了解设计的注 意事项。晓玲首先查阅书籍，学习店招的设计如何突显最新信息、导航条设计如何彰显 店铺个性、商品推荐设计要多角度突显商品信息等知识。她还浏览各店铺，认识到在店 铺首页的最上端显示的就是店招，接着是导航条。她主动向老师咨询如何设计导航条、首页海报、宝贝陈列展示区等。项目任务知识目标任务二促销模块制作了解海报的基本要素熟练制作首页海报情景设计店铺首页海报是卖家向买家展示自家店铺商品和形象的一种海报。一张好的店铺海 报能够让买家更清楚你的店铺卖的是什么，近期有什么促销活动，从某种意义上讲，能 够提高你的店铺浏览量，从而提高你的店铺销量。活动一活动二网店首页装修制制作作首首页页海海报报步骤1：新建文件，颜色模式为RGB颜色，分辨率为72像素/英寸，背景内容为白色，尺寸宽为1 920像素、高为965像素。步骤2：新建图层1，将图层1填充为蓝绿色（R：45，G：167，B：168）。步骤3：新建图层2，使用“矩形工具”在画布中间添加一个白色矩形（固定大小，宽度为1 370像素，高度为870像素）。步骤4：复制图层2，置入素材“练习素材/项目3/02.jpg”，将图片通过创建剪贴蒙版 嵌入到复制图层中的左侧，并调整图片大小，效果如图所示。首页海报制作活动一活动二网店首页装修制制作作首首页页海海报报步骤 5：新建图层，使用“矩形工具”绘制一个宽度 220 像素、高度 570 像素的矩形，填充为蓝绿色（R：28，G：116，B：117）。将此图层放置于图层 2 的下方，露出一半位置。步骤 6：新建图层，使用“矩形工具”，在模特图中绘制一个白色（R：255，G：255，B：255）边框，参数如图 3.2.3 所示，栅格化图层，使用“矩形选框工具”选择要删去部分线段，按“Delete”键删除，效果如图所示。首页海报制作活动一活动二网店首页装修制制作作首首页页海海报报步骤7：新建图层，使用“矩形工具”绘制一个宽度为160像素、高度为200像素的白色（R：255，G：255，B：255）矩形，复制图层，将复制后的白色（R：255，G：255，B：255）矩形并排放置在上一个白色（R：255，G：255，B：255）矩形的右边，之后再用同样的方 法复制图层，将第三个矩形对齐摆放在第一个矩形的下方。步骤8：置入“练习素材/项目3”中的素材“08.jpg”“09.jpg”“10.jpg”，通过创建剪贴 蒙版将这三张细节图嵌入到三个白色（R：255，G：255，B：255）矩形中，效果如图所示。首页海报制作活动一活动二网店首页装修制制作作首首页页海海报报步骤9：使用文字工具，将图中所示的文字输入到白色矩形空白处。步骤 10：新建图层，在画布的左边位置绘制一个宽度为 70 像素、高度为 170 像素的矩形，置入素材“练习素材/项目 3/07.jpg”，通过创建剪贴蒙版嵌入矩形框，并调整图 片大小，在海报的对应位置写上文字，最终效果如所示。首页海报制作网店首页装修综合案例案例名称：文创产品店铺装修制作首页海报。案例背景：首页海报往往能起到引导买家购买、引流促销的作用，一张好的首页海报能够给买家带来信任感，也能让买家更快地了解店铺的 主营商品。现在，黄巧团队需要根据“艺尚”文创店的风格制作一幅有 吸引力有营销效果的海报。实训目的：掌握店铺首页海报图的设计与制作。实训要求：结合促销信息，突显最新促销方案。分析商品的特点和卖点，结合商品本身的风格属性，突出商品，利用本书提供的 素材制作海报图，效果如图所示。活动二活动一网店首页装修制制作作首首页页海海报报步骤 1：新建文件，颜色模式为 RGB 颜色，分辨率为 72 像素/英寸，背景内容为白色，尺寸宽为 1 367 像素、高为 176 像素。步骤 2：新建图层，使用“矩形工具”在图层的左下方绘制一个宽度为 310 像素、高度为 145 像素的蓝绿色（R：45，G：167，B：168）矩形。步骤 3：新建图层，在蓝绿色矩形的上方绘制一个宽度为 280 像素、高度为 125 像素的矩形，并填充为浅蓝色（R：211，G：244，B：244），使用“圆形选框工具”选择矩形左右两边中间位置的半圆，按“Delete”键删除。新建图层命名为“投影”，使用“画 笔工具”，设置硬度为“0”、颜色为黑灰色（R：48，G：46，B：45）、透明度为 50%，在矩 形左右两边的线条处画上一些投影，将“投影”图层放置于矩形图层的下方，效果如图所示。制作优惠券活动二活动一网店首页装修制制作作首首页页海海报报步骤 4：新建图层，使用“横排文字工具”，将文字信息输入矩形框中，使用“直线工具”在“每满 300 减 30”的文字下方绘制一条灰色（R：110，G：108，B：108）虚线，效果如图所示。制作优惠券活动二活动一网店首页装修制制作作首首页页海海报报步骤 5：新建图层，使用“圆角矩形工具”，在“满 300 元可使用”文字下方绘制一个圆角矩形，填充渐变颜色，颜色由淡黄色（R：246，G：233，B：203）到淡黄色（R：255，G：247，B：233），添加图层样式，具体参数和效果如图所示。制作优惠券活动二活动一网店首页装修制制作作首首页页海海报报步骤6：新建图层，使用“横排文字工具”，将文字信息输入优惠券中，使用“圆角矩形工具”，设置填充为“无填充”，描边为白色（R：255，G：255，B：255），粗细为“1像素”，在相应文字周围绘制圆角矩形，效果如图所示。制作优惠券活动二活动一网店首页装修制制作作首首页页海海报报步骤 7：将上述所有图层合并为一个组，复制3次，将另外 3 张优惠券并列放置于空白处，更改优惠信息最终效果如图所示。制作优惠券网店首页装修综合案例案例名称：文创产品店铺装修制作优惠券。案例背景：在制作完店标、店招、首页海报后，店铺的促销信息如何能够更好地展示出来也是需要认真思考和设计的。黄巧团队选择制作一 组优惠券，来配合店铺的促销计划和具体的优惠措施。实训目的：掌握店铺优惠券的设计与制作。实训要求：符合首页的整体设计风格，内容完整，设计新颖。利用本书提供的素材，结合店铺的促销计划和具体的优惠措施，设计一组优惠券，券额合理，效果如图所示。谢谢