第1章 淘宝美工不得不知 8
1.1 什么是淘宝美工 8
1.1.1 淘宝美工的定义 8
1.1.2 美工必备知识 8
1.2 美工文案策划 12
1.2.1 为什么要做文案 12
1.2.2 文案的前期准备 13
1.2.3 文案怎样写 13
1.2.4 哪里需要文案 14
1.3 店内文案布局 15
1.3.1 首页文案布局 15
1.3.2 详情页文案布局 17
1.3.3 活动文案 19
1.4 店外文案 20
第2章 淘宝商品图美化 22
2.1 淘宝图片裁剪 22
2.1.1 淘宝店铺常见尺寸 22
2.1.2 自定裁剪区 23
2.1.3 按尺寸裁剪 24
2.1.4 裁剪倾斜图片 25
2.2 商品图调色处理 27
2.2.1 处理偏暗的图片 27
2.2.2 处理色彩暗淡的照片 31
2.2.3 处理偏色的图片 32
2.3 淘宝图片污点处理 36
2.3.1 内容识别填充 36
2.3.2 污点修复画笔工具 38
2.3.3 仿制图章工具 39
2.4 多种抠图技巧 40
2.4.1 规则形状抠图 40
2.4.2 简单背景抠图 41
2.4.3 复杂图形抠图 44
2.4.4 毛发抠图 48
2.4.5 图层关系替换背景 50
2.5 场景图合成 52
2.5.1 合成详情展示图 52
2.5.2 合成主图 54
2.5.3 水印与商品图合成 57
2.5.4 合成商品系列展示图 58
第3章 淘宝店铺图设计 66
3.1 店铺Logo设计 66
3.1.1 Logo设计要领 66
3.1.2 Logo设计制作 67
3.1.3 设置Logo为水印 70
3.2 店标设计 71
3.2.1 店标分类 71
3.2.2 静态店标设计制作 72
3.2.3 动态店标设计制作 75
3.2.4 上传店标至店铺 77
3.3 活动图制作 78
3.3.1 直通车图制作 78
3.3.2 钻展图制作 82
3.3.3 聚划算图制作 85
第4章 淘宝视频制作 92
4.1 视频拍摄 92
4.1.1 淘宝商品拍摄流程 92
4.1.2 视频构图的基本原则 93
4.1.3 景别与角度 95
4.2 认识会声会影 99
4.2.1 会声会影工作界面 99
4.2.2 视频制作流程 103
4.3 淘宝视频制作 104
4.3.1 9s主图视频制作 104
4.3.2 详情页视频制作 112
4.3.3 为视频添加Logo 114
4.3.4 为视频配音 116
4.4 上传与应用视频 117
4.4.1 上传视频到淘宝 117
4.4.2 主图视频的应用 118
第5章 店铺首页视觉设计 120
5.1 首页布局 120
5.1.1 布局的视觉设计要点 120
5.1.2 布局首页 123
5.2 店招的设计 126
5.2.1 店招的视觉要点 126
5.2.2 店招制作 127
5.2.3 装修店招 128
5.2.4 页头背景制作与装修 129
5.3 导航的设计 132
5.3.1 导航的视觉要点 132
5.3.2 导航的装修 133
5.3.3 店招和导航装修 136
5.4 首页海报／轮播图设计 143
5.4.1 海报的视觉要点 143
5.4.2 海报图制作 145
5.4.3 全屏海报图装修 148
5.4.4 全屏轮播图装修 149
5.5 宝贝陈列展示区设计 150
5.5.1 宝贝陈列展示的视觉要点 150
5.5.2 宝贝推荐模块设置 151
5.5.3 自定义展示区制作 152
5.5.4 个性展示区 154
5.6 分类引导设计 158
5.7 店铺页尾设计 161
5.7.1 页尾的视觉要点 161
5.7.2 页尾的制作与装修 162
5.8 首页其他装修 164
5.8.1 添加收藏链接 164
5.8.2 页面背景 166
第6章 详情页视觉设计 172
6.1 详情页设计 172
6.1.1 详情页分析 172
6.1.2 设计要点 173
6.1.3 制作流程 178
6.2 “神笔”详情页装修 179
6.2.1 使用详情页模板 179
6.2.2 自定义模板制作详情页 181
6.3 设置详情直达导航 184
第7章 手机淘宝视觉设计 188
7.1 手机淘宝 188
7.1.1 手机端与电脑端的区别 188
7.1.2 手机店铺装修要点 188
7.2 手机淘宝首页装修 189
7.2.1 首页模块的使用 189
7.2.2 店招的设计 190
7.2.3 焦点图设计 192
7.2.4 优惠券设计 195
7.2.5 分类图设计 198
7.2.6 首页备份 199
7.3 手机详情页装修 200
7.3.1 导入电脑端详情 200
7.3.2 模板生成详情 201
7.4 手机店铺其他装修 203
7.4.1 自定义菜单 203
7.4.2 手机海报 205
7.4.3 自定义页面装修 207
第8章 店铺中的代码 210
8.1 Photoshop切片 210
8.1.1 切片的作用与技巧 210
8.1.2 切片与优化存储 210
8.2 Dreamweaver的使用 212
8.2.1 切片生成代码 212
8.2.2 热点与链接 215
8.3 源代码装修 216
8.4 获取淘宝常见链接代码 218
8.4.1 “宝贝”链接 218
8.4.2 “图片”链接 219
8.4.3 “购物车”链接 219
8.4.4 “分享”链接 220
8.4.5 “评论”链接 221
8.4.6 “喜欢”链接 222
8.4.7 客服“旺旺”链接 223
8.4.8 店铺ID的获取 224
8.4.9 商品ID的获取 224