目 录

第1章 网店美工入门基础

1.1 网店美工知识概述 2

1.1.1 网店美工的定义 2

1.1.2 网店美工的工作内容 2

1.1.3 网店美工的技能要求 3

1.2 网店装修的设计要点 3

1.2.1 色彩搭配 3

知识链接 认识色相环 5

1.2.2 文字设计 6

注意事项 字体选择的标准 7

1.2.3 版式布局 7

1.2.4 文案策划 9

1.3 网店装修的页面构成 10

1.4 网店装修的风格定位 12

1.5 网店装修的常用软件 14

1.6 网店装修的基本流程 15

新手答疑 16

第2章 商品图片的采集与发布

2.1 商品拍摄的基础知识 18

2.1.1 商品拍摄的基本流程 18

2.1.2 拍摄器材的选择 18

注意事项 镜头的选择 19

2.1.3 辅助器材的选择 19

2.2 拍摄场景的构建 22

2.2.1 拍摄环境的选择 22

注意事项 在室内没有摄影棚的拍摄方法 23

2.2.2 常见的场景构图 23

2.2.3 拍摄场景的布置 25

2.2.4 场景布光的技巧 26

2.3 商品拍摄技巧 28

2.3.1 商品摆设的角度选择 28

2.3.2 拍摄吸光类商品 29

2.3.3 拍摄反光类商品 29

2.3.4 拍摄透明类商品 30

2.4 图片的切片与管理 30

2.4.1 切片的创建 31

2.4.2 切片的导出 31

2.5 商品图片上传 32

2.5.1 商品素材的上传 32

2.5.2 商品素材的管理 35

注意事项 批量编辑素材 37

2.6 商品信息发布 37

2.6.1 宝贝类目的选择 37

2.6.2 基础素材编辑 38

2.6.3 导购素材编辑 39

案例实战：详情页的切片处理 40

新手答疑 42

第3章 商品图片的后期处理

3.1 商品图片的基础处理 44

3.1.1 调整商品图片的大小 44

注意事项 自定义图像的宽度和高度 44

3.1.2  裁剪规则商品的图片 45

注意事项 新建裁剪预设 45

3.1.3 校正图片的透视效果 46

3.1.4  导出规定大小的图片 46

知识链接 存储为Web所用格式 47

3.1.5 校正倾斜的图片 47

3.2 商品图片的抠取 49

3.2.1 抠取单色背景图片 49

3.2.2  抠取规则商品图片 50

3.2.3 抠取不规则商品图片 52

3.2.4  抠取琐碎边缘商品图片 54

3.2.5 抠取带有模特的商品 55

3.3 商品图片颜色的校正 57

3.3.1 调整曝光不足的商品图片 57

注意事项 调整图像颜色的两种方法 57

3.3.2  调整曝光过度的商品图片 57

注意事项 混合模式的基础 58

3.3.3 校正偏色商品图像 59

注意事项 校正偏色图像的多种方法 59

3.3.4  加强商品图片饱和度 59

知识链接 使用“色相/饱和度”命令调整图像色相 60

3.3.5 通过取样校正图像颜色 60

注意事项 将参数恢复到默认值 61

3.4 商品图片的瑕疵修复 61

3.4.1 净化商品图片背景 61

3.4.2  去除商品图片中的杂物 62

3.4.3 修复商品图片上的瑕疵 63

3.4.4 去除图像中的杂物并制作白底图 64

3.5 丰富商品图片内容 65

3.5.1 添加商品文案信息 65

3.5.2  添加装饰形状 67

知识链接 绘制精确尺寸的矩形 68

3.5.3 添加倒影/投影效果 69

3.5.4 添加水印 71

注意事项 不能被动作命令记录的操作 72

3.5.5 使商品主体更加立体化 72

案例实战：全面优化图像显示 74

新手答疑 76

第4章 网店视频的拍摄与制作

4.1 关于网店视频 78

4.1.1 店铺视频的类型 78

4.1.2 视频的应用场景 79

知识链接 什么是光合平台 80

4.2 视频拍摄 81

4.2.1 视频拍摄的要求 81

4.2.2 视频拍摄的流程 82

注意事项 视频拍摄器材 83

4.2.3 视频拍摄的运镜技巧 84

4.2.4 视频拍摄景别的选择 85

注意事项 拍摄的注意要点 87

4.3 视频剪辑 87

4.3.1 认识剪辑软件：剪映 87

注意事项 自动保存剪辑视频 88

4.3.2 导入视频素材 88

4.3.3 编辑视频素材 89

4.3.4 添加背景音乐 91

4.3.5 添加视频文案 92

4.3.6 添加装饰贴纸 95

4.3.7 为画面和人物添加特效 96

4.3.8 设置画面转场效果 96

4.3.9 调整画面的颜色 97

4.3.10  快速生成特效大片 99

4.3.11  抠取视频主体物 101

4.3.12  为视频添加蒙版 103

4.3.13  为视频中的人物美颜美体 103

4.3.14  导出视频 104

注意事项 剪辑视频需要注意的问题 105

4.4 视频上传 105

4.4.1 视频上传至后台 105

4.4.2 视频的发布 106

案例实战：主图视频的剪辑 108

新手答疑 116

第5章 店铺营销推广图的设计

5.1 主图设计 118

5.1.1 主图的显示位置 118

5.1.2 主图的设计尺寸 118

5.1.3 主图的文案选择 119

5.1.4 主图顺序的逻辑参考 120

注意事项 主图排序 120

5.1.5 白底图在主图中的应用 123

知识链接 透明图的应用与要求 126

5.2 直通车图的设计 127

5.2.1 如何开启直通车推广 127

5.2.2 直通车的推广方式 127

注意事项 存储预设模板 129

5.2.3 直通车图的显示位置 131

知识链接 直通车站外投放 132

5.2.4 直通车图的设计要点 132

注意事项 直通车前期测图 133

案例实战：制作耳机直通车主图 133

新手答疑 141

第6章 商品详情页设计

6.1 详情页概述 143

6.1.1 详情页的组成部分 143

6.1.2 详情页的设计要点 146

知识链接 FABE营销法则 146

6.1.3 详情页的设计规范 147

注意事项 上传图片前的建议 147

6.2 使用高级编辑设计详情页 149

6.2.1 基础模块设计 149

知识链接 富文本格式 152

6.2.2 营销模块设计 152

知识链接 URL是什么 153

6.2.3 行业模块设计 154

案例实战：制作台灯详情页 157

新手答疑 168

第7章 店铺首页的设计

7.1 店铺首页概述 170

7.1.1 首页的制作规范 170

知识链接 图片尺寸详解 170

7.1.2  首页的内容构成 171

7.1.3 首页的布局要点 173

7.1.4  首页的注意事项 175

7.2 店铺首页的页面装修 176

7.2.1 图文类模块 176

7.2.2  视频类模块 179

7.2.3 营销互动类模块 180

7.2.4  liveCard模块 181

7.2.5 宝贝类模块 182

注意事项 预售模块限时显示 183

案例实战：制作家居类店铺首页设计 184

注意事项 背景与文字颜色的选择 197

新手答疑 201

第8章 H5场景页面设计

8.1 H5页面概述 203

8.1.1 H5页面类型 203

8.1.2 H5页面的表现形式 204

8.1.3 H5页面设计要点 206

8.2 H5页面的制作 208

8.2.1 认识MAKA 208

注意事项 版权问题 210

8.2.2 按需创建空白模板 211

8.2.3 背景页面的调整 212

8.2.4 文字的添加与设置 213

8.2.5 图片/素材的选择与应用 215

8.2.6 互动效果的添加与设置 217

知识链接 点触链接支持对象 219

8.2.7 表单的添加与设置 219

8.2.8 营销活动的添加与设置 220

案例实战：制作电商节促销宣传海报 221

新手答疑 227