曹天佑，北京市商业学校教师、电子商务视觉营销讲师、平面设计师、网页设计师，从事电子商务与平面设计教学多年。主要作品有《电商运营全攻略:从传统电商到微商》《网店视觉法宝》《Adobe Photoshop CC从入门到精通》《网店宝贝抠图与店铺装修宝典》。

刘绍婕，北京市商业学校教师、网页设计学科带头人，从事网页设计与平面教学多年。主要作品有《淘宝网店美工DIY攻略》《网店视觉法宝》《Photoshop学习掌中宝教程》。

时延辉，北京市商业学校教师、电子商务讲师、Inventor学科带头人，从事平面设计与网页设计教学多年。主要作品有《CorelDRAW X7实战从入门到精通》《网店视觉法宝》《深度•Photoshop CS5数码人像摄影后期精修108技》《网店宝贝抠图与店铺装修宝典》

《店铺运营——网上店铺视觉营销手册》以实例和设计理论相结合的方式介绍了店铺运营中视觉营销图像的运用。根据在店铺运营中后台所涉及的各个知识点，精心制作了多个通过Dreamweaver编辑代码、图片空间复制链接来完成的最终视觉效果实例，其中包括全屏首屏广告、全屏轮播图、店铺店招与导航、店铺公告模板等效果的应用。

《店铺运营——网上店铺视觉营销手册》由一线电子商务教师和网店店主编写，循序渐进地讲解了网店后台运用美工设计的图片效果所需要具备的各方面知识。全书共分为6章，依次讲解了网店页面布局对买家的吸引、店铺配色与商品色彩、图片的切割与优化、网店装修中Dreamweaver的应用、图片空间素材中心的使用以及店铺可装修区域的应用。

《店铺运营——网上店铺视觉营销手册》采用案例与理论相结合的编写方式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合想要免费加强自己网店效果的初、中级读者阅读，也可以作为大中专院校相关专业及电子商务方向培训班的教材。

第1章 网店页面布局对买家的吸引

1.1 网店栏目和页面设计策划  002

1.1.1 策划在制作之前的作用  003

1.1.2 网店栏目策划  003

1.1.3 网店的页面策划  006

1.2 网店布局的基本元素  010

1.2.1 店招  010

1.2.2 促销广告  010

1.2.3 宝贝分类  012

1.2.4 联系方式  012

1.2.5 店铺收藏  013

1.2.6 店铺二维码  013

1.2.7 店铺公告  014

1.2.8 宝贝展示  015

1.2.9 宝贝排行  015

1.2.10 详情页  016

1.3 版面布局设计  016

1.3.1 版面布局原则  018

1.3.2 网店页面内容的排版  019

1.4 为网拍商品制作统一边框  025

1.4.1 照片边缘色彩添加统一边框  025

1.4.2 细致调整图像背景边缘  026

1.4.3 统一边框样式  027

1.4.4 商品图像边框的制作  029

1.5 统一间距与对齐  030

1.6 图像制作的布局  031

1.6.1 图像的构图类型  031

1.6.2 图像合成展示  032

1.7 认识版式布局设计的内容  033

1.8 网店版式设计的基本类型  035

1.8.1 骨骼型  035

1.8.2 满版型  035

1.8.3 上下分割型  035

1.8.4 左右分割型  036

1.8.5 中轴型  036

1.8.6 曲线型  036

1.8.7 倾斜型  036

1.8.8 对称型  036

1.8.9 重心型  036

1.8.10 三角型  036

1.8.11 并置型  037

1.8.12 自由型  037

1.8.13 四角型  037

1.9 版式设计的基本流程  037

第2章 店铺配色与商品色彩

2.1 色彩对心理的影响  039

2.2 认识网店色彩  040

2.3 色彩理论  040

2.3.1 色彩与视觉原理  041

2.3.2 色彩分类  042

2.3.3 色彩三要素  044

2.4 色彩颜色管理  046

2.4.1 识别色域范围外的颜色  047

2.4.2 色彩模式  048

2.4.3 色彩模式转换  051

2.4.4 调整颜色建议  052

2.5 网页安全色  052

2.6 网店配色  053

2.6.1 自定义页面的主色与辅助色  053

2.6.2 网店色调与配色  055

2.6.3 色彩推移  069

2.6.4 色彩采集  070

2.7 色彩介绍  072

2.7.1 色彩对比  072

2.7.2 色彩调和  077

2.8 网店页面色彩分类  078

2.8.1 静态色彩与动态色彩  078

2.8.2 强调色彩  078

2.9 商品色调风格调整  079

2.10 图像配色技巧  079

第3章 图片的切割与优化

3.1 在Photoshop中创建切片  083

3.1.1 通过工具创建切片  083

3.1.2 基于参考线创建切片  084

3.1.3 基于图层创建切片  085

3.1.4 通过划分切片创建陈列区图像的切片图像  085

3.1.5 店铺公告图片切割  089

3.1.6 详情描述模板切割  091

3.2 切片图片的优化  093

3.2.1 编辑切片  094

3.2.2 设置优化格式  095

3.2.3 应用颜色表  096

3.2.4 图像大小  097

3.2.5 网店图片格式  097

3.3 批处理多张图片  098

3.3.1 动作面板  098

3.3.2 创建动作  100

3.3.3 批处理  101

3.3.4 通过批处理对整个文件夹中的文件应用“描边”滤镜  103

3.4 制作动态公告模板  104

第4章 网店装修中Dreamweaver的应用

4.1 Dreamweaver 软件概述  109

4.1.1 Dreamweaver简介  109

4.1.2 Dreamweaver工作界面  109

4.1.3 Dreamweaver的面板操作  111

4.2 创建表格  114

4.2.1 表格的制作  114

4.2.2 表格的基本编辑  115

4.3 插入店铺图像切片  121

4.3.1 创建图像以及表格  121

4.3.2 插入图像  127

4.3.3 插入鼠标经过图像  128

4.3.4 以背景方式插入图像  132

4.4 创建图片的热区  135

4.4.1 创建规则热区  135

4.4.2 创建不规则热区  137

4.5 选择设计内容的代码  139

第5章 图片空间素材中心的使用

5.1 进入图片空间的素材中心  141

5.2 编辑素材中心  143

5.2.1 新建文件夹管理图片  143

5.2.2 删除素材中心中的文件夹  145

5.2.3 上传优化好的图片  146

5.2.4 图片搬家  149

5.2.5 恢复删除的图片  150

5.2.6 全选图片  152

5.2.7 替换  152

5.2.8 编辑  153

5.2.9 适配手机  154

5.2.10 为图片添加水印  155

5.3 复制图片链接  157

5.4 将链接粘贴到Dreamweaver代码区  158

第6章 店铺可装修区域的应用

6.1 改变店铺名称及信息  160

6.2 应用或更换店标  162

6.3 统一店铺的配色  164

6.4 应用与更换店招  165

6.4.1 快速替换店招  165

6.4.2 标准通栏全屏店招制作  169

6.4.3 通过代码制作带导航全屏店招并添加链接  171

6.5 在淘宝中添加自定义页面并将链接替换到店招中  176

6.6 轮播图的应用  180

6.6.1 标准轮播图应用  180

6.6.2 智能全屏轮播图应用  184

6.6.3 代码全屏轮播图应用  187

6.7 自定义广告的应用  191

6.7.1 标准通栏广告应用  191

6.7.2 智能全屏宽图广告应用  194

6.7.3 通过代码添加全屏广告应用  197

6.7.4 750广告与190广告应用  199

6.8 为淘宝自定义内容添加鼠标经过效果  203

6.9 宝贝分类的使用  209

6.9.1 应用宝贝分类  209

6.9.2 应用子宝贝分类  212

6.9.3 应用悬浮导航  215

6.10 店铺公告模板的使用  216

6.11 店铺收藏的应用  221

6.11.1 获取店铺收藏的代码  221

6.11.2 店铺收藏的应用  223

6.12 客服的应用  225

6.12.1 为制作的图片创建切片并导出网页  226

6.12.2 在Dreamweaver中生成代码  227

6.12.3 在旺遍天下中获取代码  229

6.12.4 在Dreamweaver中应用代码并替换图片的代码  229

6.12.5 联系我们的应用   231

6.13 详情页广告的应用  234