《网店美工案例教程》—教学教案

1、网店美工案例教程教学教案课时内容电商美工设计基础授课时间90分钟课时2教学目标0掌握网店美工的基础知识。0 了解网店装修的相关注意事项和要求。教学重点0 分别掌握店标、店招、Banner,主图及详情页设计基础与要求。0 了解色彩搭配的原理。0掌握色彩搭配的技巧。教学难点0掌握网店装修设计规范与要求。0 掌握Banner设计基础与要求。0掌握详情页设计基础与要求。0掌握色彩搭配的技巧。教学设计1、教学思路：（1）：主要讲解网店装修的设计基础与要求，包括店标设计基础与要求、 店招设计基础与要求、Banner设计基础与要求、主图设计基础与要求、详情页设计 基础与要求；（2）：主要讲解网店装修色彩的搭

2、配，包括色彩搭配的原理、色彩搭 配的技巧、网店色彩搭配的原则等知识点。2、教学手段：通过理论知识带图例的方式，让学生加深理论知识理解的同时，掌握K 设计方法。3、教学资料及要求：除教材中讲解的知识外，可在网络中查看更多成功案例，以供参 考。教学内容知识回顾：卜而将讲解网店美工的基础知识，以及网店装修的相关注意事项和要求。 讨论问题：1、说说你知道网店美工的主要工作范畴？2、你知道在网店装修中，如何搭配色彩能更突出商品？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1 网店装修的设计基础与要求1.1.1 店标设计基础与要求1.1.2 店招设计基础与要求1.1.3 Banner设计基础与

3、要求1.1.4 主图设计基础与要求1.1.5 详情页设计基础与要求1.2 网店装修色彩的搭配1.2.1 色彩搭配的原理1.2.2 色彩搭配的技巧1.2.3 网店色彩搭配的原则小结1、掌握网店装修设计规范与要求。2、掌握Banner设计基础与要求。3、掌握详情页设计基础与要求。4、如何搭配色彩？第3章课时内容文案创作与视觉营销授课时间90分钟课时2教学目标掌握网店装修过程中基础的文案创作c0掌握网店装修过程中视觉营销方面的知识。教学重点0掌握商品文案标题的创作方法。0掌握商品详情页文案的创作方法。0 了解网店装修过程中视觉营销方面的知识。教学难点0 掌握商品文案标题的创作方法。0掌握商品详情页文

4、案的创作方法。0掌握网店装修过程中视觉营销方面的知识。教学设计1、教学思路：（1）讲解网店文案创作的知识，包括电商文案基础、商品文案标题、商品 详情页文案：（2）通过电商视觉营销基础、网店的视觉营销、商品图片的视觉营销等 知识的讲解，让学生了解如何通过视觉化的商品展示提高消费者（潜在的）兴趣。2、教学手段：通过理论带图例的方式，让学生加深理论知识理解的同时，掌握其操作方 法。3、教学资料及要求：除教材中讲解的知识，可以在网络中查看更多成功案例，以供参考。教学内容知识回顾：前而讲解了电商美工设计基础，下而介绍文案创作与视觉营销。 讨论问题：1、文案创作对网店的影响有哪些？2、如何通过视觉化的商品

5、展示提高消费者的兴趣？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。2.1 文案创作2.1.1 电商文案基础2.1.2 商品文案标题2.1.3 商品详情页文案2.2 视觉营销2.2.1 电商视觉营销基础2.2.2 网店的视觉营销223商品图片的视觉营销小结1、如何创作商品文案标题？2、如何创作商品详情页文案？3、掌握网店装修过程中视觉营销方面的知识，课时内容休闲运动和玩具类网店设计授课时间135分钟课时3教学目标掌握休闲运动和玩具类网店的相关装修设计方法。教学重点掌握休闲运动类、玩具类网店设计的方法。教学难点0掌握休闲运动类网店设计的方法。0掌握玩具类网店设计的方法。教学设计1、教学思路

6、：（1）通过休闲运动类网店设计的案例，讲解包括休闲运动类网店设计风格 定位、设计店标、设计店招、设计Banner、设计主图、设计详情页等，通过举一反三， 达到学以致用的目的：（2）通过玩具类网店设计的案例来了解该类产品风格和设计方 法，再通过举一反三，达到学以致用的目的。2、教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操 作方法。3、教学资料及要求：除教材中的实例外，学员还需对本书所讲的图像处理技巧和方法多 加练习，达到能随心运用的目的。教学内容知识回顾：前而介绍了电商美工设计基础和文案创作与视觉营销等知识，下而具体讲解休闲运动和玩具 类网店设计。讨论问题：1、你觉

7、得休闲运动类商品的特点是什么？2、说到玩具类商品给你的第一映像是什么？内容大纲：具体可结合本章的PPT课件进行配合讲解。3.1 休闲运动类网店设计3.1.1 休闲运动类网店设计风格定位3.1.2 设计店标3.1.3 设计店招3.1.4 设计 Banner3.1.5 设计主图3.1.6 设计详情页3.1.7 举一反三3.2 玩具类网店设计3.2.1 玩具类网店设计风格定位3.2.2 设计店标3.2.3 设计店招3.2.4 设计 Banner3.2.5 设计主图3.2.6 设计详情页3.2.7 举一反三小结1、掌握休闲运动类网店设计的方法。2、掌握玩具类网店设计的方法。举一反三1.制作跨境端游泳镜

8、Banner本练习将制作跨境端游泳镜Banner,在制作时先绘制Banner背景，再添加游泳镜图像效 果，并在左侧输入文本内容，效果如图所示。2.制作移动端篮球Banner本练习将制作移动端篮球Banner,在制作时先绘制Barmer背景，再输入文本内容，并对文本进行编辑，完成后在右侧添加篮球素材，效果如图所示。3 .制作PC端瑜伽垫主图本练习将制作PC端瑜伽垫主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的效果如图所示。4 .制作跨境端摇摆驼鹿Banner本练习将制作跨境端摇摆驼鹿Banner,在制作时先绘制Banner背景，再添加摇摆驼鹿图 像效果，并在左侧输入文本内容，

9、效果如图所示，5.制作移动端毛绒玩具Banner本练习将制作移动端毛绒玩具Banner,在制作时先绘制Banner背景，再输入文本内容, 并对文本进行编辑，完成后在右侧添加毛绒玩具素材，效果如图所示。葫鼠当造鼠6.制作PC端魔方主图本练习将制作PC端魔方主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。滑灵活旋转第4章课时内容办公用品和配件类网店 设计授课时间180分钟课时4教学目标0掌握办公用品和配件类网店的相关装修设计方法。教学重点0 掌握办公用品类、数码配件类、手机配件类网店设计的方法。教学难点0掌握办公用品类网店设计的方法。0掌握数码配件类网店设计

10、的方法。0掌握手机配件类网店设计的方法。教学设计1、教学思路：（1）通过公用品类网店设计的案例来了解该类产品风格和设计方法，再通 过举一反三，达到学以致用的目的：（2）通过讲解包括数码配件类网店设计风格定位、 设计店标、设计店招、设计Banner、设计主图、设计详情页等，通过举一反三，达到 学习数码配件类网店设计的目的：（3）通过手机配件类网店设计的案例来了解该类产 品风格和设计方法，再通过举一反三，达到学以致用的目的。2、教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操 作方法。3、教学资料及要求：除教材中的实例外，学员还需对本书所讲的图像处理技巧和方法多 加练习，

11、达到能随心运用的目的。教学内容知识回顾：前而讲解r休闲运动和玩具类网店设计的方法，卜而来具体讲解办公用品和配件类网店的相 关装修设计方法。讨论问题：1、你认为办公用品给人什么感觉？2、你认为数码配件配件类网店如何设计？3、如何设计手机配件类网店？内容大纲：具体可结合本章的PPT课件进行配合讲解。4.1 办公用品类网店设计4.1.1 办公用品类网店设计风格定位4.1.2 设计店标4.1.3 设计店招4.1.4 设计 Banner4.1.5 设计主图4.1.6 设计详情页4.1.7 举一反三4.2 数码配件类网店设计4.2.1 数码配件类网店设计风格定位4.2.2 设计店标4.2.3 设计店招4.

12、2.4 设计 Banner4.2.5 设计主图4.2.6 设计详情页4.2.7 举一反三4.3 手机配件类网店设计4.3.1 手机配件类网店设计风格定位小结4.3.2设计店标4.3.3设计店招4.3.4设计Banner4.3.5设计主图4.3.6设计详情页43.7举一反三1、掌握办公用品类网店设计的方法。2、掌握数码配件类网店设计的方法。3、掌握手机配件类网店设计的方法。1.制作跨境端LED日历Banner本练习将制作跨境端LED日历Banner,在制作时先绘制Banner背景，再添加LED日历图 像效果，并在左侧输入文本内容，效果如图所示。I1Alarm Clock Numeral Wood

13、enLED Tim© TemperatureCalendarBUY$25.992.制作移动端办公桌Banner本练习将制作移动端办公桌Banner,在制作时先绘制Banner背景，再输入文本内容，并 对文本进行编辑，完成后在左侧添加办公桌素材，效果如图所示。举一反三活动时间：201g年10月1号到18号OFSK办公新时代满500减50约多功熊现代办公桌3.制作PC端笔记本主图本练习将制作PC端笔记本主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。4.制作跨境端店铺iPad保护套Banner本练习将制作iPad保护套Banner,在制作时先绘制B

14、anner背景，再绘制圆，添加不同颜 色的iPad保护套图像效果，并在上方输入文本内容，效果如图所示。5.制作移动端USB音响Banner本练习将制作移动端USB音响Banner,在制作时先绘制Banner背景，再在上方输入文本 内容，并对文本进行编辑，完成后在下方添加音乐图标和USB音响素材，效果如图所示。专业品质保证CD音响纯正音质桌面UDO 8%mm MHm BMC MM '6.制作PC端鼠标主图本练习将制作PC端鼠标主图，先制作主图背景，再添加鼠标素材，然后绘制形状，输入促 销文本内容，并对文本进行编辑，最后添加店标到左上角，完成后的部分鼠标主图效果如 图所示，7.制作跨境端店

15、铺耳机Banner本练习将制作跨境端耳机Banner,在制作时先绘制红色的Banner背景，再添加喜庆的小 元素和耳机素材，最后在中间输入文本内容，效果如图所示。8.制作移动端数据线Banner本练习将制作移动端数据线Banner,在制作时先绘制Banner背景，在右侧添加数据线素 材，在左侧输入并编辑文本，效果如图所示。完美超越国电充电9.制作PC端手机壳主图本练习将制作PC端手机壳主图，先制作主图背景，再添加手机壳素材，然后绘制形状，输 入促销文本内容，并对文本进行编辑，制作后可根据需要添加店标到左上角或右上角，完 成后的部分PC端手机壳主图效果如图所示，第5章课时内容翳和家居用品类网店授

16、课时间135 W课时3设计教学目标0掌握服装和家居用品类网店的相关装修设计方法。教学重点0掌握服装类、家居用品类网店设计的方法。教学难点0掌握服装类网店设计的方法。0掌握家居用品类网店设计的方法。教学设计1、教学思路：（1）通过讲解服装类网店设计风格定位、设计店标、设计店招、设计Banner、 设计主图、设计详情页等，通过举一反三，来学习服装类网店设计：（2）通过家居用 品类网店设计的案例，讲解包括家居用品类网店设计风格定位、设计店标、设计店招、 设计-Banner、设计主图、设计详情页等，通过举一反三，达到学以致用的目的。2、教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，

17、掌握其操 作方法。3、教学资料及要求：除教材中的实例外，学员还需对本书所讲的图像处理技巧和方法多 加练习，达到能随心运用的目的。教学内容知识回顾：前而讲解了办公用品和配件类网店设计的方法，下面具体讲解服装和家居用品类网店的相关 装修设计方法。讨论问题：1、你认为服装类网店设计的重点是什么？2、你认为家居用品类网店该如何搭配颜色？内容大纲：具体可结合本章的PPT课件进行配合讲解。5.1 服装类网店设计5.1.1 服装网店设计风格定位5.1.2 设计店标5.1.3 设计店招5.1.4 设计 Banner5.1.5 设计主图5.1.6 设计详情页5.1.7 举一反三5.2 家居用品类网店设计5.2.

18、1 家居用品类网店设计风格定位5.2.2 设计店标5.2.3 设计店招5.2.4 设计 Banner5.2.5 设计主图5.2.6 设计详情页5.2.7 举一反三小结1、掌握服装类网店设计的方法。2、掌握家居用品类网店设计的方法。1.制作PC端男士 T恤Banner本练习将制作PC端男士 T恤Banner,在制作时先添加T恤图像效果，然后在左侧绘制形 状并输入文本内容，再设置相关的格式，效果如图所示，举一反三2.制作移动端牛仔裤Banner本练习将制作移动端牛仔裤Banner,在制作时先制作背景部分，然后绘制形状，再输入文 本内容，并对文本进行编辑，效果如图所示。3.制作跨境端女士西装Bann

19、er本练习将制作跨境端女士西装Banner,先绘制Banner的背景形状，然后打开提供的素材34.制作移动端浴室地垫Banner$ 129.9进行处理，并将其添加到文件中，最后在左恻添加相关的文本，完成后的效果如图所示。Tempera ment fasliion career classics本练习将制作移动端浴室地垫Banner,在制作时先绘制相关的形状，然后添加素材图像, 再输入文本内容，并对文本进行编辑，完成后的效果如图所示。二Q原价99元/个立即元J个妁054 m。沧购5 .制作PC端羽绒被Banner本练习将制作PC端羽绒被Banner,在制作时先制作Banner背景，再添加相关的图

20、像和效 果，并在右侧输入文本内容，完成后的效果如图所示。纯棉羽绒被6 .制作PC端被套和枕套主图本练习将制作PC端被套和枕套主图，先制作主图背景，再输入文本内容，并对文本进行编 辑，完成后的效果如图所示。第6章课时内容穿搭配饰类网店设计授课时间180分钟课时4教学目标0掌握穿搭配饰类网店的相关装修设计方法。教学重点0 掌握珠宝饰品类、箱包类、鞋子类网店设计的方法。教学难点0掌握珠宝饰品类网店设计的方法。0掌握箱包类网店设计的方法。0掌握鞋子类网店设计的方法。教学设计1、教学思路：（1）通过定位宝饰品类网店设计风格,讲解设计店标、设计店招、设计Banner、 设计主图、设计详情页等；（2）通过讲

21、解箱包类网店设计风格定位、设计店标、设计 店招、设计Banner、设计主图、设计详情页等,学习箱包类网店设计；（3）通过鞋子 类网店设计的案例，讲解包括鞋子类网店设计风格定位、设计店标、设计店招、设计 Banner,设计主图、设计详情页等。2、教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操 作方法。3、教学资料及要求：除教材中的实例外，学员还需对本书所讲的图像处理技巧和方法多 加练习，达到能随心运用的目的。教学内容知识回顾：前面讲解了服装和家居用品类网店设计的方法，下面讲解穿搭配饰类网店的相关装修设计方 法。讨论问题：1、你认为珠宝饰品类产品如何设计能让人眼前一亮？

22、2、视觉上什么样的箱包网店更吸引你？3、如何设计鞋子类网店？内容大纲：具体可结合本章的PPT课件进行配合讲解。6.1 珠宝饰品类网店设计6.1.1 珠宝饰品类网店设计风格定位6.1.2 设计店标6.1.3 设计店招6.1.4 设计 Banner6.1.5 设计主图6.1.6 设计详情页6.1.7 举一反三6.2 箱包类网店设计6.2.1 箱包类网店设计风格定位6.2.2 设计店标6.2.3 设计店招6.2.4 设计 Banner6.2.5 设计主图6.2.6 设计详情页6.2.7 举一反三6.3 鞋子类网店设计6.3.1 鞋子类网店设计风格定位小结6.3.2设计店标6.3.3设计店招6.3.4设计Banner6.3.5设计主图6.3.6设计详情页6.3.7举一反三1、掌握珠宝饰品类网店设计的方法。2、掌握箱包类网店设计的方法。3、掌握鞋子类网店设计的方法。1.制作跨境端对戒Banner本练习将制作跨境端对戒Banner,在制作时先绘制Banner背景，再添加对戒图像效果, 并在左侧输入文本内容，效果如图所示。You need o