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

《网店美工案例教程》教学教案第1章课时内容电商美工设计基础授课时间90分钟课时2教学目标0掌握网店美工的基础知识。0了解网店装修的相关注意事项和要求。教学重点0分别掌握店标、店招、Banner、主图及详情页设计基础与要求。0了解色彩搭配的原理。0掌握色彩搭配的技巧。教学难点0掌握网店装修设计规范与要求。0掌握Banner设计基础与要求。0掌握详情页设计基础与要求。0掌握色彩搭配的技巧。教学设计1、教学思路：（1）：主要讲解网店装修的设计基础与要求，包括店标设计基础与要求、店招设计基础与要求、Banner设计基础与要求、主图设计基础与要求、详情页设计基础与要求；（2）：主要讲解网店装修色彩的搭配，包括色彩搭配的原理、色彩搭配的技巧、网店色彩搭配的原则等知识点。2、教学手段：通过理论知识带图例的方式，让学生加深理论知识理解的同时，掌握其设计方法。3、教学资料及要求：除教材中讲解的知识外，可在网络中查看更多成功案例，以供参考。教学内容

知识回顾：下面将讲解网店美工的基础知识，以及网店装修的相关注意事项和要求。讨论问题：1、说说你知道网店美工的主要工作范畴？2、你知道在网店装修中，如何搭配色彩能更突出商品？内容大纲：具体可结合本章的PPT课件进行配合讲解。网店装修的设计基础与要求店标设计基础与要求店招设计基础与要求Banner设计基础与要求主图设计基础与要求详情页设计基础与要求网店装修色彩的搭配色彩搭配的原理色彩搭配的技巧网店色彩搭配的原则小结1、掌握网店装修设计规范与要求。2、掌握Banner设计基础与要求。3、掌握详情页设计基础与要求。4、如何搭配色彩？第第章课时内容穿搭配饰类网店设计授课时间180分钟课时4教学目标0掌握穿搭配饰类网店的相关装修设计方法。教学重点0掌握珠宝饰品类、箱包类、鞋子类网店设计的方法。教学难点0掌握珠宝饰品类网店设计的方法。0掌握箱包类网店设计的方法。0掌握鞋子类网店设计的方法。教学设计1、教学思路：（1）通过定位宝饰品类网店设计风格，讲解设计店标、设计店招、设计Banner、设计主图、设计详情页等；（2）通过讲解箱包类网店设计风格定位、设计店标、设计店招、设计Banner、设计主图、设计详情页等，学习箱包类网店设计；（3）通过鞋子类网店设计的案例，讲解包括鞋子类网店设计风格定位、设计店标、设计店招、设计Banner、设计主图、设计详情页等。2、教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法。3、教学资料及要求：除教材中的实例外，学员还需对本书所讲的图像处理技巧和方法多加练习，达到能随心运用的目的。教学内容知识回顾：前面讲解了服装和家居用品类网店设计的方法，下面讲解穿搭配饰类网店的相关装修设计方法。讨论问题：1、你认为珠宝饰品类产品如何设计能让人眼前一亮？2、视觉上什么样的箱包网店更吸引你？3、如何设计鞋子类网店？内容大纲：具体可结合本章的PPT课件进行配合讲解。珠宝饰品类网店设计珠宝饰品类网店设计风格定位设计店标设计店招设计Banner设计主图设计详情页举一反三箱包类网店设计箱包类网店设计风格定位设计店标设计店招设计Banner设计主图设计详情页举一反三鞋子类网店设计鞋子类网店设计风格定位设计店标设计店招设计Banner设计主图设计详情页举一反三1、掌握珠宝饰品类网店设计的方法。小结2、掌握箱包类网店设计的方法。3、掌握鞋子类网店设计的方法。.制作跨境端对戒Banner本练习将制作跨境端对戒Banner，在制作时先绘制Banner背景，再添加对戒图像效果,并在左侧输入文本内容，效果如图所示。COUPLERINGWirflitfrjMt算才COUPLERINGWirflitfrjMt算才1＞晒科值#u也j餐lf/f.f.«1遥，及广aJk立甲1MiAyuu.Utai-tifif..制作移动端发簪Banner本练习将制作移动端发簪Banner，在制作时先绘制Banner背景，再输入文本内容，并对文本进行编辑，完成后在左侧添加发簪素材，效果如图所示。举一反三.制作PC端玫瑰项链主图本练习将制作PC端玫瑰项链主图，先制作主图背景，再输入文本内容，并对文本进行编辑,完成后的效果如图所示。.制作跨境端单肩包Banner本练习将制作跨境端单肩包Banner,在制作时先绘制Banner背景，再添加单肩包图像效果，并在左侧输入文本内容，效果如图所示。.制作移动端拉杆箱Banner本练习将制作移动端拉杆箱Banner，在制作时先绘制Banner背景，再输入文本内容，并对文本进行编辑，完成后在右侧添加拉杆箱素材，效果如图所示。.制作PC端USB充电背包主图本练习将制作PC端USB充电背包主图，先制作主图背景，再输入文本内容，并对文本进行编辑，完成后的效果如图所示。.制作跨境端商务鞋Banner本练习将制作跨境端商务鞋Banner,在制作时先绘制Banner背景，再添加商务鞋图像到

右侧，并在左侧输入文本内容，为部分文本添加“渐变叠加”图层样式，完成效果如图所/示。8.制作移动端水晶鞋Banner本练习将制作移动端水晶鞋Banner，在制作时先填充Banner背景，绘制形状并添加“斜面和浮雕”图层样式，在形状上添加水晶鞋素材，