网店美工：网店视觉设计实操手册

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

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

第1章 从事网店美工工作需要了解的知识
1.1 网店美工的概述  002
1.1.1 网店美工的定义  003
1.1.2 网店美工需要了解的知识  003
1.2 宝贝图像处理  003
1.2.1 剪裁与倾斜校正  004
1.2.2 修饰宝贝图像  006
1.2.3 修复商品宝贝照片中的瑕疵  013
1.3 图像在设计中的应用  018
1.3.1 商品整体或照片参与整体设计  018
1.3.2 商品切断式照片参与整体设计  019
1.3.3 不同视角参与整体设计  019
1.3.4 超出范围参与整体设计  020
1.4 文案在网店美工设计中的作用  021
1.4.1 为什么要做文案  021
1.4.2 文案的写法  022
1.4.3 文案的布局  022
1.4.4 活动文案  028
1.5 店铺首页美工设计  029
1.5.1 店标与店招  029
1.5.2 自定义广告区  030
1.5.3 宝贝分类  031
1.5.4 轮播图设计  031
1.5.5 店铺收藏与联系我们  032
第2章 商品宝贝采集的方法
2.1 通过拍摄对宝贝进行采集  035
2.1.1 相机需具备的基本功能  035
2.1.2 拍摄所需的辅助器材  040
2.1.3 宝贝拍摄的要求与技巧  043
2.1.4 基本构图与商品摆放  047
2.1.5 为宝贝拍摄主图视频  049
2.2 视频的简单编辑  049
2.2.1 视频软件介绍  049
2.2.2 生成视频  054
2.2.3 使用Camtasia Studio剪辑视频  055
2.3 厂家图片下载  059
第3章 商品宝贝视觉的提升
3.1 淘宝图片的裁剪  061
3.1.1 淘宝店铺的常见尺寸  061
3.1.2 自定裁剪区  062
3.1.3 按尺寸裁剪  063
3.1.4 裁剪倾斜图片  065
3.1.5 裁剪透视图片  066
3.2 商品图的调色处理  067
3.2.1 处理偏暗的图片  067
3.2.2 处理偏亮的图片  069
3.2.3 处理色彩较淡的照片  071
3.2.4 为照片增强层次感  072
3.2.5 处理偏色的照片  074
3.2.6 增加多种商品颜色  076
3.3 淘宝图片污点的处理  077
3.3.1　“内容识别”填充修复照片中的污点  078
3.3.2　污点修复画笔工具修复照片中的污点  079
3.3.3　修复画笔工具修复照片中的水印  080
3.3.4 修补工具清除照片中的日期  081
3.4 网店图像多种抠图技巧  083
3.4.1 规则形状抠图  084
3.4.2 简单背景抠图  088
3.4.3 复杂图形抠图  090
3.4.4 毛发抠图  096
3.4.5 图层关系替换背景  098
3.4.6 透明宝贝的抠图方法  102
3.4.7 综合抠图方法  106
第4章 流量转化视觉图的设计
4.1 店标设计  108
4.1.1 店标设计的分类  108
4.1.2 店标的作用  109
4.1.3 店标的设计思路  109
4.1.4 店标的制作过程  109
4.1.5 动态旺铺店标设计  114
4.1.6 发布店标  117
4.2 直通车图片设计  119
4.2.1 直通车图片的设计原则  120
4.2.2 直通车在淘宝中的位置  125
4.2.3 直通车图片的设计与制作  125
4.3 钻展图片设计  131
4.3.1 钻展图片的设计原则  131
4.3.2 钻展图片主图设计与制作  131
4.3.3　钻展图片右侧小图的设计与制作  138
第5章 主页装修图设计提升转化率
5.1 店招设计  143
5.1.1 店标设计的原则  143
5.1.2 全屏通栏店招的设计与制作  144
5.1.3　带导航的全屏通栏店招的设计与制作  149
5.1.4　带导航的标准店招的设计与制作  151
5.1.5 标准店招的设计与制作  152
5.2 首屏广告图设计  152
5.2.1 全屏广告图设计与制作  153
5.2.2 标准通栏广告图设计与制作  163
5.3 轮播图设计  165
5.3.1 全屏轮播图设计与制作  165
5.3.2 标准通栏轮播图设计与制作  172
5.4 自定义区域图像设计  173
5.4.1 750广告图设计与制作  174
5.4.2 190广告图设计与制作  183
5.4.3 图像陈列设计与制作  185
5.4.4 项目区图像设计与制作  188
第6章 店铺公告模板与宝贝分类设计
6.1 宝贝分类设计  191
6.1.1 宝贝分类的设计原则  191
6.1.2 宝贝分类图片设计与制作  192
6.1.3 子宝贝分类设计  195
6.2 店铺公告模板设计与制作  197
6.2.1 950店铺公告模板制作  197
6.2.2 950店铺公告动态模板制作  199
6.2.3 750店铺公告模板设计  201
6.3 店铺收藏图片设计与制作  204
6.4 客服图片设计与制作  209
第7章 详情页设计与制作
7.1 详情页的设计思路以及操作流程  213
7.2 详情页的格局构成  214
7.3 详情页的设计原则  215
7.4 详情页的设计与制作  216
7.4.1 宝贝商品提升质感的方法  216
7.4.2 详情页框架  220
7.4.3 商品广告区设计  221
7.4.4 商品色彩展示区设计  225
7.4.5 商品细节展示区设计  227
7.4.6 尺码区设计  230
7.4.7 商品模特展示区设计  232
7.4.8 购物须知区设计  232
7.4.9 商品描述区设计  233
7.4.10 合成详情页  236