淘宝美工进阶教程 设计基础 店铺后台 详情页 手机装修 视频制作一本就够全彩

本书是一本以淘宝美工综合技法案例实操教学为主的书。全书结构按照“基础—基本技法—实例讲解”的流程，全面地讲解美工设计师需具备的电商设计基本功底与美工实战技巧。以美工设计会涉及的软件、装修后台、配色及版式设计等基础知识和图片的处理、字体的设计与排版等基本技法为支撑，依次对淘宝店标、主图、电商海报、店铺首页背景、宝贝详情页、优惠券、客服中心栏、页尾图、无线视频，以及手机淘宝店铺的制作与安装等知识点进行全方位的实战演练与讲解，化难为易，聚散成整，让想要学习美工设计的读者能够通过本书得到系统的学习与提升。

子若老师，平面设计师，淘宝美工设计师，8年电商从业经验，两年实战教学经验；服务过多家天猫旗舰店设计，有丰富的实践行业经验，擅长海报设计、淘宝天猫首页装修设计、手机端装修设计等。曾担任过腾讯课堂标杆行业的平面兼职讲师，历经8年的积累和沉淀，希望能借此教程助想要学习淘宝美工的读者一臂之力。

01 美工设计的基本知识 17

11 概述 18

12 认识Photoshop软件 18

121 界面的基本介绍 18

122 基础命令的介绍 19

13 认识CorelDRAW软件 20

131 界面的基本介绍 20

132 基础命令的介绍 20

14 认识Dreamweaver软件 21

141 Dreamweave的编辑环境介绍22

142 Dreamweave的基本功能介绍24

15 关于店铺装修后台的了解28

151 店铺首页的装修 28

152 店铺详情页的装修 32

153 宝贝列表页的装修 34

02 配色的基础知识 37

21 认识色彩 38

211 色彩的来源 38

212 色彩模式的显示方式 38

213 RGB颜色模式 38

214 CMYK颜色模式 39

215 HSB颜色模式 39

22 色彩的三要素 41

221 色相 41

222 明度 42

223 饱和度 44

23 色彩的心理学 45

231 色彩有冷暖 45

232 色彩有重量 46

233 色彩有远近 46

234 色彩有大小 46

235 色彩有味道 47

24 店铺色彩的搭配技巧 47

241 互补色搭配 48

242 邻近色搭配 49

243 间隔色搭配 50

03 版式设计的基础知识51

31 什么是版式设计 52

32 平面的构成原理 52

321 点 52

322 线 53

323 面 54

33 版式设计的原则 54

331 思想性与单一性 55

332 艺术性与装饰性 55

333 趣味性与独创性 55

34 版式设计的类型 56

341 骨骼型 56

342 满版型 56

343 左右分割型 56

344 上下分割型 56

345 中轴型 56

346 倾斜型 56

347 曲线型 57

348 对称型 57

349 重心型 57

3410 三角型 57

3411 并置型 58

3412 自由型 58

3413 四角型 58

35 电商设计中的元素表现 58

351 重复 58

352 类似 58

353 渐变 59

354 对比 59

355 密集 59

356 发射 60

357 空间 60

358 分割 60

36 电商海报的排版技巧 60

361 对齐 60

362 对比 61

363 重复 61

364 亲密 62

04 图片处理的方法 63

41 几种常见的产品抠图方法64

411 婚纱人像的抠取 64

实战：用色彩范围抠取人像 64

412 透明玻璃杯的抠取 66

实战：用通道抠取透明玻璃杯 66

413 纯色背景人像的抠取 68

实战：用色彩范围结合调整边缘抠取人像69

414 人物发丝的抠取 71

实战：用多个命令与操作抠取发丝71

415 火焰的抠取 73

实战：用色彩范围结合混合模式抠取人像73

42 如何去除/复制图像元素76

421 用仿制图章工具去除图像76

实战：去除图片中多余的花朵 76

422 用修复画笔工具去除图像 76

实战：去除画面中多余的帆船 76

423 利用修复画笔工具复制图像 77

实战：利用Alt键复制图像 77

424 用消失点功能去除杂物 78

实战：去除图像中多余的树叶 78

43 如何去除图片中的水印 79

431 用修补工具去除水印 79

实战：去除茶叶图片中的水印 79

432 用矩形选框工具去除水印80

实战：去除密码箱产品图中的水印80

433 用借图法去除水印 80

实战：去除白色茶杯图片中的水印81

434 利用选区+色阶+仿制图章工具去除水印 81

实战：去除挎包产品图中的链接82

435 用内容识别功能去除水印83

实战：去除素材图片中的水印 83

436 用魔棒工具去除水印 83

实战：去除折扇产品图中的水印83

44 用污点修复工具去除瑕疵84

实战：修复人物脸部的瑕疵 84

45 如何完成人物的磨皮处理85

451 光滑磨皮 85

实战：人物脸部的光滑磨皮处理85

452 计算磨皮 87

实战：半身人像的滤镜磨皮处理87

453 PortraitPlus一键磨皮 90

技术专题：PortraitPlus插件的下载与安装90

实战：半身人像的润色美白磨皮处理91

46 产品图的调色处理和方法92

461 如何处理产品图过曝问题92

实战：女包产品图的过曝问题处理92

462 如何处理产品图过暗 93

实战：女包产品图的过暗问题处理93

463 如何给产品图校色 94

实战：苹果产品图的校色处理 94

464 如何给产品图换色 96

实战：女包产品图的换色处理 96

465 不同风格的调色处理 97

实战：唯美淡青色风格调色 97

实战：怀旧复古风格调色 99

技术专题：相框效果的添加 103

实战：日系淡色风格调色 104

47 产品投影效果的制作 108

471 接触阴影的制作 108

实战：男鞋产品图的阴影绘制与表现108

472 柔和阴影的制作 109

实战：茶杯产品图的阴影绘制与表现109

473 投射阴影的制作 110

实战：顶光投射阴影效果的绘制与表现110

实战：侧光投射阴影的绘制与表现110

474 产品倒影的制作 111

实战：纸箱水平倒影的制作与表现112

48 产品批处理的方法 113

实战：女鞋产品图的批处理 114

49 综合案例：钻戒精修 115

491 产品的结构分析 116

492 操作步骤 116

技术专题：关于投影的另外一种制作方法122

410 综合案例：面膜精修122

4101 产品的结构分析 123

4102 操作步骤 123

05 字体的设计与排版 131

51 概述 132

52 字体的下载与安装 132

53 电商字体的风格划分 133

531 秀丽柔美 133

532 稳重挺拔 133

533 活泼有趣 134

534 苍劲古朴 134

54 字体设计的原则与排版设计流程134

541 字体设计的原则 134

542 字体排版设计的基本流程134

55 毛笔字的制作与运用 135

551 基本特点和使用途径 135

552 设计要点 135

实战：“开年大促”海报字体的制作136

56 3D字体的制作与运用 141

561 基本特点和使用途径 141

562 设计要点 141

实战：“约惠情人节”海报字体的制作141

06 淘宝店标的制作 147

61 什么是店标 148

62 店标的制作格式与规范148

63 静态店标的制作 148

实战：慕子小铺静态店标制作148

64 动态店标的制作 150

实战：慕子小铺动态店标制作150

07 产品主图的设计与制作153

71 什么是产品主图 154

72 产品主图设计的三要素154

721 产品图片 154

722 文案 155

723 背景 155

73 常见的主图排版结构方式156

74 产品主图的五种展示角度156

75 创意主图的制作 157

751 展示位置介绍 157

752 设计原则 157

实战：“电吹风”创意主图的制作158

76 直通车主图的制作 165

761 展示位置介绍 166

762 设计原则 166

实战：“水云凝晚霜”直通车主图的制作167

08 电商海报的设计与制作175

81 什么是电商海报 176

82 全屏海报的制作 176

821 什么是全屏海报 176

822 全屏海报的设计意义 176

实战：彩妆品牌的全屏海报制作176

83 促销海报的制作 182

831 什么是促销海报 182

832 促销海报的设计意义 182

实战：运动鞋品牌的促销海报制作182

09 店铺首页背景的制作、代码 安装与发布 187

91 什么是店铺首页背景 188

92 首页移动背景的制作与安装188

实战：女鞋店铺首页移动背景的制作188

93 首页固定背景的制作与安装191

实战：女鞋店铺首页固定背景的制作191

10 宝贝详情页的制作、代码安装 与发布 195

101 什么是宝贝详情页 196

102 详情页的设计要点 197

103 详情页的结构拆分与说明198

104 宝贝详情页设计实战解析198

1041 宝贝详情页的尺寸规范198

1042 “黄金前三屏3秒注意力”原则198

实战：女鞋产品详情页的制作199

11 优惠券的设计、代码安装与发布213

111 什么是优惠券 214

112 优惠券的设置与发布214

1121 订购优惠券流程 214

1122 创建店铺优惠券 215

1123 创建商品优惠券 216

1124 创建包邮券 216

113 优惠券的领取位置说明217

1131 在店招上方位置领取217

1132 在旺旺对话框右侧领取218

1133 在宝贝详情页领取 218

1134 在首页领取 218

114 优惠券的制作实战解析218

实战：制作一张女装店铺优惠券218

12 客服中心栏的设计、代码安装 与发布 225

121 什么是客服中心栏 226

122 客服中心栏背景的制作226

实战：用Photoshop制作客服中心栏背景226

实战：用Dreamweaver制作客服中心栏背景228

123 如何在Dreamweaver中添加旺旺代码229

124 如何在Dreamweaver中添加旺旺头像229

125 如何将旺旺客服代码安装到店铺230

13 页尾图的设计、代码安装与发布231

131 什么是页尾图 232

132 页尾图的制作实战解析232

实战：女鞋店铺页尾图的设计、代码安装 与发布 232

14 淘宝官方视频的制作、订购、 上传与发布 239

141 什么是淘宝官方视频240

142 淘宝官方视频的制作240

143 关于“淘宝官方无线视频”的订购241

1431 “无线视频”功能对于商家的划分241

1432 无线视频的订购流程241

144 视频的上传与发布方法242

1441 将视频发布到手机淘宝首页242

1442 将视频发布到微淘 244

1443 将详情页视频发布到手机淘宝首页246

15 手机淘宝店铺的设计、代码 安装与发布 249

151 装修后台的位置说明250

152 装修后台的模块组成与介绍250

153 综合案例：手机淘宝女鞋店铺的 首页装修与发布 251

1531 店招图片的制作、安装与发布251

1532 轮播图的制作、安装与发布254

1533 双列分类图片模块的制作与安装256

1534 自定义区模块的制作、切片与安装260

1535 优惠券模块的制作与安装266

1536 页尾图的制作、安装与发布269

1537 保存、发布与备份 271