内容简介

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

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

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

前言

随着网上购物的兴起，自己开一家淘宝店进行创业已经不是什么新鲜事了。开店是一回事，经营网店又是一回事。在网店中运用视觉效果来吸引买家是既经济又实惠的一项选择。电商视觉营销方面相应的图书非常多，但多数以理论和点评为主，而本书真正将视觉效果应用到店铺中，并以实例的方式进行了精细的讲解。

店铺运营中应用视觉效果，除了在淘宝后台中设置以外，还要结合Photoshop、Dreamweaver 和图片空间，目的就是最大化地吸引买家，从而加大流量为店主创收。

本书在最初的策划阶段就是本着在吸引买家的注意力，并替店主省钱等方面而进行的。店铺运营中应用的全屏轮播图、全屏广告等收费环节，都可通过学习本书中的知识，自行制作，真正让卖家做到即学即用。本书作者有着多年丰富的电商教学经验、店铺运营以及装修的实际设计工作经验，把自己总结出的经验和技巧展现给读者，希望读者能够在体会各个软件的强大功能的同时，将设计创意和设计理念通过软件反映到店铺运营中来，更希望通过阅读本书能够帮助读者解决店铺运营时遇到的一些难题。

本书特点

本书内容由浅入深，丰富多彩，力争涵盖网店视觉及装修的全部知识点。以实例结合理论的方式对网店运营进行实际应用的讲解，使读者在学习时少走弯路。

本书具有以下几个方面的特点。

● 内容全面，几乎涵盖了网店视觉营销所涉及的视觉图像、配色和店铺整体的各个元素模块。从图片切片、网店代码的编写等一般流程入手，逐步引导读者学习网店运营中所涉及的各种技能。

● 语言通俗易懂，讲解清晰，前后呼应。以最小的篇幅、最易读懂的语言来讲解每一项功能和每一个实例，让读者学习起来更加轻松、阅读更加容易。

● 实例丰富，技巧全面实用，技术含量高，与实践紧密结合。本书由具有丰富教学经验的网店设计一线老师编写，每一个实例都倾注了作者多年的实践经验，每一个功能都已经过技术验证。

● 注重理论与实践相结合。在本书中，实例的运用都是以网店中某个重要知识点展开，使读者更容易理解和掌握，从而方便知识点的记忆，进而能够举一反三。

本书章节安排

本书循序渐进地讲解了网店视觉营销时在店面内效果所需要的各方面知识。全书共分为6 章，依次讲解了吸引买家的店铺布局、店铺配色与商品色彩、图片的切割与优化、Dreamweaver 在店铺中的应用、图片空间的使用和店铺可装修区域的应用。

本书读者对象

本书采用案例教程结合理论的编写形式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合开店想自己运营店铺的初、中级读者阅读，也可以作为大中专院校相关专业及电子商务方面培训班的教材。

本书由曹天佑、刘绍婕和时延辉编著，参与编写的人员还有王红蕾、陆沁、吴国新、戴时影、刘冬美、陈美荣、尚彤、张叔阳、葛久平、孙倩、殷晓锋、谷鹏、胡渤、张希、赵頔、张猛、齐新、王海鹏、刘爱华、张杰、张凝、周荥、周莉、金雨、陆鑫、刘智梅、王君赫、潘磊、黄友良、蒋立军、蒋岚、蒋玉、苏丽荣、谭明宇、李岩、吴承国、陶卫锋和孟琦等。

由于作者水平有限，书中疏漏之处在所难免，敬请读者批评指正。

编 者

 

 

目录

第 1 章  吸引买家的店铺布局 1

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

1.1.1　策划在制作之前的作用 / 3

1.1.2　网店栏目策划 / 3

1.1.3　网店的页面策划 / 6

1.2　网店布局的基本元素 / 9

1.2.1　店招 / 10

1.2.2　促销广告 / 10

1.2.3　宝贝分类 / 11

1.2.4　联系方式 / 12

1.2.5　店铺收藏 / 13

1.2.6　店铺二维码 / 14

1.2.7　店铺公告 / 14

1.2.8　宝贝展示 / 15

1.2.9　宝贝排行 / 15

1.2.10　详情页 / 16

1.3　版面布局设计 / 17

1.3.1　版面布局的原则 / 18

1.3.2　网店页面内容的排版 / 21

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

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

1.4.2　细致调整图像背景边缘 / 28

1.4.3　统一边框样式 / 29

1.4.4　商品图像边框的制作 / 31

1.5　统一间距与对齐 / 33

1.6　图像制作的布局 / 34

1.6.1　图像的构图类型 / 35

1.6.2　图像合成展示 / 35

 

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

2.1　认识网店色彩 / 38

2.2　色彩理论 / 39

2.2.1　色彩与视觉原理 / 39

2.2.2　色彩的分类 / 40

2.2.3　色彩三要素 / 43

2.3　色彩颜色管理 / 45

2.3.1　识别色域范围外的颜色 / 46

2.3.2　色彩模式 / 47

2.3.3　色彩模式转换 / 50

2.3.4　调整颜色建议 / 51

2.4　网页安全色 / 51

2.5　网店配色 / 53

2.5.1　自定义页面的主色与辅助色 / 53

2.5.2　网店色调与配色 / 54

2.5.3　色彩推移 / 65

2.5.4　色彩采集 / 67

2.6　色彩介绍 / 68

2.6.1　色彩对比 / 68

2.6.2　色彩调和 / 73

2.7　网店页面色彩分类 / 74

2.7.1　静态与动态色彩 / 74

2.7.2　强调色彩 / 75

2.8　商品色调风格调整 / 75

 

第 3 章  图片的切割与优化 76

3.1　在Photoshop 中创建切片 / 77

3.1.1　通过工具创建切片 / 77

3.1.2　基于参考线创建切片 / 78

3.1.3　基于图层创建切片 / 79

3.1.4　店铺公告图片切割 / 79

3.1.5　描述模板切割 / 81

3.2　切片图片的优化 / 82

3.2.1　编辑切片 / 82

3.2.2　设置优化格式 / 84

3.2.3　应用颜色表 / 84

3.2.4　图像大小 / 85

3.2.5　网店图片格式 / 86

3.3　批处理多幅图片 / 87

3.3.1　动作面板 / 87

3.3.2　创建动作 / 89

3.3.3　批处理 / 90

3.3.4　应用批处理对整个文件夹中的文件

　　　 应用“拼贴”滤镜 / 91

 

第 4 章  Dreamweaver 在店铺中的应用 93

4.1　Dreamweaver 软件概述 / 94

4.1.1　Dreamweaver 简介 / 94

4.1.2　Dreamweaver 工作界面 / 94

4.1.3　Dreamweaver 的面板操作 / 96

4.2　创建表格 / 99

4.2.1　创建表格 / 100

4.2.2　表格的基本编辑功能 / 101

4.3　插入店铺图像切片 / 106

4.3.1　创建图像以及表格 / 106

4.3.2　插入图像 / 110

4.3.3　插入鼠标经过图像 / 111

4.3.4　以背景方式插入图像 / 113

4.4　创建图片的热区 / 115

4.4.1　创建规则热区 / 115

4.4.2　创建不规则热区 / 118

4.5　选择设计内容的代码 / 119

 

第 5 章  图片空间的使用 120

5.1　进入图片空间 / 121

5.2　编辑图片空间 / 123

5.2.1　新建文件夹管理图片 / 123

5.2.2　删除图片空间的文件夹 / 125

5.2.3　上传优化好的图片 / 126

5.2.4　图片搬家 / 128

5.2.5　恢复删除的图片 / 130

5.2.6　全选图片 / 131

5.2.7　替换 / 132

5.2.8　编辑 / 132

5.2.9　适配手机 / 133

5.2.10　为图片添加水印 / 133

5.3　复制图片链接 / 135

5.4　将链接粘贴到Dreamweaver 代码区 / 136

 

 

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

6.1　改变店铺名称 / 138

6.2　应用或更换店标 / 139

6.3　统一店铺的配色 / 141

6.4　应用与更换店招 / 142

6.4.1　快速替换店招 / 142

6.4.2　标准通栏全屏店招制作 / 145

6.4.3　通过切片制作一体店招 / 146

6.5　在淘宝中添加自定义页面 / 151

6.6　焦点图的应用 / 153

6.6.1　标准焦点图的应用 / 153

6.6.2　全屏焦点图的应用 / 157

6.7　自定义广告的应用 / 161

6.7.1　标准通栏广告的应用 / 161

6.7.2　全屏广告的应用 / 163

6.7.3　750 广告与190 广告的应用 / 166

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

6.9　宝贝分类的使用 / 176

6.9.1　应用宝贝分类 / 177

6.9.2　应用子宝贝分类 / 180

6.10　 店铺公告模板的使用 / 182

6.11　 店铺收藏的应用 / 187

6.11.1　获取店铺收藏的代码 / 187

6.11.2　店铺收藏的应用 / 188

6.12　 联系我们的应用 / 191

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

6.12.2　在Dreamweaver 中生成代码 / 192

6.12.3　在“旺遍天下”中获取代码 / 194

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

6.12.5　联系我们的应用 / 196

6.13　 详情页广告的应用 / 199