第 一篇 美工设计入门篇 1
第 1 章 淘宝美工必备技能 2
1.1 了解淘宝美工 3
1.1.1　什么是淘宝美工 3
1.1.2　淘宝美工应该掌握的基础知识 3
1.1.3　淘宝美工需要掌握的设计原则 6
1.2 熟悉淘宝美工工作流程 7
1.2.1 前期沟通 8
1.2.2 规划素材 9
1.2.3 修饰图片和视频 9
1.2.4 添加热点 10
1.2.5 上传图片到空间 10
1.2.6 视频制作流程 11
1.3 掌握bi备软件 11
1.3.1 图像处理软件Photoshop 12
1.3.2 视频剪辑软件会声会影 14
【行业技能展示】
1.适合设计师的手机App推荐 18
2.淘宝美工的自我提升 20
第 2 章 淘宝店铺设计的视觉要素 21
2.1 了解网店视觉设计 22
2.1.1 什么是视觉设计 22
2.1.2　视觉设计的目的 22
2.2店铺配色方案 23
2.2.1 无彩色系和有彩色系 23
2.2.2　色彩的三要素 24
2.2.3 色彩与产品的搭配技巧 26
2.2.4 通过店铺定位确实配色方案 26
2.3营销文案策划 30
2.3.1 文案的表现方法 30
2.3.2 店铺的文案分布 31
2.4个性字体设计 33
2.4.1 常见字体风格 33
2.4.2 怎么选择合适的字体 35
2.4.3 文字的排版规则 36
2.4.4 文字的创意设计 38
2.5版式设计 40
2.5.1 版式设计的四大基本原则 40
2.5.2 淘宝店铺排版技巧 41
【行业技能展示】
1.适合新手的渐变色网站 43
2.书法字体设计方法 44
第2篇 图像视频后期处理 45
第 3 章 淘宝商品图片的收集和优化 46
3.1收集商品图片和素材 47
3.1.1　通过专业摄影获取商品图片 47
3.1.2　通过免费素材网站获取素材 52
3.1.3 购买素材图库省心省力 53
3.2调整商品图片尺寸 55
3.2.1 将拍摄的照片导入到Photoshop 55
3.2.2 裁剪商品图片 55
3.2.3 将图片存储为Web所用格式 58
3.3调整商品图片的色调 58
3.3.1 调整光线不足的照片 59
3.3.2 调整曝光过度的照片 61
3.3.3 调整有色差的照片 62
3.3.4 调整拍摄模糊的照片 64
3.4制作“焖烧杯”主图 65
3.5.1 裁剪图片到合适大小 66
3.5.2 调整商品亮度和色彩 67
3.5.3 添加形状和文字 68
【行业技能展示】
1.批处理图片 69
2.使用快捷方式安装收集的字体素材 70
CONTENT
目 录
CONTENT
第 4 章 淘宝商品图片的后期处理 72
4.1 抠取图片中的商品和人物 73
4.1.1　抠取形状单一的商品图片 73
4.1.2 抠取背景简单的商品图片 74
4.1.3 抠取图形复杂的商品图片 75
4.1.4 毛发和细节抠图 78
4.1.5 图层关系替换背景 80
4.2 修饰美化商品图片 82
4.2.1 使用内容识别填充 82
4.2.2 使用污点修复画笔工具去除污点 84
4.2.3 使用仿制图章工具修复图片 85
4.2.4 使用修补工具修复图像 86
4.3 对图片人物进行shou身和磨皮 87
4.3.1 人物皮肤高低频磨皮 88
4.3.2 使用“液化”滤镜shou身 92
4.4 制作水印防止盗图 94
4.4.1 制作水印 94
4.4.2 添加水印 96
4.5 制作服装模特展示图 97
4.5.1 模特瘦脸 98
4.5.2 调整模特图整体颜色 99
【行业技能展示】
1. 外挂滤镜一步磨皮 100
2.Camera RAW 滤镜调色更方便 101
第 5 章 淘宝视频的后期剪辑与合成 102
5.1 淘宝视频的几大类型 103
5.1.1　主图视频 103
5.1.2 详情页视频 104
5.1.3 店铺首页视频 105
5.2 拍摄视频 106
5.2.1　视频拍摄准备 106
5.2.2 开始拍摄 107
5.2.3 后期流程 109
5.3 制作视频 109
5.3.1 项目设置 110
5.3.2 导入视频素材 111
5.3.3 分割剪辑视频 112
5.3.4 添加转场与te效 113
5.3.5 添加字幕 115
5.3.6 添加音频 117
5.3.7 输出视频 118
5.4 制作水果小视频 118
5.4.1　设置项目和视频背景色 119
5.4.2 调整素材位置顺序 120
5.4.3 添加转场、字幕和音频 121
【行业技能展示】
1. 淘宝视频拍摄实用道具 122
2. 手机视频剪辑APP 123
第三篇 淘宝店铺设计和优化 125
第 6 章 淘宝店铺首页设计 126
6.1 完整的店铺首页布局 127
6.1.1　店铺首页的设计要点 127
6.1.2　熟悉店铺首页构成模块 128
6.2 制作淘宝店铺店招 130
6.2.1 绘制店招形状和添加文字 131
6.2.3　制作店招页头背景 133
6.3 制作人性化的导航 134
6.3.1 制作店招导航 135
6.2.3　制作活动导航 136
6.4 制作淘宝店铺首页海报/ 轮播图 138
6.4.1 制作海报背景 140
6.4.2 制作海报主题文字 141
6.4.3 制作优惠券 143
6.5 制作分类明确的宝贝陈列区 144
6.5.1 制作图文混排展示区 146
6.5.2 制作价格突出展示区 150
6.6 制作店铺页尾 152
【行业技能展示】
1. 全屏页面背景 154
2. 店铺分类引导 154
CONTENT
第 7 章 淘宝宝贝详情页设计 155
7.1 完整详情页包含的设计内容 156
7.1.1　了解详情页 156
7.1.2　详情页展示模块 156
7.1.3 详情页设计的思路要点 157
7.1.4 详情页的制作思路 161
7.2 制作宝贝详情页 162
7.2.1 制作焦点图 163
7.2.2 制作其他细节部分 164
【行业技能展示】
1. 商品尺寸对比小窍门 172
2. 轻松去除复制后的文字格式 172
第 8 章 淘宝设计图的切割与优化 173
8.1 长设计图的切割 174
8.1.1　使用切片工具切割图片 174
8.1.2 存储生成HTML 文件 175
8.1.3 复制代码并发布图片 176
8.2 学会使用Dreamweaver 编辑热点 180
8.2.1 上传图片空间 180
8.2.2 使用Dreamweaver 绘制热点 181
8.2.3 装修预览 184
8.3 获取淘宝常见链接的代码 186
8.3.1 “宝贝”链接代码 186
8.3.2 “分享”链接代码 186
8.3.3 “评论”链接代码 187
8.3.4 “喜欢”链接代码 188
8.3.5 “旺旺”链接代码 188
8.3.6 获取店铺ID 和宝贝ID 189
【行业技能展示】
1. 使用记事本打开网页文件 190
2. 全屏海报的代码 190
第 9 章 手机淘宝页面的设计 192
9.1 手机淘宝页面的特点 193
9.1.1　淘宝手机端和电脑端的区别 193
9.1.2 手机淘宝设计要点 193
9.2 手机淘宝全屏首页设计 194
9.2.1 店铺店招设计 194
9.2.2　焦点图设计 196
9.2.3 优惠券设计 198
9.2.4 宝贝分类设计 199
9.2.5 宝贝展示区设计 201
9.3 手机淘宝的宝贝详情页设计 203
9.3.1 导入电脑端详情页 203
9.3.2 从模板生成 204
9.4 手机淘宝的个性化装修 206
9.4.1 手机端店招装修 206
9.4.2 手机端焦点图装修 208
9.4.3　手机端优惠券和分类图装修 209
9.4.4　手机端宝贝展示区装修 211
【行业技能展示】
1. 在手机页面中添加宝贝视频 212
2. 设置分类菜单 213
第 10 章 淘宝促销常用推广图设计 214
10.1 制作卖点突出的直通车推广图 215
10.1.1　直通车的规则要求 215
10.1.2 制作流程 216
10.2 制作具有创意的钻石展位图 220
10.2.1 钻石展位图设计要点 220
10.2.2 制作流程 222
10.3 制作主体突出的聚划算图 229
10.3.1 如何报名聚划算 229
10.3.2 聚划算量贩团单品主图规范 229
10.3.4 制作流程 231
10.4 制作11.11活动海报图 232
10.4.1 报名淘宝11.11活动 232
10.4.2 制作流程 233
【行业技能展示】
1. 如何让促销文字更醒目 243
2. 高效管理图层 243
目 录
第四篇 综合案例制作 245
第 11 章 化妆品店铺页面设计 246
11.1 首页海报设计 247
11.2 制作店招和导航 256
11.3 制作宝贝陈列区 258
11.4 制作视频区 269
第 12 章 婴儿用品店铺手机端页面设计 273
12.1 手机端首页设计 274
12.2 手机端宝贝详情页设计 291