《店铺运营网上店铺视觉营销手册》以实例和设计理论相结合的方式介绍了店铺运营中视觉营销图像的运用。根据在店铺运营中后台所涉及的各个知识点，精心制作了多个通过Dreamweaver编辑代码、图片空间复制链接来完成的终视觉效果实例，其中包括全屏首屏广告、全屏轮播图、店铺店招与导航、店铺公告模板等效果的应用。 《店铺运营网上店铺视觉营销手册》由一线电子商务教师和网店店主编写，循序渐进地讲解了网店后台运用美工设计的图片效果所需要具备的各方面知识。全书共分为6章，依次讲解了网店页面布局对买家的吸引、店铺配色与商品色彩、图片的切割与优化、网店装修中Dreamweaver的应用、图片空间素材中心的使用以及店铺可装修区域的应用。 《店铺运营网上店铺视觉营销手册》采用案例与理论相结合的编写方式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合想要免费加强自己网店效果的初、中级读者阅读，也可以作为大中专院校相关专业及电子商务方向培训班的教材。

《店铺运营网上店铺视觉营销手册》的特点如下：
● 内容全面，几乎涵盖了网店视觉营销所涉及的视觉图像、配色和店铺整体的各个元素模块。从图片切片、网店代码的编写等一般流程入手，逐步引导读者学习网店运营中所涉及的各种技能。
● 语言通俗易懂，讲解清晰，前后呼应。以小篇幅、通俗易懂的语言来讲解每一项功能和每一个实例，让读者学习起来更加轻松、阅读起来更加容易。
● 实例丰富，技巧全面实用，技术含量高，与实践紧密结合。本书由具有丰富教学经验的网店设计一线老师编写，每一个实例都倾注了作者多年的实践经验，每一个功能都经过了技术验证。
● 注重理论与实践相结合。在本书中，实例的运用都是以网店设计中某个重要的知识点展开的，使读者更容易理解和掌握，从而方便知识点的记忆，并能够举一反三。

前言随着网上购物的兴起，自己开一家淘宝店创业已经不是什么新鲜事了。但是，开店是一回事，经营网店又是另一回事。在网店中运用视觉效果来吸引买家是既经济又实惠的一种选择。电商视觉营销方面的图书非常多，但多数以理论和点评为主，而本书真正将视觉效果应用到店铺运营中，通过实例进行了细致的讲解。
店铺运营中应用视觉效果，除了在淘宝后台中设置以外，还要结合使用Photoshop、Dreamweaver和素材中心，目的就是化地吸引买家，从而加大流量，为店主创收。
本书在初的策划阶段就是本着吸引买家的注意力，并替店主省钱等方面综合考虑而创作的。店铺运营中应用的全屏轮播图、全屏广告等收费环节，都可以通过学习本书中的知识，自行制作，真正让卖家做到即学即用。本书作者有着多年丰富的电商教学经验、店铺运营以及装修的实际设计工作经验，把自己总结出的经验和技巧展现给读者，希望读者能够在体会各种软件强大功能的同时，将设计创意和设计理念通过软件运用到店铺运营中来，更希望通过阅读本书能够帮助读者解决店铺运营时遇到的一些难题。

本书特点
本书内容由浅入深，丰富多彩，力争涵盖网店视觉及装修的全部知识点。以实例结合理论的方式对网店运营进行实际应用的讲解，使读者在学习时少走弯路。
本书具有以下几方面的特点。
● 内容全面，几乎涵盖了网店视觉营销所涉及的视觉图像、配色和店铺整体的各个元素模块。从图片切片、网店代码的编写等一般流程入手，逐步引导读者学习网店运营中所涉及的各种技能。
● 语言通俗易懂，讲解清晰，前后呼应。以小的篇幅、通俗易懂的语言来讲解每一项功能和每一个实例，让读者学习起来更加轻松、阅读起来更加容易。
● 实例丰富，技巧全面实用，技术含量高，与实践紧密结合。本书由具有丰富教学经验的网店设计一线老师编写，每一个实例都倾注了作者多年的实践经验，每一个功能都经过了技术验证。
● 注重理论与实践相结合。在本书中，实例的运用都是以网店设计中某个重要的知识点展开的，使读者更容易理解和掌握，从而方便知识点的记忆，并能够举一反三。

本书读者对象
本书采用案例与理论相结合的编写方式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合想自己运营店铺的初、中级读者阅读，也可以作为大中专院校相关专业及电子商务方向培训班的教材。
本书由曹天佑、刘绍婕和时延辉编著，参与编写的人员还有王红蕾、陆沁、吴国新、戴时影、刘冬美、陈美荣、尚彤、张叔阳、葛久平、孙倩、殷晓锋、谷鹏、胡渤、赵頔、张猛、齐新、王海鹏、刘爱华、张杰、张凝、周荥、周莉、金雨、陆鑫、刘智梅、王君赫、潘磊、付强、蔡凌燕、秦怡婷、曹培军等。
本书提供了案例所需的素材、源文件、视频文件以及PPT课件，通过扫描下面的二维码，推送到自己的邮箱后下载获取。
由于作者水平有限，书中疏漏之处在所难免，敬请读者批评、指正。
编 者

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

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

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

第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.1Dreamweaver 软件概述 109
4.1.1Dreamweaver简介 109
4.1.2Dreamweaver工作界面 109
4.1.3Dreamweaver的面板操作 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.4750广告与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