淘宝天猫网店美工全能第10章
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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. JPEG 格式 JPEG 是最常见的一种图片格式，文件的扩展名为 . jpg 或 . jpeg。
2. PNG 格式 PNG 是可移植的网络图形格式。
3. GIF 格式 GIF 是图形交换格式。
二、网店图片编辑软件
Photoshop CS6 是一款用于图像制作和处理的专业软件，具有 强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是 网店美工必备的软件工具。
1. 文字编辑工具 2. “段落”调板
第 4 节 商品分类设计
一、商品类目的分类原则 二、商品类目的分类方式
1. 按商品种类按商品风格分类
三、商品类目导航条 四、商品分类设计的相关工具
1. 图层工具 2. 绘画工具 3. 图案图章工具 4. 切片工具
课件 制作
“动作”控制面板可以 对图像进行批量处理，避免 重复操作，提高处理图片的 效率。
课件 制作
第 2 章 网店图片设计
第 1 节 网店促销图设计 第 2 节 商品主图设计 第 3 节 商品详情页设计
第 1 节 网店促销图设计
一、促销图的类型
网店促销图一般分为整店促销图、单品促销图和活动推广促销图三种 类型。
一、色彩的分类
1. 无彩色
2. 有彩色 3. 特殊色
二、色彩的三要素
1. 色相：是区别不同色彩的名称。 2. 明度：是指色彩的明暗程度。 3. 纯度：是指色彩鲜艳的程度。
三、颜色的模式
1. RGB 模式 2. CMYK 模式 3. HSB 模式 4. Lab 模式
四、网店色彩的搭配
1. 同一色调搭配
文字栅格化后加滤镜的效果
2. 文字转换为形状 在图层面板中选择文字图层，右击鼠标转换为形状，可将文字转换为形
淘宝美工教程
淘宝美工教程简介淘宝是中国最大的在线购物平台，拥有海量的商品和用户。
为了吸引更多的买家，卖家在淘宝上需要精心设计自己的店铺和商品页面。
淘宝美工教程将介绍一些常用的美工技巧和工具，帮助卖家提升店铺和商品的美观度和吸引力。
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年。
第10章移动端网店装修美工设计
一、移动端网店页面结构分析 2 移动端网店 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门
01 保持网店设计风格的一致性 02 采用简单且便于操作的设计方式 03 网店色彩的设计与选择
三、课堂案例：美妆商品直播秒杀主图设计
1 设计理念
使用墨绿色作为背景，搭配上黄色的广告文字，更好地突出了主题信息。 添加“抢免单”“活动价”等促销信息，激发买家的购物欲望，进一步
吸引其点击主图。
三、课堂案例：美妆商品直播秒杀主图设计
2 技术要点
为图片创建图层蒙版，对图像的显示进行控制。 利用“内阴影”图层样式为图片添加内阴影效果。 使用文字工具添加促销文案。 使用形状工具绘制各种修饰形状。
茶叶网店移动端首焦轮播图
两种色调对比
二、移动端网店装修快速入门 3 网店色彩的设计与选择
手机屏幕的尺寸有限，所以移动端网店的可浏览面积也相对较小，买家的视觉会 受到限制。这时，除了需要对文字进行精简以外，在整体色彩上也要具有鲜明感。
高纯度色彩与高明度色调
Contents 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门 1 保持店铺设计风格的一致性
移动端网店整体的装修与设计要做到风格一致、首尾呼应，否则不利于网店整体 设计风格的塑造。
女鞋移动端网店页面
二、移动端网店装修快速入门 2 采用简单且便于操作的设计方式
在进行手机移动端的网店装修设计时，有的网店会直接套用PC端网店的设计方式， 在手机移动端设计了可供买家进行缩放控制的页面尺寸，让买家可以通过滑动手机屏幕 来对页面进行缩放控制，就能清楚地浏览到页面中的信息。
网店美工 教案全套 第1--9章 网店美工的基础知识---网店场景化美工
《网店美工》配套教学教案第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所示。
《网店美工第4版》教案
第一节首焦轮播区及其设计思路一、认识首焦轮播区网店的首焦轮播区主要用于告知买家网店在某个时间段有广告商品或促销活动，其位于网店导航的下方位置，其主要作用就是告知买家网店在某个特定时间段的一些动态信息，帮助买家快速了解网店的活动或商品信息。
首焦轮播区根据设计的内容可以分为新品上架、网店动态、活动促销等，不同的内容其设计的重点是不同的。
另外，在首焦轮播区中通常情况下会使用字号较大的文字来突出主要信息,同时搭配字号较小的文字来进行补充说明，并利用文字之间的组合编排来突出艺术感。
二、首焦轮播区的设计思路首焦轮播区在设计时用来搭配的图片不能太复杂，这样才能突出主题。
同时，要采用符合网店商品形象的文字，以避免产生凌乱的感觉。
常见的商品陈列区布局方式有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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
电子商务专业《网店美工》(图形图像处理)课程教学大纲.doc
《网店美工》(图新图像处理)课程教学大纲一、课程基本信息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”，使用钢笔工具抠取图片中的加湿器，将其放置到提供的素材背景中，调整其大小与位置，完成背景的替换，如图所示。
Photoshop CC网店美工全能一本通(微课版)PPT 第10章
课堂学习目标
掌握模版的变换和使用 掌握模版的备份和还原 熟悉基础装修模块
10.1 使用PC店铺模版装修
模版的变换和使用 模版的备份和还原
10.1.1 模版的变换和使用
登录淘宝网，进入千牛卖家中心，然后单击页面左侧导航栏“店 铺”，进入店铺页面，再单击页面左侧二级导航栏“店铺装修”下方的 “PC店铺装修”，进入装修页面。单击左侧二级导航栏“装修模版” 进入“PC模版”页面。
10.1.2 模版的备份和还原
进入“PC端模版”页面，在最上方正在使用的模版中，单击“备 份和还原” 按钮，弹出“备份与还原”对话框，在“备份”选项卡 中的“备份名”文本框中输入名称，单击“确定” 按钮，即可完成 模版备份。
10.1.2 模版的备份和还原
在弹出的“备份与还原”对话框中，切换到“还原”选项卡。单击 选中需要进行还原的模板备份，单击“应用备份” 按钮，即可完成 模版备份的还原，单击“删除备份” 按钮，即可完成模版备份的删 除。
10.2.4 使用自定义模块装修
在装修过程中，我们通过 淘宝全屏轮播代码在线生成器 装修轮播海报，使其具有全屏 轮播的效果，创建店铺优惠券 ，促进店铺引流营销的效果。
ቤተ መጻሕፍቲ ባይዱ
10.3 课堂实训- PC端数码产品店铺首页装修
使用店招模块、导航模块和自定义模块进行装修，使用“淘宝热 区代码生成工具”添加热区，使用网页“分类管理”页面添加手工分 类，使用宝贝管理页面为商品进行分类，使用“淘宝导航条css在线 制作”网页为导航设置字体与颜色，使用“淘宝全屏海报代码在线生 成器”装修全屏海报。
10.4 课后习题-PC端护肤品店铺首页装修
使用店招模块、导航模块和自定义模块进行装修，使用“淘宝热 区代码生成工具”添加热区，使用“分类管理”页面添加手工分类， 使用“宝贝管理”页面为商品进行分类，使用“淘宝导航条css在线 制作”网页为导航设置字体与颜色，使用“淘宝全屏海报代码在线生 成器”装修全屏海报。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
10.1.2 无线端店铺的装修要点
4
目标明确，内容简洁
图片不要太大
页面色调简洁而统一 颜色不宜太暗淡
重视首页的视觉传达
10.1.3 无线端店铺与电脑端店铺对比分析
5
手机店铺装修的原理与电脑端的原理相同，富有 视觉冲击力的店铺更能吸引顾客的注意力，留住顾客 在店铺中驻足的时间。前面讲解了电脑端店铺的相关
10.2.7 优惠券制作实战
21
1、绘制圆角矩形
2、设置图层混合模式
10.2.7 优惠券制作实战
22
3、涂抹镯子
4、输入文本
10.2.7 优惠券制作实战
23
5、涂抹镯子
6、输入文本
10.2.8 分类导航的设计与装修实战
24
下面通过中国风的房屋样式，以 及灯笼形状制作具有特色的美食分 类图，制作时需要对颜色进行把握， 制作后的效果如图所示。
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
10.2.1 无线端装修入口及后台操作
10
登陆淘宝账号，进入卖家中心，选择手机店铺装 修或直接进入无线运营中心，即可进入无线店铺的后 台装修页面。依次点击“立即装修”和“店铺装修” 超链接，选择店铺首页，进入店铺首页装修页面，可
10.2.8 分类导航的设计与装修实战
25
1、文字变形
2、添加光影
10.2.8 分类导航的设计与装修实战
26
3、新建组
4、最终效果
10.2.9 宝贝列表图制作实战
27
下面制作“精品上新”与“低价特卖”栏的宝贝列表图，其效果如图所示。
10.2.9 宝贝列表图制作实战
28
1、绘制圆角矩形
2、添加画笔图案
左文右图模块
套餐搭配模块
文本模块
宝贝模块
底部自定义导 航模块
微淘
10.2.4 无线店铺首页的装修注意事项
13
注重感官的习惯性与舒适性
合理控制页面的长度
页面整体内容的把握
与电脑端的视觉统一
10.2.5 手机端店招制作实战
14
下面将制作具有中国特色的小吃店铺的手机端店招，在制作时，由于左侧需要添加店标和店 名，因此左侧不宜放置文案，制作时为了突出中国风，将添加一些图章、图纹元素，效果如图所示。
知识，那么手机店铺装修与电脑端店铺装修究竟有何
不同呢？本任务将从尺寸、布局、详情、分类和颜色 方面对 “妖精口袋”天猫店铺电脑端与手机端页面进
行对比，帮助用户了解两者的区别，以便能合理的进
行无线端店铺的装修设计。
10.1.3 无线端店铺与电脑端店铺对比分析
6
1、布局对比
2、详情对比
10.1.3 无线端店铺与电脑端店铺对比分析
10.3.1 无线端详情页的特征
34
尺寸更小
卖点应该更加精炼
场景更加丰富 页面切换不便 ▪页面文件的容量更小
10.3.2 无线端详情页设计的要点
10.2.5 手机端店招制作实战
15
1、搭建背景图片
2、设置图层混合模式
10.2.5 手机端店招制作实战
16
3、绘制与复制圆
4、输入文本
5、输入文本
6、手机端店招最终效果
10.2.6 手机端焦点图制作实战
17
在设计手机焦点图时，由于屏幕 尺寸较小，因此在构图方式和文本 设计方面都要求简洁，下面将采用 上下式结构为美食制作焦点图，如 图所示为制作的效果
看到淘宝提供了宝贝分类、图文类模块、营销互动类
和智能类模块
10.2.2 认识手机端首页的模块Fra bibliotek成11
从整体内容上看，无线淘宝店铺首页必 须承载8大内容，包括店招、会员分享、宝贝、 分类、活动、形象、优惠券和微淘。
10.2.3 认识手机端首页模块的特点与装修要点
12
店招
店铺标题模块
焦点图模块
优惠券模块
第10章
无线店铺装修设计
淘宝天猫网店美工全能一本通——配色、抠图、装修、无线店铺（视频指导版）
内容导航
10.1 了解无线店铺装修要点
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
10.1.1 无线店铺装修的潮流趋势
3
随着无线互联网的发展，使用移动设备逛网店成为一种新的潮流趋势，因为其体积、
10.2.9 宝贝列表图制作实战
29
3、添加素材
4、添加标签
10.2.9 宝贝列表图制作实战
30
5、添加价格信息
6、制作“低价特卖”标题
10.2.9 宝贝列表图制作实战
31
7、绘制图形
8、添加文本
新手试练
32
制作首页时，需要根据宝贝特色、宝贝功能、设计师喜好来确定店铺的风格，店铺的颜色、 元素搭配都影响了店铺的风格。设计师在颜色搭配、图形与字体的选择不同，营造的气氛与风格 也不同，有些高冷潮流，有些温馨舒适。为了提高读者设计首页的水平，要求分析淘宝上的店铺
首页，设计几套不同风格的店铺首页，具体要求如下。
针对不同的风格，在店铺整体把握上要统一，如以扁平化图形为主的店铺，就需要摒弃一些立 体化的图形。
店铺颜色搭配和谐，主色调与副主色调尽量不超过3种，文本的字体、字间距、页面的边距等
要求统一。
内容导航
10.1 了解无线店铺装修要点
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
屏幕等特点的缘故更为灵活、方便，顾客可随时随地进行购物。为此，淘宝APP、天猫 APP、WAP端口等针对访问无线店铺的端口应运而生。根据互联网数据中心显示，人们通 过移动设备访问Web的数量不断上升，特别是在节假日期间，远远超过了电脑端，店铺中 很大一部分的流量都来自于无线端，因此对无线店铺的装修对于任何一个电商卖家都变得 尤为重要。
10.2.6 手机端焦点图制作实战
18
1、添加素材
2、添加投影
10.2.6 手机端焦点图制作实战
19
3、输入文本
4、调整文本笔刷样式
10.2.7 优惠券制作实战
20
手机端的优惠券与电脑端相比，在排列与大小的设置上更加清晰明了，本例将利用前面的花 纹素材制作具有中国风的古典优惠券效果，其效果如图所示。
7
3、分类对比
4、用色对比
新手试练
8
为了让读者在电脑端店铺装修设计的基础上举一反三，学会手机端店铺的装修设计，要求读
者对淘宝上比较典型的手机端店铺与电脑端店铺的区别进行讨论。要求发散思维，从各个角度、
细节进行赏析、对比，总结对比结果，将之前制作的店铺首页更改为手机端的店铺首页。
内容导航
10.1 了解无线店铺装修要点