市场营销基础教学课件项目7 综合案例-任务综合案例制作电子课件 中职 电子教案 网店装修（第三版）.pptx

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

1、市场营销基础教学课件项目7 综合案例-任务综合案例制作电子课件 中职 高教版 网店装修（第三版）网店装修项目七 综合案例制作知识目标任务网店装修综合案例制作 了解不同产品的文化内涵 综合理解店铺装修的过程 能独立完成 PC 端店铺的设计和制作能独立完成手机端店铺的设计和制作情景设计晓玲对“拾光”淘宝网店不断地进行装修，既注重美化商品图片、策划有吸引力的优惠活动、制作有吸引力的活动图，全面地对网店首页和详情页进行了装修，还推出了手机端网店。至今，网店生意蒸蒸日上，日访问量达 500 IP，月销售订单 688 件，销售额 20 000 元。在新冠肺炎疫情期间，成功帮助父母扩大经营。晓玲将成功的喜悦

2、和经验分享给工艺美术专业的好朋友，此时，好朋友正在苦恼一件事情。她经过两年的专业学习，设计了一批精美的非遗文化产品，每件产品都是她花费大量时间研究中国非遗文化后精心设计的，每件产品诉说着一个动人的中国故事和文化。经过商议，晓玲决定帮助好朋友销售她的文创产品，让更多人知道中国的故事、学习中国的文化、购买中国制造的文创产品。活动一：装修案例首页【任务分解】晓玲指导好朋友注册了淘宝账户和支付宝账户，成功完成店铺开张，将店铺名定为“时刻工艺品”。接下来，她将完成 PC 端首页装修和 PC 端详情页装修。装修案例首页活动一活动背景：晓玲重新梳理，认识到 PC 端首页装修需要设计页头、促销模块、商品推荐模

3、块，内容包含店招、导航条、首页海报、优惠券、新品推荐、爆款热卖推荐、精品推荐等，如图 所示。装修案例首页活动一步骤 1：制作店招。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为 1 920 像素、高度为 120 像素，填充为淡黄色（R：251，G：242，B：228）背景。（2）绘制店标，颜色为棕色（R：178，G：100，B：0）、黄色（R：255，G：182，B：0），输入店铺名。（3）置入素材“练习素材/项目 7/小图标.psd”，输入文字，效果如图 7.1.2 所示。活动实施：装修案例首页活动一步骤 2：制作导航条。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽

4、度为 1 920 像素、高度为 30 像素，填充为背景色深棕色（R：76，G：55，B：21）。（2）绘制矩形，填充为淡黄色（R：244，G：224，B：191）。（3）输入文字，效果如图 7.1.13 所示。活动实施：装修案例首页活动一步骤 3：制作首页海报。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为 1 920 像素、高度为 768 像素。（2）置入素材“练习素材/项目 7/场景图.jpg”。（3）绘制外圆形，填充为棕色（R：96，G：76，B：45），绘制内圆形，填充为深棕色（R：79，G：59，B：25），绘制矩形条，填充为淡棕色（R：177，G：107，B：21）、

5、淡棕色（R：167，G：97，B：7）。（4）选择“横排文字工具”，设置字体为“方正综艺简体”，输入文字，最终效果如图7.1.4所示。活动实施：装修案例首页活动一步骤 4：制作优惠券。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为1 920 像素、高度为 441 像素，填充为淡黄色（R：251，G：242，B：228）。（2）绘制三个矩形，填充为黄色（R：231，G：208，B：169）。（3）绘制圆形，填充为深棕色（R：76，G：55，B：21）。（4）选择“横排文字工具”，设置字体为“方正综艺简体”，字体颜色为深棕色（R：76，G：55，B：21）、浅棕色（R：178，G：1

6、00，B：0），输入优惠信息，效果如图 7.1.5 所示。活动实施：装修案例首页活动一步骤 5：制作新品推荐。（1）新建RGB文件，分辨率为72像素/英寸，宽度为1 920像素、高度为1 869像素，填充为淡黄色（R：251，G：242，B：228）。（2）绘制矩形，宽度为1 920像素、高度为278像素，填充为深棕色（R：76，G：55，B：21）。（3）绘制两个矩形，宽度为1 401像素、高度为761像素，填充为淡黄色（R：231，G：208，B：169）。（4）绘制两个矩形，宽度为604像素、高度为604像素，填充为深棕色（R：76，G：56，B：21）。（5）绘制两个矩形，宽度为 56

7、9 像素、高度为 533 像素，填充为径向渐变，颜色是浅黄色（R：240，G：223，B：195）、深棕色（R：237，G：218，B：186）。活动实施：装修案例首页活动一（6）绘制不规则形状，填充为深棕色（R：76，G：55，B：21）、棕色（R：178，G：100，B：0）。（7）打开“练习素材/项目7/灯罩 1.png”“练习素材/项目7/灯罩 2.png”，抠出灯罩，拖动到新品推荐文件中。（8）选择“横排文字工具”，设置字体为方正综艺简体，字体颜色为深棕色（R：76，G：55，B：21）、浅黄色（R：250，G：233，B：208），输入文字。（9）补充其他图形和信息，最终效果如图

8、7.1.6所示。活动实施：装修案例首页活动一步骤 6：制作爆款热卖模块。（1）新建RGB文件，分辨率为72像素/英寸，宽度为1 920像素、高度为1 302像素，填充为淡黄色（R：240，G：223，B：194）。（2）绘制6个矩形，宽度为451像素、高度为451像素，填充为深棕色（R：76，G：56，B：21）。（3）绘制6个矩形，宽度为425像素、高度为397像素，填充径向渐变，颜色是浅黄色（R：240，G：223，B：195）、深棕色（R：237，G：218，B：186）。（4）绘制不规则形状，填充为深棕色（R：76，G：55，B：21）、棕色（R：178，G：100，B：0）。活动实施

9、：装修案例首页活动一（5）打开“练习素材/项目 7/灯罩 1.png”“练习素材/项目 7/灯罩 2.png”“练习素材/项目 7/灯罩 3.png”，抠出灯罩，拖动到爆款热卖模块文件中。（6）绘制其他图形，输入“爆款热卖”等文字，最终效果如图 7.1.7 所示。活动实施：装修案例首页活动一步骤 7：制作精品推荐模块。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为1 920 像素、高度为1 223 像素，填充为淡黄色（R：251，G：242，B：228）。（2）绘制 6 个矩形，宽度为451像素、高度为451像素，填充为深棕色（R：76，G：56，B：21）。（3）绘制 6 个矩

10、形，宽度为 425 像素、高度为 397 像素，填充径向渐变，颜色是浅黄色（R：240，G：223，B：195）、深棕色（R：237，G：218，B：186）。（4）绘制不规则形状，填充为深棕色（R：76，G：55，B：21）、棕色（R：178，G：100，B：0）。（5）打开“练习素材/项目 7/灯罩 1.png”“练习素材/项目 7/灯罩 2.png”“练习素材/项目 7/灯罩 3.png”，抠出灯罩，拖动到精品推荐模块文件中。（6）绘制其他图形，输入“精品推荐”等文字，最终效果如图 7.1.8 所示。活动实施：装修案例首页活动一活动实施：装修案例首页店铺首页装修晓玲通过实践操作，帮助朋友

11、设计页头、制作促销模块和商品推荐模块，并帮助上传图片，最终完成 PC 端的首页装修。活动评价综合案例案例名称：综合案例制作装修手机端首页。案例背景：晓玲帮助朋友开网店，已经成功完成 PC 端首页装修。实训目的：熟练掌握手机端首页装修的方法。实训要求：根据 PC 端首页装修效果图，调整尺寸，修改成手机端首页装修图。店铺首页装修活动二：装修案例详情页【任务分解】晓玲重新梳理，认识到 PC 端详情页装修需要设计创意海报、制作商品卖点、商品信息、商品展示、商品细节和温馨提示等。装修案例详情页活动二步骤 1：设计创意海报。（1）打开“练习素材/项目 7/海报.jpg”。（2）调整图像大小，宽度为 750

12、 像素、高度为 334 像素。步骤 2：制作商品卖点图。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为 750 像素、高度为 653 像素，填充为淡黄色（R：251，G：242，B：228）。（2）绘制矩形，宽度为 750 像素、高度为 50 像素，填充为深棕色（R：76，G：55，B：21）。（3）打开“练习素材/项目 7/灯罩 2.png”，抠出灯罩，拖动到商品卖点文件中。（4）绘制两个小矩形，宽度为116 像素、高度102 像素，填充为深棕色（R：76，G：55，B：21）。活动实施：装修案例详情页活动二（5）选择“横排文字工具”，字体为微软雅黑，输入商品卖点。（6）绘制其

13、他图形，输入“商品卖点”等文字，最终效果如图 7.1.9 所示。活动实施：装修案例详情页活动二步骤 3：制作商品信息图。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为 750 像素、高度为 510 像素，填充为淡黄色（R：251，G：242，B：228）。（2）绘制矩形，宽度为 750 像素，高度为 50 像素，填充为深棕色（R：76，G：55，B：21）。（3）打开“练习素材/项目 7/灯罩 2.png”，抠出灯罩，拖动到商品信息文件中。（4）选择“横排文字工具”，字体为微软雅黑，输入商品信息等文字。（5）绘制其他图形，输入“商品信息”等文字，最终效果如图 7.1.10 所示。

14、活动实施：装修案例详情页活动二步骤 4：制作商品展示图。（1）新建RGB文件，分辨率为72像素/英寸，宽度为750像素、高度为685像素。（2）打开“练习素材/项目7/场景图2.jpg”，拖动到商品展示文件中，调整到合适大小。（3）绘制矩形，宽度为750像素、高度为50像素，填充为深棕色（R：76，G：55，B：21）。（4）选择“直线工具”，颜色设置为深棕色（R：76，G：55，B：21），绘制两段横线和两段竖线。（5）绘制其他图形，输入“商品展示”“60cm”等文字，最终效果如图 7.1.11 所示。活动实施：装修案例详情页活动二步骤 5：制作商品细节图。（1）新建RGB文件，分辨率为72

15、像素/英寸，宽度为750像素、高度为1 622像素。（2）绘制矩形，宽度为750像素、高度为50像素，填充为深棕色（R：76，G：55，B：21）。（3）打 开“练 习 素 材/项目7/细 节 图1.jpg”“练习素材/项目7/细节图2.jpg”“练习素材/项目7/细节图3.jpg”，调整到合适的位置。（4）绘制矩形选区，宽度为98像素、高度为180像素，填充为棕色（R：114，G：101，B：80），调整图层不透明度为70%。（5）绘制矩形选区，宽度为28像素、高度为30像素，填充为棕色（R：114，G：101，B：80），设置颜色叠加效果，颜色为黄色（R：232，G：208，B：170）。

16、（6）绘制矩形选区，宽度为36像素、高度为36像素，填充为棕色（R：168，G：98，B：8），设置颜色叠加效果，颜色为黄色（R：232，G：208，B：170）。活动实施：装修案例详情页活动二（7）输入文字，字体为黑体，字体颜色为浅黄色（R：251，G：242，B：228）。（8）选择“圆角矩形工具”，绘制直线，颜色为浅黄色（R：251，G：242，B：228）。（9）同理，绘制其他矩形，输入商品细节。（10）绘制其他图形，输入“商品细节”，最终效果如图 7.1.12 所示。活动实施：装修案例详情页活动二步骤 6：制作温馨提示图。（1）新建 RGB 文件，分辨率为 72 像素/英寸，宽度为

17、750 像素、高度为 388 像素，填充为浅黄色（R：251，G：242，B：228）。（2）绘制矩形，宽度为 750 像素、高度为 50 像素，填充为深棕色（R：76，G：55，B：21）。（3）选择“圆角矩形工具”，绘制横线和竖线，颜色为浅黄色（R：240，G：206，B：151）。（4）打开“练习素材/项目 7/小图标 2.psd”，导入图标素材。（5）绘制其他图形，输入“温馨提示”和提示信息，最终效果如图 7.1.13 所示。活动实施：装修案例详情页综合案例案例名称：综合案例制作装修手机端详情页。案例背景：晓玲帮助朋友开网店，已经成功完成 PC 端首页装修、手机端首页装修、PC 端详情页装修。实训目的：熟练掌握手机端详情页装修的方法。实训要求：根据 PC 端详情页装修，导入手机端详情页。装修案例详情页合作实训学习了店铺的 PC 端首页装修和详情页装修、手机端首页装修和详情页装修，请以小组为单位进行合理分工，开设店铺，要求如下：寻找身边的商品，拍摄商品图片。根据商品的文化内涵，取一个店铺名，完成店铺开张。设计店标。完成店铺 PC 端首页装修和详情页装修。完成手机端首页装修和详情页装修。装修案例详情页谢谢