本书是一本帮助淘宝美工学习网店装修及视觉设计的书。从零基础出发，通过理论结合实例的形式，以通俗易懂的语言，讲解了淘宝美工需要掌握的各方面知识，同时涵盖了网店装修涉及的所有知识。
本书共8章，第1章讲解淘宝美工需要掌握的基础知识；第2章到第4章通过淘宝商品图美化、淘宝店铺图设计和淘宝视频制作等内容讲解淘宝店铺图片与视频的处理；第5章到第7章讲解了淘宝全店装修中的首页视觉设计、详情页视觉设计与手机淘宝视觉设计；第8章讲解淘宝店铺中的代码及简单的源代码装修，以满足美工的基本需求。
为了方便读者学习，本书提供了操作实例的教学视频，同时，赠送近千款实用素材，包括页面背景、图标、店招及装修常用代码等，方便随时调用，真正物超所值。
本书适合淘宝店主和淘宝美工学习使用，也适合作为相关培训机构和职业院校相关专业的参考教程。

案例丰富、图文并茂：本书选用了大量的案例，叙述清晰，内容实用，使读者能够在实际操作中加深理解和掌握网店视觉设计的相关知识，做到学以致用、举一反三。经验传授、技巧解答：本书在实例讲解中穿插了技巧提示，将店铺装修的常见技巧与操作经验传授给读者。掌握并活用这些技巧，能在店铺装修中更加得心应手。视频教学、全程辅导：本书附赠配套资源，其中不仅提供了书中所有操作实例的教学视频讲解，还赠送了大量的装修素材，方便随时调用，成倍提高读者的学习兴趣和效率，真正物超所值。附赠资源请扫描本书封底二维码添加微信公共号下载。

，

第1章 淘宝美工不得不知
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章 淘宝商品图美化
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章 淘宝店铺图设计
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章 淘宝视频制作
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章 店铺首页视觉设计
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章 详情页视觉设计
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章 手机淘宝视觉设计
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章 店铺中的代码
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