下载文档原格式
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
《网店美工》课程教学大纲一、课程基本信息1．课程编号：090912502．课程名称：网店美工3．英文名称：Shop Artist (Wang Dian Mei Gong)4．课程简介：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程，熟悉平面设计软件Photoshop、Illustrator、美图秀秀、光影魔术手和网页设计Dreamweaver等软件将网店的视觉效果，排版等工作呈现出来。
二、课程说明1．教学目的和要求：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程。
通过对该课程的教学，使学生系统学习网店美工设计之“道”“器”“术”三个层面的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图文设计能力，详情页的设计思路及网店的装修设计等能力。
要求学生对美工设计之“道”“器”“术”三个层面的知识原理做到理解，熟练掌握各种美工设计软件的使用方法，以培养学生的设计思维和能力为主，为学生日后成为专业的电子商务人才奠定坚实的基础。
2．先行课程：无。
3．周课时、总学时：6学时*8周（3学时*16周）、共48学时,理论教学24学时、实践教学24学时。
4．开课学期：第二学期（或第三学期）。
5．教学方法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试方法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学生的实践动手能力，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学生在课堂内完成。
8．教材：《网店美工》（第1版），童海君主编，北京理工大学出版社，2016年2月版。
9．教学参考资料：《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。
淘宝美工教程简介淘宝是中国最大的在线购物平台，拥有海量的商品和用户。
为了吸引更多的买家，卖家在淘宝上需要精心设计自己的店铺和商品页面。
淘宝美工教程将介绍一些常用的美工技巧和工具，帮助卖家提升店铺和商品的美观度和吸引力。
1. 设计店铺banner店铺的banner是卖家展示店铺形象和特色的重要元素。
为了吸引买家关注和了解店铺，设计一个独特而吸引人的店铺banner至关重要。
Markdown插入图片的示例代码：2. 优化商品图片商品图片是买家购买决策的重要参考因素。
优化商品图片可以增加商品的吸引力和销售潜力。
Markdown插入图片的示例代码：3. 使用图片编辑工具使用图片编辑工具可以对店铺banner和商品图片进行进一步的处理和设计。
以下是几种常用的图片编辑工具：•Adobe Photoshop：功能强大的图像处理软件，可以进行图片调色、修饰和合成等操作。
•Canva：在线图形设计工具，提供了丰富的模板和设计元素，方便快速制作美观的图片和海报。
•GIMP：免费开源的图像编辑软件，功能与Photoshop相似。
4. 使用配色方案选择合适的配色方案可以使店铺和商品页面更加整洁、美观和专业。
以下是一些常用的配色方案：•欢快明亮：使用明亮、饱和度高的颜色，营造愉快活泼的氛围。
•温暖舒适：使用柔和、温暖的颜色，营造舒适温馨的感觉。
•简约清爽：使用简洁、纯净的颜色，营造简约、时尚的风格。
5. 增加文字说明除了图片，文字说明也是买家了解和决策的重要依据。
在商品页面中添加具有吸引力的文字说明可以提升商品的吸引力。
Markdown插入文字的示例代码：这是一个很棒的商品，具有以下特点：- 特点1- 特点2- 特点36. 优化商品详情页商品详情页是买家了解商品细节和决策购买的重要页面。
为了让买家更容易理解和决策购买，可以优化商品详情页的布局和组织。
Markdown插入链接的示例代码：点击[这里](商品详情页链接)查看更多商品详情。
（完整版）电⼦商务专业《⽹店美⼯》（图形图像处理）课程教学⼤纲《⽹店美⼯》(图新图像处理)课程教学⼤纲⼀、课程基本信息1．课程编号：090912152．课程名称：《⽹店美⼯》/图像图像处理3．英⽂名称：XXXX4．课程简介：⽹店美⼯(图形图像处理)是⼀门培养淘宝、天猫、京东、亚马逊等⽹店页⾯编辑美化⼯作者的课程，熟悉平⾯设计软件Photoshop、Illustrator、美图秀秀、光影魔术⼿和⽹页设计Dreamweaver等软件将⽹店的视觉效果，排版等⼯作呈现出来。
⼆、课程说明1．教学⽬的和要求：⽹店美⼯(图像图像处理)是⼀门培养淘宝、天猫、京东、亚马逊等⽹店页⾯编辑美化⼯作者的课程。
通过对该课程的教学，使学⽣系统学习⽹店美⼯设计之“道”“器”“术”三个层⾯的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图⽂设计能⼒，详情页的设计思路及⽹店的装修设计等能⼒。
要求学⽣对美⼯设计之“道”“器”“术”三个层⾯的知识原理做到理解，熟练掌握各种美⼯设计软件的使⽤⽅法，以培养学⽣的设计思维和能⼒为主，为学⽣⽇后成为专业的电⼦商务⼈才奠定坚实的基础。
2．先⾏课程：⽆。
3．周课时、总学时： 4学时*16周、共64学时,理论教学30学时、实践教学34学时。
4．开课学期：第⼆学期（或第三学期）。
5．教学⽅法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试⽅法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学⽣的实践动⼿能⼒，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学⽣在课堂内完成。
8．教材：《⽹店美⼯》（第2版），童海君主编，北京理⼯⼤学出版社，2016年2⽉版。
9．教学参考资料：《⽹店美⼯实操》，淘宝⼤学编著，电⼦⼯业出版社，2013年。
《电⼦商务⽹页设计与制作》，徐峰主编，浙江⼤学出版社，2013年。
《网店美工》配套教学教案第1章第2章2.4.1 画笔2.4.2 修复工具组2.4.3仿制图章2.4.4 蒙版2.4.5 渐变小结1.掌握商品图片的拍摄技巧。
2.掌握商品图片的尺寸调整和裁剪方法。
3.熟练掌握商品图片的抠图方法。
4.熟练掌握商品图片的瑕疵去除方法。
课后练习【课后实战】实训内容：用本章节所学的相关工具和命令完成酒瓶的抠图，打开“配套资源/第二章/课后实战素材.jpg”图片。
如图2-88所示。
图2-88“酒瓶抠图”素材实训要求：用Photoshop cs6制作完成，效果如图2-89所示，保存png.格式提交，由教师测评。
图2-89“酒瓶抠图”效果实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（40分）2 抠图处理情况橡皮擦、色彩范围和快速选择等工具使用恰当（30分）3 整体效果主体突出、层次分明，无瑕疵（30分）第3章3.4 调整商品图片的特殊效果3.4.1 特殊滤镜3.4.2 滤镜组小结1.熟练掌握商品图片明暗、对比度问题。
2.熟练掌握商品图片色彩、色调处理方法。
3.熟练运用“图层混合及样式”进行图片美化的方法。
课后练习【课后实战】实训内容：运用所学知识，为模特衣服改色，打开“配套资源/第三章/课后实战素材.jpg”图片，如7-52所示。
7-52 素材图实训要求：用Photoshop cs6制作完成，并排成一排，保存jpg.格式提交，如7-53所示，由同学互评。
7-53 效果图实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（30分）2 调色命令使用情况色相/饱和度、色彩平衡等命令运用恰当（30分）3 整体效果颜色排列正确、人物边缘清晰，无缺损（40分）第4章课后练习【课后实战】实训内容：用本章节所学的“文字”和“矢量绘图”知识完成促销标签图的制作。
实训要求：用Photoshop cs6制作完成，保存jpg.格式提交，效果如图4-55所示。
第一节首焦轮播区及其设计思路一、认识首焦轮播区网店的首焦轮播区主要用于告知买家网店在某个时间段有广告商品或促销活动，其位于网店导航的下方位置，其主要作用就是告知买家网店在某个特定时间段的一些动态信息，帮助买家快速了解网店的活动或商品信息。
首焦轮播区根据设计的内容可以分为新品上架、网店动态、活动促销等，不同的内容其设计的重点是不同的。
另外，在首焦轮播区中通常情况下会使用字号较大的文字来突出主要信息,同时搭配字号较小的文字来进行补充说明，并利用文字之间的组合编排来突出艺术感。
二、首焦轮播区的设计思路首焦轮播区在设计时用来搭配的图片不能太复杂，这样才能突出主题。
同时，要采用符合网店商品形象的文字，以避免产生凌乱的感觉。
常见的商品陈列区布局方式有3种，包括方块式布局，以及下面将要介绍的折线型布局与随意型布局。
1.折线型布局折线型布局就是将商品图片按照错位的方式进行排列。
在这种布局中，买家的视线会沿着商品图片做折线运动。
这样的设计可以给人一种清爽、利落的感觉，具有韵律感。
2.随意型布局随意型布局就是将商品图片随意地放置在页面中。
这种随意往往需要营造出一种特定的氛围和感觉,让这些商品之间产生一种联系，否则画面中的商品会由于缺乏联系而显得突兀。
随意型布局在女装搭配、组合销售中使用得较多，是一种灵活性较强的布局方式。
第四节课堂案例：当季热卖商品陈列区设计一、设计理念•在色彩搭配上，颜色对比要强烈，以增强视觉冲击力。
画面主色调采用鲜艳的红色和蓝色进行对比，营造出明亮、大气的视觉效果，这样的颜色设计很容易吸引买家的注意力。
•使用蓝色矩形图案进行修饰，使画面看起来更加和谐。
•使用同色系的价格标签作为点缀，增强画面的设计感。
二、技术要点•使用翦贴蒙版来控制图像的显示部分。
•使用矩形工具绘制图像的背景及修饰形状，并应用图层样式进行修饰。
三、实操演练略第五节综合实训以提供的图片为素材，为某男装网店设计新品上架的首焦轮播区。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
《网店美工》(图新图像处理)课程教学大纲一、课程基本信息1．课程编号：090912152．课程名称：《网店美工》/图像图像处理3．英文名称：XXXX4．课程简介：网店美工(图形图像处理)是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程，熟悉平面设计软件Photoshop、Illustrator、美图秀秀、光影魔术手和网页设计Dreamweaver等软件将网店的视觉效果，排版等工作呈现出来。
二、课程说明1．教学目的和要求：网店美工(图像图像处理)是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程。
通过对该课程的教学，使学生系统学习网店美工设计之“道”“器”“术”三个层面的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图文设计能力，详情页的设计思路及网店的装修设计等能力。
要求学生对美工设计之“道”“器”“术”三个层面的知识原理做到理解，熟练掌握各种美工设计软件的使用方法，以培养学生的设计思维和能力为主，为学生日后成为专业的电子商务人才奠定坚实的基础。
2．先行课程：无。
3．周课时、总学时： 4学时*16周、共64学时,理论教学30学时、实践教学34学时。
4．开课学期：第二学期（或第三学期）。
5．教学方法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试方法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学生的实践动手能力，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学生在课堂内完成。
8．教材：《网店美工》（第2版），童海君主编，北京理工大学出版社，2016年2月版。
9．教学参考资料：《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学大纲一、课程信息课程名称：淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺课程类别：专业基础课课程性质：必修计划学时：26计划学分：2先修课程：无适用专业：本书可作为高等院校设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供Photoshop初学者自学使用。
课程负责人：二、课程简介本书围绕网店美工这一目前电子商务需求量较大的岗位，从美化商品图片与制作网店页面等角度入手，全面介绍了网店美工各阶段的工作内容。
本书设计了10章内容，可分为4部分来进行学习，各部分的具体内容和学习目标如下所示。
第1部分（第1~2 章）：该部分主要讲解网店美工的基础知识，包括如何做好网店美工工作，以及网店美工的工作流程等内容。
第2部分（第3~4 章）：该部分主要讲解商品图片的处理与色彩的调整方法，包括修改商品图片构图、优化商品图片画面、抠取与合成商品图片，以及各种色调的调整方法等内容。
第3部分（第5~9章）：该部分主要讲解推广促销图及网店页面的设计与制作，包括商品推广图、PC端网店首页、PC端商品详情页、PC端其他页面、移动端网店首页与商品详情页的制作等。
第4部分（第10章）：该部分主要讲解网店的装修，包括图片切片，以及各页面的装修方法等。
三、课程教学要求注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。
“关联程度”栏中字母表示二者关联程度。
关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。
“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容五、考核要求及成绩评定注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议1. 理论配合案例进行学习，提高学生的实战动手能力；2. 在条件允许的情况下，可以尝试自己设计并制作一些图片，进行深入学习；3. 提高学生的设计感和审美能力;七、课程改革与建设本书旨在帮助零基础的网店美工快速、有效提升工作技能。
上篇：美工设计之“道”第1章走进视觉美学（3学时）一、教学目的及要求通过本章的学习，使学生了解视觉美学的基础知识、色彩心理，掌握色彩的搭配与黄金分割、冷暖色调及网店设计的颜色效应。
二、教学重点及难点教学重点：色彩的搭配与黄金分割，色彩心理与网店设计。
教学难点：视觉营销在网店商品中的运用。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂演讲、头脑风暴、提问、讨论、启发、案例分析。
五、作业1、了解视觉美学发展历程。
2、列出视觉营销运用较好的3个以上天猫店铺。
六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计1.1 视觉美学1.2 色彩心理1.2.1色彩的分类与属性1.2.2色彩的搭配与黄金分割1.2.3色彩心理与冷暖色调1.2.4色彩心理与网店设计1.3 视觉营销1.3.1视觉营销1.3.2视觉营销与商品八、课后小结第2章入门网店美工（3学时）一、教学目的及要求使学生了解网店美工在店铺运营中的位置和优秀美工的成长路径。
二、教学重点及难点教学重点：网店美工运营之手，美工在店铺运营中的位置。
教学难点：网店美工成长路径及日常工作。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂讲授、提问、讨论、启发、案例分析。
五、作业1、网店美工的岗位介绍及岗位要点？2、网店美工的日常工作有哪些？六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计2.1网店美工2.1.1美工分类2.1.2网店美工简介2.2网店美工运营之手2.3优秀网店美工成长之路2.3.1网店美工成长路径2.3.2网店美工日常工作2.3.3网店美工工资待遇2.4网店美工新手建议八、课后小结中篇：美工设计之“器第3章学会宝贝拍照（3学时）一、教学目的及要求通过本章的学习，使学生了解相机的选择和网拍的注意事项、掌握宝贝拍照场景的布置、光线的角度、拍照的流程。
《淘宝天猫网店美工：商品拍摄店铺装修视频制作》配套教学教案第1章1.3.4 视觉构图与页面布局的原则1.3.5 实战：网店首页视觉赏析1.4 扩展阅读——高级网店美工的成长路径1.5 高手进阶小结1、熟悉网店美工岗位2、熟悉Photoshop图像处理软件3、了解网店美工设计的基本理念高手进阶（1）使用Photoshop制作“点击收藏”按钮和优惠券，制作时需要用到钢笔工具、横排文本工具，并使用了图层样式中的描边、渐变叠加、投影，效果如图所示。
（2）赏析如图所示的歌莉娅官方店首页，要求对页面的设计元素、页面的色彩搭配与字体搭配、构图方法与布局方式进行分析。
第2章2.3.2 修图的常用方法2.3.3 实战：网店女装模特美化2.3.4 实战：金属质感首饰处理2.3.5 实战：功能展示图制作2.4 调整商品图片的色彩与质感2.4.1 调色的必要性2.4.2 商品调色的原则2.4.3 图片色彩校正的方法2.4.4 调色的常用命令2.4.5 实战：图片亮度与鲜艳度调整2.4.6 实战：图片偏色调整2.4.7 实战：图片质感调整2.5 扩展阅读——修图内容分析2.6 高手进阶小结1、掌握拍摄商品图片的流程和技巧2、掌握商品图片尺寸的修改方法3、掌握商品图片画面的修饰方法4、掌握调整商品图片的色彩与质感的方法高手进阶（1）为了帮助读者掌握玻璃器皿的打光和拍摄方法，下面拍摄一组玻璃水壶，要求体现出玻璃的通透感。
拍摄时，注意水壶的边缘轮廓，突出细节，并选用多种拍摄角度与手法，拍摄出来的效果可参考如图所示的商品图片（2）打开素材文件“沐浴露.jpg”，先抠取图像到新的图层，然后调整图片亮度、对比度、颜色的饱和度，调整前后的效果如图所示。
第3章3.2.6 实战：图文组合3.3 商品图片的切片与管理3.3.1 切片的作用3.3.2 切片技巧3.3.3 管理素材中心图片3.3.4 查看图片排列方式与引用3.3.5 实战：新品女包促销模块切片3.3.6 实战：上传商品图片到素材中心3.3.7 实战：删除、替换和还原素材中心的图片3.4 扩展阅读——淘宝网店的图片处理技巧3.5 高手进阶小结1、掌握处理商品图片背景的方法2、掌握商品图片的组合技巧3、掌握商品图片的切片与管理高手进阶（1）打开素材文件“加湿器.jpg”，使用钢笔工具抠取图片中的加湿器，将其放置到提供的素材背景中，调整其大小与位置，完成背景的替换，如图所示。
