课时内容

网店美工的基础知识

授课时间

45分钟

课时

1

教学目标

þ  掌握网店的色彩运用方式。 

þ  掌握网店中的文字设计方式。

þ  掌握网店的文案策划。

þ  掌握网店的页面布局。

教学重点

þ  店铺装修应遵循的基本原则。 

þ  色彩的搭配技巧。

教学难点

网店的布局要点。

教学设计

1、 教学思路：（1）讲解什么是网店美工，让学员了解什么是网店美工以及认识网店美工的技术要求和工作范围；（2）讲解网店的色彩运用技巧，让学员熟悉色彩搭配中的注意事项，并对色彩的基本知识有一定的了解；（3）通过对网店中的文字设计，使学员掌握文字的分类和文字在网店中的运用；（4）通过对网店文案策划的讲解，使学员掌握如何进行文案的策划。（5）通过对页面布局的讲解，使学员掌握如何进行页面的布局。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行疑难提问；（2）对于重点知识可进行举例说明。

3、 教学资料及要求：除教材中的对网店美工的基础知识进行介绍外，还可通过网上搜索的方法，丰富基础知识的积累。

教学内容

讨论问题：1、如何让不同的色彩展现本店铺的特色？

          2、文案策划是否与店铺装修同步？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

1.1　网店美工概述

1.1.1 网店美工的定义

1.1.2 网店美工的工作范畴

1.1.3 网店美工的能力要求

1.1.4 店铺装修的基本原则

1.1.5 网店美工挑选图片的方法

1.1.6 网店美工需注意的问题

1.2　网店的色彩运用

1.2.1 色彩的原理

1.2.2 色彩的分类

1.2.3 色彩的属性

1.2.4 色彩的对比

1.2.5 色彩的搭配

1.3　网店的文字设计

1.3.1 字体的类型

1.3.2 文字在网店中的运用

1.4　网店的文案策划

1.4.1 文案在营销中的重要性

1.4.2 文案的策划

1.4.3 文案的前期准备

1.4.5 文案的写作要点

1.5　网店的页面布局

1.5.1 首页布局

1.5.2 详情页布局

1.6　综合实训——网店的色彩与布局鉴赏

1.7　疑难解答

1.8　课后习题

综合实例——“翻旧事家居官方旗舰店”首页显示效果

小结

1、 掌握美工的工作范畴与技能要求。

2、 掌握颜色的原理以及配色方法。

3、 掌握文字的运用与分类。

4、 掌握文案的编写方法。

5、  掌握使页面布局更加合理的方法。

思考及作业

想一想：

如何将卖点体现到文案中？

练一练：

1.挑选一个自己喜欢的网店（淘宝、京东、唯品会等平台均可），鉴赏其店铺首页，分析其颜色搭配和文字的排版是否合理。

2.在该店铺中挑选一件自己喜欢的商品，并为其编写一篇详情页文案。

课时内容

拍摄商品图片

授课时间

90分钟

课时

2

教学目标

þ  商品拍摄的基础知识。

þ  商品拍摄的环境与布光。

þ  不同材质的拍摄方式。

þ  商品拍摄的基本构图。

教学重点

þ  掌握拍摄的技巧。

þ  掌握不同材质的拍摄方法。

教学难点

如何使用构图突出产品的材质。

教学设计

1、 教学思路：（1）通过商品拍摄的基础知识，让学员了解单反相机选择和使用方法；（2）通过拍摄环境和布光，让学员掌握拍摄环境的构建方法和补光的方法；（3）通过不同材质的拍摄方法，让学员掌握吸光类商品、反光类商品和透光类商品的拍摄方法；（4）通过商品拍摄的基本构图，让学员了解横线构图、竖线构图、斜线构图、黄金分割线构图等构图方法。

2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行课堂练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：除教材中的实例外，可以选择一种商品，要求学员通过所学的构图方法和拍摄方法进行商品的拍摄。

教学内容

知识回顾：在前面讲解了网店美工的基础知识，下面对商品拍摄的基础知识进行介绍。

讨论问题：1、如何对吸光类商品进行拍摄？

          2、如何使用横线构图拍摄商品？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

2.1　商品拍摄的基础知识

2.1.1 单反相机的选择

2.1.2 相机的使用

2.1.3 辅助摄影器材

2.1.4 商品的清洁与摆放

2.2　商品拍摄的环境与布光

2.2.1 构建拍摄环境

2.2.2 常见布光方式

2.3　不同材质的拍摄方式

2.3.1 吸光类商品拍摄

2.3.2 反光类商品拍摄

2.3.3 透明类商品拍摄

2.4　商品拍摄的基本构图

2.4.1 横线构图

2.4.2 竖线构图

2.4.3 斜线构图

2.4.4 黄金分割法构图

2.4.5 其他构图

2.5　综合实训——制作摄影棚并进行拍摄

2.6　疑难解答

2.7　课后习题

综合实训——制作摄影棚并进行拍照

小结

1、 掌握商品拍摄的方法

2、 了解拍摄环境与布光的重要性

3、 掌握不同产品的构图方法。

思考及作业

想一想：

如何制作小型摄影棚，并对产品进行拍摄？

练一练：

（1）网店准备上架一批小尺寸的玉石把件和首饰，现在请你去单反商城选购一

台单反相机来进行商品的拍摄工作，要求价格合理且经济实用。

（2）对玻璃瓶装商品进行拍摄，要求自制小型摄影棚并设置光源。

（3）在摄影棚拍摄一款编织包，要求能展现出商品的细节与特点，表现出商品

的质感与光泽。

课时内容

商品图片的美化与修饰

授课时间

180分钟

课时

4

教学目标

þ  调整商品图片大小。

þ  商品图片的调色。

þ  商品图片的抠取。

þ  商品图片的优化。

þ  为商品图片添加文字与形状。

þ  模特图片的处理。

教学重点

þ  掌握将商品图片调整为不同类型颜色的方法。

þ  掌握使用不同工具抠取商品图像的方法。

þ  掌握文字和形状的使用方法。

教学难点

掌握不同商品图片的修饰方法。

教学设计

1、 教学思路：（1）掌握商品图片大小的调整方法，让学员了解Photoshop中修改图片尺寸、改变商品图片和裁剪商品图片的方法；（2）通过商品图片的调色，让学员掌握不同色调的调整方法；（3）通过商品图片的抠取，让学员掌握抠取不同商品图片的方法；（4）通过商品图片的优化，让学员掌握修复商品图片的方法；（5）通过为商品图片添加文字与形状，让学员掌握文字和形状的使用方法；（6）通过模特图片的处理，使学员掌握皮肤的处理和身材的处理方法。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行课堂练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：除教材中的实例外还可制作其他大图，并对大图中的文字和图片进行处理。

教学内容

知识回顾：前面讲解了拍摄商品图片的方法，包括商品拍摄的基础知识、拍摄环境与布光、不同材质的拍摄方式、商品拍摄的基本构图等。下面对图片处理方法进行介绍。

讨论问题：1、如何对暗色的商品图片调整颜色，让其恢复自然？

          2、如何使用前面的方法进行商品图片的制作？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

3.1　调整商品图片大小

3.1.1 网店图片的常见尺寸

3.1.2 调整商品图片尺寸

3.1.3 裁剪商品图片

3.2　商品图片的调色

3.2.1 调整偏色的商品图片

3.2.2 调整模糊的商品图片

3.2.3 调整曝光不足的商品图片

3.2.4 调整曝光过度的商品图片

3.3　商品图片的抠取

3.3.1 纯色背景商品的抠取

3.3.2 杂乱背景商品的抠取

3.3.3 精细商品的抠取

3.3.4 半透明商品的抠取

3.4　商品图片的优化

3.4.1 修复商品图片瑕疵

3.4.2 虚化商品图片背景

3.5　为商品图片添加文字与形状

3.5.1 为商品图片添加文字

3.5.2 为商品图片添加形状

3.6　模特图片的处理

3.6.1 模特皮肤的处理

3.6.2 模特身型的处理

3.7　综合实训——制作旅行包促销图

3.8　疑难解答

3.9　课后习题

月饼主图                                       樱桃商品图片

小结

1、能够在Photoshop CC中通过各种方法进行商品图片色彩的调整。

2、 学习抠取商品图片的方法，并对添加文字与形状的方法进行掌。

3、 根据商品的特点，对商品的背景进行设计与美化。

4、  独立判断商品图片效果，并熟练掌握模特皮肤的处理方法。

思考及作业

想一想：w

1、淘宝商品图片有什么要求吗？

2、怎样让图片表达的信息更加完整？

3、在制作促销图时，往往会用到不规则的矩形，这是怎么制作的呢？

练一练：

（1）本练习将打开月饼素材文件，对月饼的颜色进行调整，抠取月饼并更换背景。处理后的月饼海报中加入了灯笼、树叶等素材，不但美观，而且更具有中秋氛围。

（2）本练习将打开女鞋素材文件（配套资源:素材文件第3章京东女鞋主图.jpg），调整整体色调，使整体主图更加美观，完成前后的效果如图3-125所示（配套资源:效果文件第3章京东女鞋主图.psd）。

课时内容

店铺首页的制作

授课时间

135

课时

3

教学目标

þ  店铺首页概述。

þ  Logo的设计与制作。

þ  店招与导航的设计与制作。

þ  轮播海报的设计与制作。

þ  商品分类的设计与制作。

þ  商品促销展示区的设计与制作。

þ  页尾的设计与制作。

教学重点

þ  掌握首页各部分的设计方法。

þ  掌握轮播海报的制作方法。

教学难点

如何使学员掌握首页的组成要素和展现方法。

教学设计

1、 教学思路：（1）通过店铺首页概述，让学员掌握店铺首页的主要功能、布局和设计要点；（2）通过Logo的设计，让学员掌握Logo的制作方法；（3）通过店招与导航的制作，让学员了解店招与导航的基础知识与制作方法；（3）通过轮播海报的制作，让学员了解轮播图片的尺寸要求，并对制作方法进行掌握；（4）通过商品分类的制作，让学员掌握商品分类的制作方法；（5）通过商品促销展示区的设计与制作，让学员掌握商品促销展示区的设计要点和制作方法；（6）通过尾页的设计与制作，让学员了解尾页的设计要点，并对尾页的制作方法进行掌握。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：除教材中的实例外，还可制作其他类型的首页，该首页应为一个系列在其中颜色和类型要统一。

教学内容

知识回顾：前面讲解了商品图片的美化与修饰的方法，下面对首页的制作方法进行介绍。

讨论问题：1、如何设计符合店铺需求的首页？

2、如何让设计完成后的首页效果更加具有吸引力？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

4.1　店铺首页概述

4.1.1 店铺首页的主要功能

4.1.2 店铺首页的布局要点

4.1.3 店铺首页的设计要点

4.2　Logo的设计与制作

4.2.1 Logo的分类

4.2.2 制作店铺Logo

4.3　 店招与导航的设计与制作

4.3.1 店招与导航的设计原则

4.3.2 店招与导航的设计风格

4.3.3 店招与导航的设计要点

4.3.4 制作店招与导航

4.4　 轮播海报的设计与制作

4.4.1 轮播海报的视觉设计要点

4.4.2 制作第一张轮播海报

4.4.3 制作第二张轮播海报

4.5　商品分类的设计与制作

4.5.1 优惠券的设计要点

4.5.2 商品分类的设计要点

4.5.3 制作商品分类

4.6　商品促销展示区的设计与制作

4.6.1 商品促销展示区的设计要点

4.6.2 制作商品促销展示区

4.7　页尾的设计与制作

4.7.1 页尾的设计要点

4.7.2 制作页尾

4.8　综合实训——制作淑女装店招

4.9　疑难解答

4.10　课后习题

制作淑女装店招

小结

1、 掌握首页的制作原则和要求。

2、  掌握首页各个版块的制作方法。

思考及作业

想一想：

1. 怎么选择Logo素材？

2. 店铺首页的设计技巧？

练一练：

本练习将打开旅行包素材，对旅行包的首页进行制作，完成后的效果如下图所示。

课时内容

商品详情页的制作

授课时间

135分钟

课时

3

教学目标

þ  商品详情页概述。

þ  商品详情页的制作。

教学重点

þ  掌握详情页的设计要点。

þ  掌握商品详情页的设计方法。

教学难点

如何制作商品详情页。

教学设计

1、 教学思路：（1）通过对商品详情页概述讲解，让学员了解商品详情页的设计要点、设计思路、前期准备和主要内容；（2）通过对商品详情页的制作方法进行讲解，让学员掌握商品详情页的制作方法方法。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：除了本例中的详情页外，还可给学员布置其他类型的详情页，并要求该详情页要具有详情页的设计要点。

教学内容

知识回顾：前面的章节中讲解了店铺首页的制作，下面对商品详情页的制作方法进行介绍。

讨论问题：如何设计符合需要的商品详情页？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

5.1　商品详情页概述

5.1.1 商品详情页的设计要点

5.1.2 商品详情页的设计思路与前期准备

5.1.3 商品详情页的主要内容

5.2　商品详情页的制作

5.2.1 制作焦点图

5.2.2 制作商品信息描述图

5.2.3 制作商品卖点图

5.3　综合实训——制作摄影包商品详情页

5.4　疑难解答

5.5　课后习题

焦点图                              商品信息描述图  

小结

1、 掌握商品详情页的设计要求。

2、 掌握商品详情页的制作方法。

思考及作业

想一想：

1. 制作的描述图该如何上传到详情页中？

2. 在商品详情页中如何完整表现细节图？

练一练：

（1）秋天到了，棉袜可以使脚更加温暖，因此在制作棉袜商品描述时，要以温暖为首要条件。而详情页作为消费者购买的依据，它要求图片真实、清晰、完整地展示商品的特征，并通过描述文字等突出商品的卖点和亮点，以达到最大化吸引消费者的目的。本题需要体现棉袜的特征有：①天然、纯棉；②抗菌、防臭；③柔软、舒适；④温暖、不易起球。完成后的效果可参考图如下。

（2）时尚小包是大多数人夏天必备的商品，在制作该详情页时，可将其分为5个部分，分别是焦点图、商品参数、色彩选择、商品亮点以及细节展示，在制作时应该将小包百搭的特点体现出来。本题通过不同的人物穿戴搭配，让时尚和百搭的特点体现出来，并通过细节展示让商品的品质得到展现。

课时内容

店铺推广与视频制作

授课时间

180分钟

课时

4

教学目标

þ  主图的制作。

þ  智钻图的制作。

þ  直通车图的制作。

þ  视频的制作。

教学重点

þ  视频拍摄中的注意事项。

þ  直通车的目的和策略以及对应的位置。

教学难点

掌握制作智钻图和直通车图的方法。

教学设计

1、 教学思路：（1）讲解主图的制作的制作方法，让学员了解主图的要求、主图的设计要点以及制作并上传主图的方法；（2）通过对智钻图的制作进行讲解，让学员练习智钻的定义和作用、智钻的设计要求和制作智钻图的操作方法；（3）通过对直通车图的制作，让学员掌握直通车的目的和策略、投放的位置以及制作方法；（4）通过视频的制作；掌握视频的拍摄和制作方法。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：除教材中的实例外，还可制作其他位置的智钻图，并上传到对应位置。

教学内容

知识回顾：在前面讲解了商品详情页的制作,下面对店铺推广与视频制作方法进行介绍。

讨论问题：1、如何让制作的主图和智钻图变得美观？

          2、如何制作的直通车图运用范围更加广泛？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

6.1　主图的制作

6.1.1 主图的设计要点

6.1.2 制作主图

6.2　智钻图的制作

6.2.1 智钻的定义和作用

6.2.2 智钻图的设计要求

6.2.3 制作智钻图

6.3　直通车图的制作

6.3.1 直通车图的设计思路与方法

6.3.2 制作直通车图

6.4　视频的制作

6.4.1 视频拍摄的基础知识

6.4.2 网店中的视频类型

6.4.3 制作主图视频

6.4.4 制作商品详情页视频

6.5　综合实训

6.5.1 制作棉衣主图—制作主图和主图视频

6.5.2 制作果蔬面粉主图视频

6.6　疑难解答

6.7　课后习题

制作棉衣主图                                  果蔬面粉主图视频

小结

1、 掌握进行推广图的制作。

2、  熟练掌握视频的设计与制作方法。

思考及作业

想一想：

1、如何对淘宝产品的卖出情况进行调查？

2、如何了解消费者最在意的问题？

练一练：

（1）本例中制作的主题主要是体现播放器的品质，在制作时先使用“钢笔工具” 绘制形状并填充为对应的颜色，完成后添加素材，并在形状中输入对应的文字，完成后的效果如下图所示。

（2）本习题为制作智钻图中的首焦图，制作时首先要填充背景，并添加素材，然后添加文本并美化文本，完成后的效果如下图所示。

课时内容

图片的切片与管理

授课时间

90分钟

课时

2

教学目标

þ  图片的切片与优化。

þ  素材中心。

教学重点

þ  掌握切片的优化和保存方法。

þ  熟悉素材中心的管理方法。

教学难点

掌握切片工具的使用方法。

教学设计

1、 教学思路：（1）通过图片的切片与优化的讲解，让学员掌握切片与优化方法；（2）通过对素材中心的讲解，使学员掌握素材中心的使用方法。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：对首页进行进行切片并上传到素材中心中，并对图片进行管理操作。

教学内容

知识回顾：在前面讲解了店铺推广与视频制作方法，下面对图片的切片与管理进行介绍。

讨论问题：如何将切片后的图片上传到素材中心中？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

7.1　图片的切片与优化

7.1.1 图片的切片

7.1.2 切片的优化和保存

7.2　素材中心

7.2.1 素材中心概述

7.2.2 素材中心的功能

7.2.3 素材中心的管理

7.3　 综合实训——切片商品展示图并上传到素材中心

7.4　疑难解答

7.5　课后习题

对首页进行切片

小结

1、 掌握切片工具的使用与优化方法。

2、  了解素材中心的作用，以及使用方法。

思考及作业

想一想：

1、卖家最多可授权多少家淘宝店铺呢？

2、为什么图片上传时，尺寸总被缩小显示？

练一练：

1.打开“休闲鞋.psd”素材文件（、将其中的图片分别进行切片，查看切片后的效果，并保存为“HTML和图像”格式。

2.在素材中心中新建文件夹，并将文件夹命名为“休闲鞋首页”，完成后将图片上传到该文件夹，查看上传图片的图片信息，并对图片进行排序，完成后将该图片授

权给其他店铺使用。

课时内容

装修店铺

授课时间

90分钟

课时

2

教学目标

þ  模板的管理。

þ  模块的设置。

þ  使用模块装修店铺。

教学重点

þ  掌握模板的管理方法。

þ  掌握模块的设置方法。

þ  掌握使用模板进行首页装修的方法。

þ  掌握使用模板进行商品详情页装修的方法。

教学难点

如何快速使用模块装修店铺。

教学设计

4、 教学思路：（1）通过对模板的讲解，让学员掌握模块的添加与设置方法；（2）通过对使用模块装修店铺的讲解，使学员掌握装修店铺的方法。

5、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

6、 教学资料及要求：对收集到的首页使用模块进行装修，增加店铺的美观性。

教学内容

知识回顾：在前面讲解了图片的切片与管理，下面对店铺的装修进行介绍。

讨论问题：首页和商品详情页的装修有联系和区别吗？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

8.1　模板的管理

8.1.1 模板的变换

8.1.2 模板的备份与还原

8.2　模块的设置

8.2.1 认识基础模块

8.2.2 模块的添加、删除和编辑

8.3　使用模块装修店铺

8.3.1 电脑端首页的装修

8.3.2 商品详情页的装修

8.4　综合实训——更改模板并装修店铺首页

8.5　疑难解答

8.6　课后习题

装修店铺

小结

3、 掌握使用模块装修店铺的方法。

4、  了解不同模块的使用方法。

思考及作业

想一想：

1、装修商品详情页还有其他方法吗？

2、装修过程中有哪些误区？该怎么进行解决？

练一练：

下面将打开“促销展示页.jpg”素材文件，对其进行切片操作，然后上传到素材中心，最后将内容装修到首页。

课时内容

综合案例——装修绿植店铺

授课时间

90分钟

课时

2

教学目标

þ  制作绿植店铺首页。

þ  制作绿植商品详情页。

教学重点

þ  掌握首页的制作方法。

þ  掌握商品详情页的制作方法。

教学难点

如何对绿植店铺进行设计与制作。

教学设计

1、 教学思路：（1）通过制作绿植店铺首页的讲解，让学员掌握首页的设计与制作方法；（2）通过对绿植商品详情页的讲解，让学员掌握完整商品详情页的制作方法。

2、 教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。

3、 教学资料及要求：针对店铺的要求，制作一套完整的首页和商品详情页。

教学内容

知识回顾：前面讲解了装修店铺的方法，本章将通过绿植店铺为例讲解首页首页和商品详情页的制作方法。

讨论问题：如何让首页和详情页变得完整统一？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

9.1　制作绿植店铺首页

9.1.1 设计思路

9.1.2 知识要点

9.1.3 操作步骤

9.2　制作绿植商品详情页

9.2.1 设计思路

9.2.2 知识要点

9.2.3 操作步骤

9.3　疑难解答

9.4　课后习题

制作绿植店铺首页                      制作绿植店铺商品详情页

小结

1、  掌握首页的制作流程，以及制作方法。

2、  掌握详情页的制作要求与设计思路。

思考及作业

想一想：

1、淘宝首页有什么设计技巧？

2、淘宝商品详情页有什么设计技巧？

练一练：

（1）本例将制作女包首页，在制作前需要先制作通栏店招，在制作时主要通过简单的

文字描写，突出主题。在其下方制作海报中主要使用白雪等冬季素材，体现包的使用季节，并添加女包素材，让主题得到体现。通过文案的添加让促销信息得以体现。在下方制作爆款推荐、新品上新版块，在制作该版块时，主要是对爆款女包进行罗列，使其效果进行简单展示。

（2）本例将制作女包详情页，在制作时需要先制作焦点图，该焦点图与首页相符，都是通过素材+女包+文字进行体现，并通过灵感——细节——尺寸大小进行具体展示，其完成后的效果。