市场营销基础教学课件项目6 手机淘宝店铺首页装修-任务2 手机淘宝店铺首页装修电子课件 中职 电子教案 网店装修（第三版）.pptx

《市场营销基础教学课件项目6 手机淘宝店铺首页装修-任务2 手机淘宝店铺首页装修电子课件 中职 电子教案 网店装修（第三版）.pptx》由会员分享，可在线阅读，更多相关《市场营销基础教学课件项目6 手机淘宝店铺首页装修-任务2 手机淘宝店铺首页装修电子课件 中职 电子教案 网店装修（第三版）.pptx（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、市场营销基础教学课件项目6 手机淘宝店铺首页装修-任务2 手机淘宝店铺首页装修电子课件 中职 高教版 网店装修（第三版）网店装修项目六 手机端淘宝装修项目综述随着移动网络的发展和手机的普及，人们在生活中使用手机的频率越来越高，使用手机浏览并购买淘宝网店商品的人数也逐渐增加。国家统计局数据显示，2021 年，全国网上零售额达13.1 万亿元，同比增长14.1%，增速比上年加快3.2 个百分点，其中移动端占据绝大部分的交易。相信大家对淘宝手机端的消费力都有目共睹，手机上网购物已经成为当前的购物趋势。对于卖家来说，如果现在还没有做好手机端的设置和推广，那么就要被淘汰。因此，在对淘宝网店装修时，除了对

2、PC 端进行装修外，手机端也是不容忽视的一部分。在进行网店装修前，晓玲先学习手机端的基础知识。手机端和PC 端店铺的装修类似，卖家登录手机端淘宝后，可以随时随地在手机上完成店铺装修、商品管理、店铺运营和商品推广等操作。项目任务任务一任务二任务三手机手机端端淘淘宝店铺初宝店铺初识识手机手机淘宝淘宝店铺首页店铺首页装修装修制作制作手机手机端端详情页详情页制作制作知识目标任务二手机淘宝店铺首页装修制作店铺创意海报制作优惠券制作新品推荐模块制作爆款热卖模块制作精品推荐模块情景设计晓玲通过网络和书籍认识到手机淘宝铺的相关知识后，认识到手机淘宝店铺的装修更加重要。她决定通过网络和书籍深入学习手机端淘宝的装

3、修，通过手机端促成更多的交易。制作店铺创意海报活动一活动背景一个好的店铺海报能够让买家更容易了解你的店铺卖的是什么，从某种意义上讲能够提高你的店铺浏览量从而提高你的商品销量。制作店铺创意海报活动一活动实施步骤1：新建文件，颜色模式为RGB 颜色，分辨率为72 像素/英寸，背景内容为白色，宽为1 200 像素、高为1 530 像素。步骤2：置入素材“练习素材/项目6/02.jpg”。步骤3：新建图层1，使用“矩形工具”，绘制宽度为949 像素、高度为559 像素的矩形，填充为深绿色（R：53，G：155，B：158），描边白色（R：255，G：255，B：255），降低透明度为80%，放置在画布

4、中间制作店铺创意海报活动一活动实施4：添加英文“FASHION PRODUCT”，字体为Arial，文字“拾光新品”，字体为微软雅黑，字号为120 点，文字“最美的它装扮最美的你”，字体为微软雅黑，字号为56 点，字体颜色为白色（R：255，G：255，B：255）。完成后保存文件，制作店铺创意海报活动一制作店铺创意海报综合案例案例名称：文创产品店铺装修 制作首页海报。案例背景：首页海报往往能吸引买家的眼球，一张好的首页海报能让买家更快地了解店铺的主营商品。结合传统手艺，根据文创产品的内涵，黄巧团队需要根据“艺尚”文创店的风格设计一张有吸引力、有营销效果的海报。实训目的：掌握手机端首页海报的设

5、计与制作。实训要求：能够结合促销信息，凸显最新促销方案。能够发现商品的特点和卖点，突出文创产品内涵，结合本书提供的素材，设计店铺手机移动端的创意海报制作优惠券活动二活动背景晓玲从PC 端店铺的优惠券活动中，体验了它带来的流量效果，现在，她将根据PC端店铺的优惠券图，设计符合手机端尺寸的优惠券制作优惠券活动二活动实施步骤1：新建文件，颜色模式为RGB颜色，分辨率为72像素/英寸，背景内容为白色，宽为1 200像素，高为296像素。步骤2：使用“矩形工具”绘制一个宽度为306像素，高145像素的矩形，填充为蓝绿色（R：45，G：167，B：168）。步骤3：使用“矩形工具”绘制一个宽度为280 像

6、素，高度125 像素的矩形，填充为浅蓝色（R：211，G：244，B：244），使用“椭圆工具”，选择“减去顶层形状”，在矩形2 左侧绘制圆形，并使用“路径选择工具”，按住“Alt”键的同时拖拽复制圆形到矩形2 的右侧，然后为矩形2 添加“投影”样式制作优惠券活动二活动实施4：使用“横排文字工具”，将以下文字信息输入在浅色矩形框中，并使用“直线工具”在“每满300减30”的文字下方绘制一条灰色虚线步骤5：使用“圆角矩形工具”在“满300 元可使用”文字下方绘制一个圆角矩形，填充渐变颜色，由淡黄色（R：246，G：233，B：203）到淡黄色（R：255，G：247，B：233），添加图层样式步

7、骤6：使用“横排文字工具”，将以下文字信息输入在优惠券中，并使用“圆角矩形工具”，填充为“无填充”，描边为白色（R：255，B：255，B：255），粗细为1 像素，在相应文字周围绘制圆角矩形制作优惠券活动二活动实施步骤7：将上述所有图层合并为一个组，复制2 次，将另外两张优惠券并列放置于空白处。完成后保存文件制作优惠券综合案例案例名称：文创产品手机移动端店铺装修制作优惠券。案例背景：黄巧团队完成了手机端首页海报的制作，现在根据PC 端的优惠券内容，制作文创产品手机移动端店铺优惠券。实训目的：掌握手机移动端店铺优惠券的制作。实训要求：能够结合商品特点和首页的整体风格来设计，内容完整，设计新颖。

8、结合店铺的促销计划和具体的优惠措施，设计一组优惠券，券额合理，结合本书提供的素材，设计店铺手机移动端的优惠券制作新品推荐模块活动三活动背景晓玲了解到手机店铺的焦点图和PC 端海报图的设计类似，决定为手机端制作一张新品推荐图。手机屏幕比较小，在配色和排版方面，晓玲做了更多的了解制作新品推荐模块活动三活动实施步骤1：新建文件，颜色模式为RGB 颜色，分辨率为72 像素/英寸，背景内容为白色，宽为1 200 像素、高为1 804 像素。步骤2：使用“矩形工具”绘制矩形，填充为白色（R：255，G：255，B：255），描边土黄色（R：232，G：215，B：178），大小为8 像素，放置在画布的上部

9、分。步骤3：添加文字“学院风PREEPY LOOK”，字体为微软雅黑，字号为73 点，颜色为深绿色（R：6，G：76，B：77）；添加文字“一种衣服代表一种生活方式 如果说小黑裙代表优雅 那么卫衣便是代表洒脱 优雅和洒脱就像硬币的两面 并行不悖 缺一不可”字体为微软雅黑，字号为24 点，颜色为灰色（R：86，G：86，B：86），制作新品推荐模块活动三活动实施步骤4：使用“矩形工具”，填充为白色（R：255，G：255，B：255），无描边，绘制白色（R：255，G：255，B：255）矩形。步骤5：置入素材“练习素材/项目6/06.jpg”，将模特图放置矩形方框中，为模特图创建剪贴蒙版，调整

10、好图片大小以显示整个模特图步骤6：重复步骤4、5，绘制2 个矩形，分别拖进模特图，创建剪贴蒙版。步骤7：使用“矩形工具”，填充为深绿色（R：45，G：167，B：168），无描边，绘制矩形方框放置在图层2下方作为画面装饰。制作新品推荐模块活动三活动实施步骤8：在画布上方编辑文字“新品推荐”，字体为微软雅黑，字号为43 点；英文“NEWPRODUCT”，字体为Ari al，字号为30 点，并在英文下方添加矩形方框，填充为深绿色（R：6，G：76，B：77）步骤9：新建图层，使用“矩形工具”绘制浅黄色（R：226，G：214，B：189）、无描边的矩形方框，并添加英文“NEW ARRI VED”，

11、字体为Ari al，字号为67 点，填充为白色（R：255，G：255，B：255），放置在画布右下角。完成后保存文件制作新品推荐模块活动三活动实施制作新品推荐模块活动三活动实施制作新品推荐模块综合案例案例名称：文创产品手机端店铺装修制作新品展示模块。案例背景：黄巧团队完成手机移动端的店铺优惠券后，现在需要根据销售商品的文化内涵，创意设计手机端首页新品展示模块。实训目的：掌握手机移动端新品展示模块的制作。实训要求：新品展示模块要突出新品的特点以及细节。根据效果图设计文创产品新品展示模块制作爆款热卖模块活动四活动背景晓玲在装修手机店铺时想要更灵活地展示信息，摸索之后，发现可以利用自定义模块灵活地

12、呈现信息，更好地展示店铺活动和商品，因此晓玲根据PC 端的效果制作爆款热卖模块制作爆款热卖模块活动四活动实施步骤1：新建文件，颜色模式为RGB颜色，分辨率为72像素/英寸，背景内容为白色，宽为1 200像素、高为1 389像素。步骤2：新建图层，填充为浅绿色（R：100，G：192，B：193）。步骤3：在矩形上方添加文字“爆款热卖”，字体颜色为白色（R：255，G：255，B：255），字体为微软雅黑，字号为43点，文字两端对齐、添加英文“HOT PRODUCT”，字体为Arial，字号为30点，颜色为淡绿色（R：131，G：214，B：215）；使用“矩形工具”，填充为浅黄色（R：251，

13、G：240，B：222），无描边，绘制矩形在文字下方作为装饰制作爆款热卖模块活动四活动实施步骤4：置入素材“练习素材/项目6/商品主图.jpg”，复制3 个，平均分布在画布上。完成后保存文件。制作爆款热卖模块综合案例案例名称：文创产品手机端店铺装修制作爆款热卖模块。案例背景：黄巧团队完成新品展示模块的制作，现在需要根据店铺销售的商品销量，挑选热卖商品，添加自定义模块，创意设计爆款热卖模块。实训目的：掌握手机移动端爆款热卖模块的制作。实训要求：熟悉店铺商品销售情况，突出热卖商品。根据效果图设计店铺爆款热卖模块，效果如图6.2.17 所示。制作爆款热卖模块综合案例制作精品推荐模块活动五活动背景晓玲

14、已经完成了手机端的新品展示模块以及爆款热卖模块，接下来她还打算做一个手机端精品推荐模块，把店铺销量最高的商品推荐给顾客。制作精品推荐模块活动五活动实施步骤1：新建文件，颜色模式为RGB颜色，分辨率为72像素/英寸，背景内容为白色，宽为1 200像素、高为1 205像素。步骤2：在画布上方添加文字“精品推荐”，颜色为深绿色（R：6，G：76，B：77），字体“微软雅黑”，字号43点，文字两端对齐、添加“BOUTIQUERECOMMENDATION”，字体“Arial”，字号30点，颜色为深绿色（R：6，G：76，B：77）；使用“矩形工具”，填充为深绿色（R：6，G：76，B：77），无描边，绘

15、制矩形在文字下方作为装饰制作精品推荐模块活动五活动实施步骤3：使用“矩形工具”，绘制尺寸为498 像素770 像素和498 像素610 像素的两个矩形，填充为黑色（R：0，G：0，B：0），无描边。步骤4：置入“练习素材/项目6”中的素材“01.jpg”和“06.jpg”，将模特图放置矩形方框中，分别为模特图创建剪贴蒙版，调整好图片大小以显示整个模特图。步骤5：在图片下方添加文字“学院风圆领徽章加厚卫衣”，字体“微软雅黑”，字号24 点，黑色（R：0，G：0，B：0）；添加文字“RMB 299”，字体为“Ari al”，字号为“24 点”，黑色（R：0，G：0，B：0），制作精品推荐模块活动五活动实施制作精品推荐模块综合案例案例名称：文创产品手机端店铺装修制作精品推荐模块。案例背景：黄巧团队完成爆款热卖模块的制作，现在根据PC 端店铺首页设计内容，创意设计手机移动端精品推荐模块。实训目的：掌握手机移动端精品推荐模块的制作。实训要求：根据效果图设计店铺精品推荐模块谢谢