01 淘宝天猫网店设计快速入行 1
1.1 淘宝天猫网店设计入门基础 2
1.1.1 什么是网络店铺装修 2
1.1.2 淘宝天猫网店设计的意义 4
1.2 淘宝天猫网店色彩设计知识 10
1.2.1 认识色彩的三种属性 10
1.2.2 淘宝天猫网店的配色应用技巧 18
1.3 淘宝天猫网店的文字应用技巧 23
1.3.1 淘宝天猫网店常见的字体风格 23
1.3.2 淘宝天猫网店的文字编排规则 26
1.4 淘宝天猫网店的版式布局技巧 27
1.4.1 淘宝天猫网店的常见版式布局 28
1.4.2 淘宝天猫网店的图片布局处理 32
02 Photoshop网店设计入门 35
2.1 软件入门操作 36
2.1.1 安装Photoshop CC软件 36
2.1.2 卸载Photoshop CC软件 38
2.1.3 启动Photoshop CC软件 39
2.1.4 退出Photoshop CC软件 39
2.2 图像基本操作 40
2.2.1 新建商品图像文件 40
2.2.2 打开与置入商品图像 41
2.2.3 保存商品图像文件 44
2.2.4 关闭商品图像文件 45
2.2.5 显示与隐藏商品图像面板 46
2.2.6 复制与删除商品图像图层 46
2.3 图像显示操作 48
2.3.1 商品图像最大化最小化显示 48
2.3.2 调整商品图像窗口排列 49
2.3.3 切换商品图像编辑窗口 51
2.3.4 放大和缩小商品图像 52
2.3.5 运用抓手工具移动商品图像 53
2.3.6 按适合屏幕显示商品图像 54
2.3.7 按区域显示商品图像 55
2.3.8 调整商品图像的尺寸 57
2.3.9 调整商品画布的尺寸 58
2.3.10 调整商品图像的分辨率 60
2.4 图像辅助操作 61
2.4.1 商品图像标尺的显示 61
2.4.2 商品图像尺寸的测量 62
2.4.3 商品图像参考线的编辑 63
2.4.4 为商品图像添加注释 65
2.4.5 撤消错误还原操作 67
2.4.6 恢复和清理商品图像 70
2.4.7 优化软件操作界面 72
03 网店图像的基础处理 75
3.1 图像的常用操作 76
3.1.1 移动商品图像 76
3.1.2 手动裁剪商品图像 77
3.1.3 精确裁剪商品图像 79
3.1.4 旋转调整商品角度 80
3.1.5 翻转调整商品图像 81
3.1.6 通过斜切制作商品投影效果 82
3.1.7 通过扭曲命令还原商品图像 84
3.1.8 商品图像透视效果 86
3.2 图像的修复处理 87
3.2.1 通过仿制图章工具去除商品背景杂物 87
3.2.2 通过图案图章工具复制商品图像 89
3.2.3 通过污点修复画笔工具修复商品 90
3.2.4 通过修补工具修补商品图像 92
3.2.5 通过橡皮擦工具清除商品信息 94
3.3 图像的颜色调整 95
3.3.1 通过填充工具更改商品背景颜色 95
3.3.2 通过油漆桶工具改变商品颜色 97
3.3.3 通过吸管工具吸取并改变商品颜色 99
3.3.4 通过减淡工具加亮商品图像 100
3.3.5 通过加深工具调暗商品图像 101
3.3.6 通过模糊工具虚化商品背景 102
3.3.7 通过锐化工具清晰显示商品 104
04 网店图像的简单抠图 106
4.1 网店商品命令抠图方法 107
4.1.1 通过“全部”命令抠取商品 107
4.1.2 通过“反向”命令抠取商品 108
4.1.3 通过“色彩范围”命令抠取商品 110
4.1.4 通过“扩大选取”命令抠取商品 113
4.1.5 通过“选取相似”命令抠取商品 114
4.2 网店商品工具抠图方法 116
4.2.1 通过矩形选框抠取商品 116
4.2.2 通过椭圆选框抠取商品 118
4.2.3 通过套索工具抠取商品 119
4.2.4 通过多边形套索工具抠图商品 122
4.2.5 通过磁性套索工具抠取商品 123
4.2.6 通过橡皮擦工具抠取商品 126
4.2.7 通过背景橡皮擦工具抠取商品 127
4.2.8 通过魔术橡皮擦抠取商品 132
4.2.9 通过快速选择工具抠取商品 134
4.2.10 通过魔棒工具抠取商品 136
05 网店图像的复杂抠图 142
5.1 网店商品路径抠图方法 143
5.1.1 通过钢笔绘制直线路径抠取商品 143
5.1.2 通过钢笔绘制曲线路径抠取商品 145
5.1.3 通过自由钢笔绘制路径抠取商品 148
5.1.4 通过绘制矩形路径抠取商品 150
5.1.5 通过绘制圆角矩形路径抠取商品 153
5.1.6 通过绘制椭圆路径抠取商品 156
5.2 网店商品图层抠图方法 158
5.2.1 通过“正片叠底”模式抠取商品 158
5.2.2 通过“颜色加深”模式抠取商品 159
5.2.3 通过“滤色”模式抠取商品 161
5.3 网店商品蒙版抠图方法 162
5.3.1 通过快速蒙版抠取商品 162
5.3.2 通过图层蒙版抠取商品 165
5.3.3 通过矢量蒙版抠取商品 167
5.3.4 通过“调整边缘”命令抠取商品 169
5.4 网店商品通道抠图方法 170
5.4.1 通过调整通道对比抠取商品 170
5.4.2 色阶调整配合通道抠取商品 172
5.4.3 用通道对透明物体抠取商品 175
06 网店图像的调色处理 178
6.1 网店商品图像颜色填充 179
6.1.1 运用“颜色”面板填充商品颜色 179
6.1.2 运用“色板”面板填充商品颜色 180
6.1.3 运用快捷菜单填充商品颜色 182
6.1.4 运用渐变工具双色填充商品 183
6.2 网店商品图像颜色调整 187
6.2.1 通过自动色调调整商品图像色调 187
6.2.2 通过自动对比度调整商品图像对比度 189
6.2.3 通过自动颜色校正商品图像偏色 189
6.2.4 通过亮度／对比度调整商品图像色彩 190
6.2.5 通过色阶调整商品图像亮度范围 191
6.2.6 通过曲线调整商品图像色调 193
6.2.7 通过曝光度调整商品图像曝光度 195
6.2.8 通过自然饱和度调整商品图像饱和度 196
6.2.9 通过色相／饱和度调整商品图像色调 197
6.2.10 通过色彩平衡调整商品图像偏色 198
6.2.11 通过匹配颜色匹配商品图像色调 200
6.2.12 通过替换颜色命令替换商品图像颜色 201
6.2.13 通过阴影／高光调整商品图像明暗 203
6.2.14 通过照片滤镜过滤商品图像色调 205
6.2.15 通过通道混合器调整图像色调 206
6.2.16 通过可选颜色改变商品图像颜色 207
6.2.17 通过黑白命令去除商品图像颜色 209
6.2.18 通过去色命令制作灰度商品图像效果 210
6.2.19 通过变化命令制作彩色调商品图像 211
6.2.20 通过HDR色调命令调整商品图像色调 212
07 网店文字的编排处理 215
7.1 网店文字的输入与编辑 216
7.1.1 制作横排商品文字效果 216
7.1.2 制作直排商品文字效果 218
7.1.3 设置商品文字属性 220
7.1.4 输入段落描述商品文字 222
7.1.5 设置商品描述段落属性 224
7.1.6 制作横排商品文字蒙版效果 225
7.1.7 制作直排商品文字蒙版效果 228
7.1.8 商品文字水平垂直互换 230
7.1.9 制作商品文字沿路径排列效果 231
7.1.10 调整商品文字路径的形状 233
7.1.11 调整商品文字位置的排列 234
7.2 网店文字特效的制作与应用 235
7.2.1 制作商品文字变形样式 235
7.2.2 编辑变形商品的文字 238
7.2.3 制作商品文字路径效果 239
7.2.4 制作商品文字图像效果 240
7.2.5 制作商品文字描边效果 241
7.2.6 制作商品文字颜色效果 243
7.2.7 制作商品文字渐变效果 244
7.2.8 制作商品文字发光效果 246
7.2.9 制作商品文字投影效果 248
08 网店图像的合成处理 250
8.1 网店服装鞋包特效合成 251
8.1.1 合成服饰特效 251
8.1.2 合成鞋子特效 253
8.1.3 合成女包特效 256
8.1.4 合成商品搭配 258
8.2 网店珠宝首饰特效合成 259
8.2.1 合成戒指特效 259
8.2.2 合成手表特效 263
8.2.3 合成珠宝特效 265
8.2.4 合成发饰特效 268
8.2.5 合成墨镜特效 270
8.3 网店数码玩具特效合成 272
8.3.1 合成手机特效 272
8.3.2 合成玩具特效 274
8.4 网店家具家居特效合成 276
8.4.1 合成床品特效 276
8.4.2 合成家居特效 278
09 网店基础元素区域的设计 281
9.1 店招：淘宝天猫网店的招牌门面 282
9.1.1 店招的设计要求 282
9.1.2 店招的主要功能 285
9.1.3 花店类店招设计与详解 286
9.1.4 女包类店招设计与详解 290
9.2 导航条：帮助网店顾客找到商品 293
9.2.1 导航条的设计分析 293
9.2.2 儿童幼教店铺导航条设计与详解 296
9.2.3 女鞋类店铺导航条设计与详解 298
9.3 店铺收藏区：帮网店抓住回头客 301
9.3.1 收藏区的设计分析 301
9.3.2 店铺收藏区设计与详解 304
9.4 公告栏：淘宝天猫网店信息展示 308
9.4.1 公告栏的设计分析 308
9.4.2 店铺公告栏设计与详解 310
10 首页设计：网店第一印象 314
10.1 掌握首页欢迎模块 315
10.2 首页欢迎模块的设计要点 316
10.2.1 首页欢迎模块设计的准备工作 316
10.2.2 首页欢迎模块设计的注意事项 317
10.2.3 首页欢迎模块设计的设计技巧 317
10.3 设计女装网店首页 320
10.3.1 制作首页背景效果 321
10.3.2 制作商品图像效果 324
10.3.3 制作宣传文案效果 326
10.4 设计食品网店首页 329
10.4.1 制作首页背景效果 330
10.4.2 制作商品图像效果 331
10.4.3 制作首页文案效果 333
11 主图设计：网店视觉强化 339
11.1 商品主图优化的设计分析 340
11.1.1 收集装修图片素材 340
11.1.2 要配有清晰的图片 341
11.2 设计帆布鞋网店主图 345
11.2.1 制作主图背景效果 346
11.2.2 制作主图商品效果 348
11.2.3 制作主图文案效果 350
11.3 设计玩具网店主图 355
11.3.1 制作主图背景效果 355
11.3.2 制作细节图效果 356
11.3.3 制作主图文案效果 360
11.4 设计厨具网店主图 362
11.4.1 制作主图背景效果 363
11.4.2 制作主图商品效果 364
11.4.3 制作主图文案效果 366
12 海报设计：网店理念传达 372
12.1 广告海报的设计分析 373
12.1.1 网络广告海报的分类 373
12.1.2 广告海报设计的要点 377
12.2 设计女鞋网店广告海报 378
12.2.1 制作广告海报的背景效果 379
12.2.2 制作广告海报的商品效果 381
12.2.3 制作广告海报的文案效果 383
12.3 设计化妆品网店广告海报 387
12.3.1 制作广告海报的背景效果 388
12.3.2 制作广告海报的商品效果 392
12.3.3 制作广告海报的文案效果 396
13 产品详页设计：网店商品展示 399
13.1 产品详页的设计分析 400
13.1.1 产品详页的设计规范 400
13.1.2 产品详页的设计要点 401
13.2 设计时尚女包产品详页 406
13.2.1 制作产品详页的商品效果 406
13.2.2 制作产品详页的文案效果 411
13.3 设计智能思维车产品详页 415
13.3.1 制作产品详页的背景效果 416
13.3.2 制作产品详页的商品效果 420
13.3.3 制作产品详页的文案效果 422
14 促销方案设计：网店增进交易 427
14.1 促销方案的设计分析 428
14.1.1 商品促销区的制作方法 428
14.1.2 促销方案的设计要点 429
14.1.3 促销活动的过程与类型 431
14.2 设计汽车用品促销方案 436
14.2.1 制作促销方案的背景效果 437
14.2.2 制作促销方案的商品效果 438
14.2.3 制作促销方案的文案效果 441
14.3 设计数码产品促销方案 444
14.3.1 制作促销方案的背景效果 445
14.3.2 制作促销方案的商品效果 446
14.3.3 制作促销方案的文案效果 450
15 客服区设计：为顾客解惑答疑 455
15.1 客服区的设计分析 456
15.2 设计奶粉店铺客服区 458
15.2.1 制作客服区图像效果 458
15.2.2 制作客服区文字效果 459
15.3 设计售前售后客服区 463
15.3.1 制作客服区背景效果 464
15.3.2 制作客服区文字效果 465
15.3.3 制作客服区合成效果 467
15.4 设计简约风格客服区 468
15.4.1 制作客服区背景效果 469
15.4.2 制作客服区文字效果 471
15.4.3 制作客服区合成效果 474
15.5 设计侧边栏客服区 475
15.5.1 制作客服区背景效果 475
15.5.2 制作客服区文字效果 477
15.5.3 制作客服区合成效果 478
15.6 设计清爽风格客服区 480
15.6.1 制作客服区背景效果 481
15.6.2 制作客服区文字效果 484
15.6.3 制作客服区合成效果 486
16 淘宝天猫饰品类网店设计实战 488
16.1 详解饰品店铺设计 489
16.1.1 布局策划解析 489
16.1.2 主色调：高明度暖色调 490
16.1.3 案例配色扩展 491
16.1.4 案例设计流程图 492
16.2 设计饰品店铺步骤 493
16.2.1 制作店铺的背景效果 494
16.2.2 制作店铺店招和导航 495
16.2.3 制作首页欢迎模块 500
16.2.4 制作促销方案 506
16.2.5 制作商品展示区1 509
16.2.6 制作商品展示区2 513