网店美工：网店视觉设计实操指南

　　本书以实例和设计理论相结合的方式，介绍网店美工对网店进行视觉效果操作的各个方面。根据网店美工在设计店铺效果图中所涉及的知识点，精心设计了多个与店铺视觉相关的实例。 本书由一线电子商务网店美工教师和广告设计老师编写，循序渐进地讲解了网店美工在工作时所需具备的各方面知识。全书共7章，依次讲解网店美工需要掌握的知识、宝贝的采集、提升宝贝的视觉效果、转化流量的视觉图、提升转化率的主页装修图的设计、店铺公告模板与宝贝分类的设计以及网店详情页的设计。 本书采用案例教程结合理论的编写形式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合欲开网店并想自己装修店铺的初、中级读者，也可以作为大中专院校相关专业及电子商务方面培训班的教材。

　　曹天佑，北京市商业学校教师，电子商务视觉营销讲师，平面设计师，网页设计师，从事电子商务与平面设计教学多年。主要作品有《电商运营全攻略：从传统电商到微商》、《网店视觉法宝》、《Adobe Photoshop CC从入门到精通》、《网店宝贝抠图与店铺装修宝典》。王君赫，北京市商业学校教师，电子商务资深讲师，从事电子商务与网页设计教学多年。主要作品有《网店视觉法宝》、《CorelDRAW X7实战从入门到精通》。潘磊，北京市商业学校教师，计算机网络讲师，网店装修爱好者，从事计算机网络与网页设计教学多年。主要作品有《CorelDRAW X4完全自学手册》、《网店视觉法宝》、《Photoshop学习掌中宝教程》、《网店宝贝抠图与店铺装修宝典》。

目录
第 1 章 网店美工需要掌握的知识 1
1.1 网店美工概述 2
1.1.1 网店美工的定义 2
1.1.2 网店美工需要了解的知识 3
1.2 宝贝图片的处理 4
1.2.1 剪裁与倾斜校正 4
1.2.2 修饰宝贝图像 7
1.2.3 商品宝贝瑕疵的修复 11
1.3 文案在网店美工中的作用 16
1.3.1 做文案的目的 16
1.3.2 文案的写作方法 17
1.3.3 文案的布局 18
1.3.4 活动文案 21
1.4 店铺首页的美工操作 23
1.4.1 店标与店招 23
1.4.2 自定义广告区 24
1.4.3 宝贝分类 25
1.4.4 焦点图的设计 26
1.4.5 店铺收藏与联系我们 27


第 2 章 宝贝的采集 29
2.1 通过拍摄采集宝贝 30
2.1.1 相机需具备的基本功能 30
2.1.2 拍摄所需的辅助器材 36
2.1.3 宝贝拍摄的要求与技巧 39
2.1.4 基本构图与商品摆放 43
2.1.5 为宝贝拍摄主图视频 46
2.2 视频的简单编辑 46
2.2.1 视频软件介绍 47
2.2.2 生成视频 52
2.2.3 使用Camtasia Studio 剪辑视频 54
2.3 厂家图片的下载 58

第 3 章 提升宝贝的视觉效果 59
3.1 淘宝图片的裁剪 60
3.1.1 淘宝店铺的常见尺寸 60
3.1.2 自定裁剪区 61
3.1.3 按尺寸裁剪 62
3.1.4 裁剪倾斜图片 64
3.1.5 裁剪透视图片 65
3.2 商品图的调色处理 67
3.2.1 处理偏暗的图片 67
3.2.2 处理偏亮的图片 70
3.2.3 处理色彩暗淡的照片 72
3.2.4 处理偏色的照片 73
3.2.5 增加多种商品颜色 76
3.3 淘宝图片污点的处理 77
3.3.1 使用“内容识别”填充修复照片中的污点 78
3.3.2 使用“污点修复画笔工具”修复照片中的污点 79
3.3.3 使用“修复画笔工具”修复照片中的水印 80
3.3.4 使用“修补工具”清除照片中的日期 82
3.4 网店图像的多种抠图技巧 84
3.4.1 规则形状抠图 84
3.4.2 简单背景抠图 88
3.4.3 复杂图形抠图 90
3.4.4 毛发抠图 97
3.4.5 图层关系替换背景 99
3.4.6 半透明宝贝的抠图方法 102
3.4.7 综合抠图方法 106

第 4 章 转化流量的视觉图 108
4.1 设计店标 109
4.1.1 店标设计的原则 109
4.1.2 店标的作用 110
4.1.3 店标的制作构思 110
4.1.4 店标的制作过程 111
4.1.5 动态旺铺的店标设计 113
4.1.6 发布店标 116
4.2 直通车图片的设计 117
4.2.1 直通车图片的设计原则 118
4.2.2 直通车在淘宝中的位置 123
4.2.3 设计与制作直通车图片 124
4.3 钻展图片的设计 127
4.3.1 钻展图片的设计原则 128
4.3.2 钻展图片主图的设计与制作 129
4.3.3 钻展图片右侧小图的设计与制作 135

第 5 章 提升转化率的主页装修图的设计 138
5.1 店招的设计 139
5.1.1 店招设计的原则 139
5.1.2 店招的设计与制作 140
5.2 首屏广告图的设计 146
5.2.1 全屏广告图的设计与制作 147
5.2.2 标准通栏广告图的设计与制作 153
5.3 轮播图的设计与制作 154
5.3.1 全屏轮播图图像的设计与制作 155
5.3.2 标准通栏轮播图的设计与制作 161
5.4 自定义区域图像的设计与制作 162
5.4.1 750 像素广告图的设计与制作 163
5.4.2 190 像素广告图的设计与制作 167
5.4.3 图像陈列的设计与制作 169
5.4.4 项目区图像的设计与制作 173

第 6 章 店铺公告模板与宝贝分类的设计 176
6.1 宝贝分类的设计 177
6.1.1 宝贝分类的设计原则 178
6.1.2 宝贝分类图片的设计与制作 178
6.1.3 宝贝子分类的设计 182
6.2 店铺公告模板的设计与制作 184
6.2.1 750 像素店铺公告模板的设计 184
6.2.2 750 像素店铺公告动态模板的设计 186
6.2.3 190 像素店铺公告模板的设计 188
6.3 店铺收藏的设计与制作 189
6.4 客服图片的设计与制作 194

第 7 章 网店详情页的设计 196
7.1 详情页的设计思路以及操作流程 197
7.2 详情页的格局构成 198
7.3 详情页的设计原则 200
7.4 详情页的设计与制作 201
7.4.1 宝贝商品提升质感的方法 202
7.4.2 详情页的框架 206
7.4.3 商品照片的抠图 207
7.4.4 商品广告区的设计 209
7.4.5 商品细节展示区的设计 216
7.4.6 商品组合展示区的设计 221
7.4.7 商品描述区的设计 226
7.4.8 尺码区的设计 227
7.4.9 购物须知区的设计 228
7.4.10 合成详情页 229