本书从淘宝天猫美工的实际工作出发，结合编者多年的电商视觉设计经验和从业体会，详细介绍淘宝天猫店铺装修与视觉设计的思维、方法和技巧，旨在帮助电商美工掌握店铺装修设计的精髓，快速提升电商美工设计能力。全书共分为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软件制作自定义形状、图案、笔刷
