何国辉，资深电商设计师，也是花瓣认证设计师、致设计人气排行设计师、千图网特邀设计师、90设计认证服务商家。在电商设计行业拥有6年实战经验，尤为擅长店铺视觉装修设计、电商产品拍摄、品牌宣传形象片拍摄与剪辑等。

本书从淘宝天猫美工的实际工作出发，结合编者多年的电商视觉设计经验和从业体会，详细介绍淘宝天猫店铺装修与视觉设计的思维、方法和技巧，旨在帮助电商美工掌握店铺装修设计的精髓，快速提升电商美工设计能力。全书共分为13章，具体内容包括淘宝天猫美工是个多面手，图像处理与海报设计，网店图片的规划与拍摄，淘宝视频的拍摄与制作，店铺装修后台基本操作，店铺装修基本流程，店铺首页装修与视觉设计，宝贝主图与详情页视觉设计，直通车图、钻展图视觉设计，手机淘宝店铺装修设计，网店色彩设计，Dreamweaver软件基础与店铺装修代码，Photoshop软件的高级应用。
本书可作为新手电商美工以及想进一步提高淘宝、天猫店铺设计技能的美工的自学参考书，还可作为各类院校和培训机构电子商务专业的教学辅导书。

第1章 淘宝天猫美工是个多面手
1．1　淘宝天猫开店离不开美工
1．1．1　淘宝天猫美工不是为了设计而设计　2
1．1．2　淘宝天猫美工的主要任务　3
1．2　店铺页面设计：风格、色彩、布局
1．2．1　店铺风格设计　5
1．2．2　店铺色彩设计　10
1．2．3　店铺布局设计　12
1．3　店铺装修设计：图片、版式与广告
1．3．1　图片美化与处理　14
1．3．2　主图设计　15
1．3．3　版式设计　15
1．3．4　广告设计　16
1．4　传达视觉营销：懂点运营知识，会点文案写作
1．4．1　淘宝天猫美工要懂点运营知识　16
1．4．2　淘宝天猫美工要会点文案写作　22
1．5　如何修炼美工的创意能力
第2章　图像处理与海报设计
2．1　“小”处理凸显“大”效果
2．1．1　调整图片大小以符合所需的尺寸　27
2．1．2　“剪”出来的视觉之美——裁剪出最佳视角的图片　27
2．1．3　“拨乱反正”——调整倾斜的图片　28
2．2　还原图片“真身”
2．2．1　使用“USM锐化”命令让模糊图片的细节更清晰　29
2．2．2　使用“亮度/对比度”命令调整对比度，让图片主题更突出　31
2．2．3　使用“曲线”命令让图片色彩更真实　31
2．2．4　使用污点修复画笔工具除去污点让图片更洁净　32
2．3　使用抠图利器轻松抠图
2．3．1　使用魔棒工具抠取色彩比较单一的图像　34
2．3．2　使用磁性套索工具抠取轮廓与背景颜色对比强烈的图像　35
2．3．3　使用钢笔工具抠取具有折点直线或折点曲线的图像　36
2．3．4　使用通道抠取透明体或毛发类图像　38
2．3．5　使用蒙版抠取边缘复杂的图像　39
2．4　人像图片的美化处理
2．4．1　使用仿制图章工具修复斑点　41
2．4．2　使用修补工具修补瑕疵　42
2．4．3　巧用滤镜让皮肤变光滑　43
2．4．4　巧用蒙版调整皮肤状态　44
2．4．5　使用“曲线”命令让皮肤变白　45
2．4．6　巧用滤镜对人物瘦身　46
2．5　图片特殊效果处理
2．5．1　更换图片的背景　48
2．5．2　添加水印防止他人盗图　51
2．5．3　制作倒影让商品更真实　52
2．6　制作店铺海报
2．6．1　制作场景海报　56
2．6．2　制作创意海报　59
2．6．3　制作活动海报　61
第3章　网店图片的规划与拍摄
3．1　淘宝拍摄的特点
3．2　淘宝商品拍摄的基本流程
3．2．1　制订商品拍摄方案　69
3．2．2　准备拍摄商品　69
3．2．3　拍摄环境　69
3．2．4　拍摄的道具　70
3．2．5　摆姿势　70
3．2．6　正式拍摄　70
3．2．7　拍摄后修图　71
3．3　选择合适拍摄工具的极简法则
3．4　拍摄必备基本技能
3．4．1　从直方图可以看出图片的曝光情况　73
3．4．2　用好光圈、快门和ISO值让图片更精彩　76
3．4．3　采用合理的构图让图片看上去更动感、更时尚　79
3．4．4　选择适当的曝光模式　80
3．4．5　使用微距模式拍摄商品细节　82
3．4．6　查看拍摄的图片的参数　83
3．4．7　正确的拍摄姿势　84
3．5　手机也能拍出好图片
3．6　主图的规划与拍摄
3．6．1　商品主图规划　89
3．6．2　商品细节特写图片的规划　89
3．6．3　使用摄影棚让拍摄更简单　90
3．7　商品描述详情页图片的规划与拍摄
3．7．1　买家想知道的商品信息　91
3．7．2　卖家需要展示的商品信息　91
3．7．3　规划商品图片拍摄　91
3．7．4　活用小道具让商品图片更真实、更抢眼　94
3．8　室外拍摄的注意事项
3．8．1　选择最佳的拍摄时间　95
3．8．2　光线的运用　95
第4章　淘宝视频的拍摄与制作
4．1　淘宝视频拍摄
4．1．1　淘宝视频的要求　98
4．1．2　淘宝视频的拍摄流程　99
4．1．3　视频构图的基本原则　100
4．1．4　视频拍摄的景别、方位、角度　101
4．2　使用爱剪辑制作视频
4．2．1　剪切视频　104
4．2．2　为视频配音　107
4．2．3　为视频添加字幕　109
4．2．4　为视频添加转场特效　112
4．2．5　为视频添加Logo图片　114
4．2．6　调整视频播放速度　116
4．2．7　设置视频画面尺寸并导出视频　117
4．3　主图视频、详情视频的制作与发布
4．3．1　制作主图视频、详情视频　117
4．3．2　将视频上传到淘宝店铺装修后台　121
4．3．3　发布主图视频、详情视频　124
第5章　店铺装修后台基本操作
5．1　店铺管理
5．1．1　查看淘宝店铺　128
5．1．2　店铺装修　128
5．1．3　手机淘宝店铺　131
5．1．4　店铺基本设置　132
5．2　宝贝分类管理
5．2．1　进入宝贝分类管理　135
5．2．2　添加、移动、删除宝贝分类　135
5．2．3　添加分类背景图片　136
5．2．4　未分类宝贝管理　137
5．3　淘宝图片空间管理
5．3．1　进入图片空间　138
5．3．2　创建图片文件夹　138
5．3．3　上传宝贝主图、详情图片　139
5．3．4　图片的基本操作　140
5．4　新品发布
5．4．1　选择宝贝类目　143
5．4．2　编辑宝贝属性　144
5．4．3　添加宝贝主图　144
5．4．4　添加描述图片　145
5．4．5　设置售后保障服务　149
5．4．6　出售中的宝贝　149
5．4．7　仓库中的宝贝　150
第6章　店铺装修基本流程
6．1　选择合适的旺铺版本
6．1．1　旺铺基础版和旺铺专业版　152
6．1．2　旺铺专业版与基础版装修功能对比　153
6．1．3　旺铺专业版与基础版功能模块对比　154
6．1．4　淘宝旺铺智能版　155
6．2　店铺基础装修流程
6．2．1　选择店铺模板　155
6．2．2　设置整体配色方案　157
6．2．3　设置首页布局　158
6．2．4　添加自定义模块　159
6．2．5　创建自定义二级页面　160
6．2．6　宝贝详情页装修　161
6．2．7　宝贝分类页装修　166
6．2．8　店铺页尾装修　168
6．2．9　店铺备份与还原　169
6．3　店铺装修的注意事项
第7章　店铺首页装修与视觉设计
7．1　店铺首页设计要点
7．2　店招设计的基础知识
7．2．1　店招的位置与尺寸　176
7．2．2　店招的设计原则　178
7．2．3　店招的设计要点　178
7．3　店标设计与上传
7．3．1　设计店标　179
7．3．2　上传店标　180
7．4　设计店招
7．4．1　制作店招　181
7．4．2　切片保存　183
7．5　装修店招
7．5．1　上传图片　185
7．5．2　添加店招、页头背景　187
7．5．3　添加系统导航　189
7．5．4　发布店招　190
7．6　全屏轮播海报设计与装修
7．6．1　海报的视觉设计要点　191
7．6．2　制作全屏海报　193
7．6．3　全屏海报装修　196
7．6．4　全屏轮播图装修　198
7．7　宝贝陈列展示区设计与装修
7．7．1　宝贝陈列展示区的视觉设计要点　203
7．7．2　宝贝推荐模块的设置　204
7．7．3　自定义展示区设计　205
7．7．4　自定义展示区装修　211
7．8　店铺页尾设计与装修
7．8．1　店铺页尾的视觉设计要点　213
7．8．2　店铺页尾设计　214
7．8．3　店铺页尾装修　217
7．9　店铺背景装修
7．9．1　店铺背景的视觉设计要点　220
7．9．2　自定义背景装修　221
7．9．3　固定背景装修　223
第8章　宝贝主图与详情页视觉设计
8．1　宝贝主图设计
8．1．1　宝贝主图设计要点　226
8．1．2　宝贝主图设计实例　229
8．2　宝贝详情页设计
8．2．1　宝贝详情页的内容　234
8．2．2　宝贝详情页的模块展示　234
8．2．3　宝贝详情页设计的注意事项　238
8．2．4　宝贝详情页的制作流程　239
8．3　详情关联营销设计
8．3．1　关联营销设计要点　240
8．3．2　关联营销图片设计实例　242
第9章　直通车图、钻展图视觉设计
9．1　直通车图视觉设计
9．1．1　认识直通车图　247
9．1．2　直通车图设计要点与差异化分析　248
9．1．3　直通车图版式设计　250
9．1．4　直通车图的审核标准　252
9．2　钻展图视觉设计
9．2．1　认识钻展图　253
9．2．2　钻展图设计要求　255
9．2．3　钻展图版式设计　257
9．2．4　钻展图的审核标准　268
9．3　钻展图设计实例
第10章　手机淘宝店铺装修设计
10．1　手机端店铺装修基础
10．1．1　手机端店铺与电脑端装修的区别　272
10．1．2　手机端店铺装修要点　272
10．1．3　选择手机端店铺装修模板　273
10．2　手机端店铺店招装修设置
10．2．1　手机端店铺名称设置　276
10．2．2　手机端店铺Logo设置　277
10．2．3　手机端店招图片设计　278
10．3　手机端店铺轮播图的设计与装修
10．3．1　手机端店铺轮播图设计　281
10．3．2　手机端店铺轮播图装修　283
10．4　手机淘宝店铺优惠券装修设置
10．4．1　自动添加优惠券　285
10．4．2　手动添加优惠券　286
10．5　手机淘宝店铺商品展示装修设计
10．5．1　自动商品展示装修设计　288
10．5．2　自定义商品展示装修设计　290
10．6　手机淘宝店铺自定义页面装修设计
10．6．1　创建手机端店铺自定义页面　292
10．6．2　装修手机端店铺自定义页面　294
10．7　手机淘宝店铺自定义菜单设计
10．7．1　创建自定义菜单　294
10．7．2　自定义菜单管理　297
10．8　手机淘宝店铺详情关联装修设计
10．8．1　详情关联宝贝推荐设计　298
10．8．2　详情优惠券设置　300
10．8．3　详情活动海报设置　302
10．9　手机淘宝店铺互动服务窗设计
10．9．1　标配菜单　304
10．9．2　设置图文卡片　304
10．9．3　设置视频卡片　306
10．9．4　设置店铺精选　309
10．10　手机海报编辑发布
10．10．1　选择手机海报模板　310
10．10．2　编辑手机海报　312
第　11 章 网店色彩设计
11．1　了解色彩的相关知识
11．1．1　色彩的分类　315
11．1．2　色彩的三要素　315
11．1．3　色彩的冷暖与情感　316
11．2　网店的色彩设计
11．2．1　网店的色彩构成　318
11．2．2　网店配色的黄金比例　319
11．2．3　网店的配色方法　320
11．3　网店装修配色方案及应用
11．3．1　红色系的配色方案及应用　323
11．3．2　橙色系的配色方案及应用　323
11．3．3　黄色系的配色方案及应用　324
11．3．4　紫色系的配色方案及应用　325
11．3．5　绿色系的配色方案及应用　325
11．3．6　蓝色系的配色方案及应用　326
11．3．7　无色系的配色方案及应用　327
第12章　Dreamweaver软件基础与店铺装修代码330
12．1　初识Dreamweaver软件
12．1．1　认识Dreamweaver 软件操作界面　331
12．1．2　店铺装修常用HTML标签　333
12．1．3　Dreamweaver软件基本参数设置　336
12．2　Dreamweaver软件基本操作
12．2．1　创建表格　337
12．2．2　插入图片　339
12．2．3　插入文本　340
12．2．4　添加链接　341
12．2．5　设置链接的打开方式　343
12．2．6　预览页面效果　344
12．3　店铺常用装修代码
12．3．1　首页全屏代码　345
12．3．2　全屏轮播代码　345
12．3．3　开关灯效果代码　346
12．3．4　固定背景多层交替代码　346
12．3．5　全屏固定背景代码　346
12．3．6　文字滚动代码　346
12．3．7　添加视频代码　348
第13章　Photoshop软件的高级应用
13．1　使用Photoshop软件制作GIF动画
13．2　Photoshop软件切片及其操作
13．3　使用Photoshop软件制作自定义形状、图案、笔刷