第 1章　网店美工基础　1
1.1　网店美工概述 2
1.1.1　网店美工的定义 2
1.1.2　网店美工的工作范畴 2
1.1.3　网店美工的岗位技能要求 3
1.1.4　网店美工应遵循的设计原则 3
1.1.5　网店美工应注意的事项 3
课堂练习：搜索并熟悉网店美工的相关知识 4
1.2　认识Photoshop 4
1.2.1　Photoshop的基本概念 5
1.2.2　认识Photoshop的工作界面 10
1.2.3　在Photoshop中查看图像 11
1.3　综合实训：调整商品图片的尺寸 12
思考与练习 14

第 2章 网店美工设计要点 15
2.1　认识设计元素 16
2.1.1　点 16
2.1.2　线 16
2.1.3　面 17
2.2　色彩 17
2.2.1　色彩属性 17
2.2.2　色彩对比 20
2.2.3　色彩调性 21
2.2.4　色彩搭配技巧 22
课堂练习：店铺首页颜色赏析 23
2.3　字体设计 23
2.3.1　字体的性格特征 23
2.3.2　网店字体的设计原则 24
2.3.3　文字的布局技巧 25
2.4　综合实训：鉴赏店铺首页色彩与字体的应用 26
思考与练习 28

第3章 商品图片拍摄 29
3.1　拍摄器材的选择与拍摄流程 30
3.1.1　相机的选购要素 30
3.1.2　相机的使用技巧 31
3.1.3　辅助器材 31
3.1.4　拍摄的基本流程 32
3.2　拍摄场景与布光 33
3.2.1　拍摄场景 33
3.2.2　布光方法 34
课堂练习：利用泡沫箱制作简易静物摄影棚 35
3.3　商品的拍摄技巧 35
3.3.1　拍摄吸光类商品 35
3.3.2　拍摄反光类商品 35
3.3.3　拍摄透明类商品 35
3.4　构图的基本知识 36
3.4.1　构图的目的 36
3.4.2　认识主体、陪体和背景 36
3.4.3　常用的构图方式 37
3.5　综合实训：网店服装实拍 39
思考与练习 42

第4章 商品图片后期处理 43
4.1　商品图片的调色 44
4.1.1　调整图片的整体亮度和对比度 44
4.1.2　调整图片的高光、阴影和中间调 45
4.1.3　图片偏色的校正 50
课堂练习：校正偏色的冰箱 53
4.2　商品图片的美化与修饰 53
4.2.1　去除图片中的瑕疵和杂物 53
4.2.2　去除背景中多余的物品 55
4.2.3　模特磨皮处理 56
4.2.4　模特五官与身形的处理 58
4.2.5　提高图片的清晰度 60
4.3　抠图 61
4.3.1　抠取规则商品 61
4.3.2　抠取简单背景 62
4.3.3　抠取精细商品 63
4.3.4　抠取半透明物体 65
4.4　为商品图片添加文字与形状 66
4.4.1　为商品图片添加文字 66
4.4.2　为商品图片添加形状 68
4.5　综合实训：调整海报中偏色的衣物 69
思考与练习 71

第5章 店铺首页设计 72
5.1　店铺首页概述 73
5.1.1　店铺首页的主要功能 73
5.1.2　店铺首页的核心模块 73
5.1.3　店铺首页的布局要点 74
5.2　店招与导航栏的设计与制作 75
5.2.1　店招的设计要点 75
5.2.2　制作店招与导航栏 75
课堂练习：制作小家电专卖店的店招与导航栏 78
5.3　海报的设计与制作 78
5.3.1　海报的设计要点 78
5.3.2　制作全屏海报 79
5.4　优惠券的设计与制作 81
5.4.1　优惠券的设计要点 81
5.4.2　制作优惠券 81
5.5　综合实训：制作女装店铺首页海报 83
思考与练习 87

第6章 商品详情页设计 88
6.1　详情页概述 89
6.1.1　详情页的组成部分 89
6.1.2　详情页的设计要点 90
6.1.3　详情页的设计规范 91
6.2　制作商品详情页 91
6.2.1　制作焦点图 91
6.2.2　制作卖点图 93
6.2.3　制作商品信息描述图 95
课堂练习：制作沙发的细节展示图 96
课堂练习：标注沙发的尺寸 98
6.3　综合实训：制作水杯详情页 99
思考与练习 105

第7章 店铺营销推广图设计 107
7.1　商品主图的设计与制作 108
7.1.1　商品主图的设计要点 108
7.1.2　制作主图 109
7.2　智钻图的设计与制作 112
7.2.1　智钻图的展现方式 112
7.2.2　智钻图的投放步骤 112
7.2.3　智钻图的设计要点 113
7.2.4　制作智钻图 113
7.3　直通车图的设计与制作 116
7.3.1　直通车图的投放位置 116
7.3.2　直通车图的投放目的和策略 116
7.3.3　直通车图的设计要点 117
7.3.4　制作直通车图 117
课堂练习：制作剃须刀的直通车图 118
7.4　综合实训：制作智能牙刷主图 119
思考与练习 124

第8章 H5页面设计 125
8.1　H5的基础知识 126
8.1.1　H5和H5页面简介 126
8.1.2　H5页面的类型及表现形式 126
8.1.3　H5页面的设计要点 128
8.1.4　H5页面的制作流程 128
8.2　H5页面的具体制作方法 129
8.2.1　使用MAKA工具制作H5页面 129
8.2.2　使用iH5工具制作H5页面 133
课堂练习：制作月饼营销H5页面 136
8.3　综合实训：制作节日促销类H5页面 137
思考与练习 141

第9章 网店视频拍摄与制作 142
9.1　网店视频的拍摄基础 143
9.1.1　网店中的视频类型 143
9.1.2　拍摄视频的要求 143
9.1.3　拍摄视频的流程 144
9.1.4　拍摄视频的技巧 145
9.2　制作视频 146
9.2.1　Premiere Pro 2020的工作界面 146
9.2.2　制作主图视频 147
9.2.3　制作详情页视频 154
课堂练习：制作蛋糕纸杯的主图视频 158
9.3　综合实训：制作便携果汁机的主图视频 159
思考与练习 162

第 10章 综合实战 163
10.1　服装类网店设计 164
10.1.1　店招设计 164
10.1.2　海报设计 166
10.1.3　主图设计 168
10.1.4　详情页设计 169
10.2　家用电器类网店设计 173
10.2.1　店招设计 173
10.2.2　海报设计 175
10.2.3　主图设计 176
10.2.4　详情页设计 178
思考与练习 180