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