店铺运营——网上店铺视觉营销指南 PDF下载

编辑推荐

1.站在买家的角度，对店铺运营时的页面版式与构图的设计，进行了全面细致的讲解。

2.对于网店中的配色方案、商品色彩，进行全面细致的讲解。

3.对运营中涉及的图片优化以及常用代码均进行了多方位的讲解和运用。

4.*后台与图片空间相结合。

5.注重效果显示，展现全新宽屏运营界面。

；

内容简介

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

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

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

作者简介

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

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

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

店铺运营——网上店铺视觉营销指南 PDF下载

目录
第 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

前沿

前言

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

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

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

本书特点

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

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

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

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

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

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

本书章节安排

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

本书读者对象

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

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

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

编者

免费在线读

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

本章重点

● 网店栏目和页面设计策划

● 网店布局的基本元素

● 版面布局设计

● 为网拍商品制作统一边框

● 统一间距与对齐

● 图像制作的布局

进入网店进行浏览时，往往第一印象就是该店铺的页面版式，即大家常说的店铺格局，各个元素在页面中的摆放位置。本章主要为大家介绍店铺的整体布局知识以及布局中各个元素之间的细节问题，使读者了解布局在店铺运营中的重要性。

在将网拍商品图片上传到网店之前，需要细致分析整体页面的布局页面，设计版式构图，目的是让商品在进入网店后更加具有吸引力，使其在同类型产品中获得买家更多的关注。

同样的商品图片如果不在布局上进行一些细致的调整，往往会给浏览的买家一种都差不多的感觉，从而丧失商机。本章就是为了突出页面中的产品而专门设置的，无论是页面的设计策划、网店布局的基本元素、间距与对齐，还是为网拍商品制作统一边框，目的都是让自己的产品与淘宝其他店铺中同类产品有所区别，在同一类型中能够最大限度地吸引买家的眼球。图1-1 和图1-2 所示的图像为经过美工设计的商品摆放布局页面和没有进行版式设计直接上传商品的页面。

图1-1　网店中的商品注意布局图1-2　网店中的商品不注意布局

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

网店是为了卖货而不是为了满足店主的审美，不是店主想如何设计就如何设计的，一家网店设计得再漂亮、功能再全，如果不是按照客户需求设计，那么这家网店的设计就是失败的。一个好的店铺装修首先要了解客户也就是买家的需求，说白了就是让浏览者以自己最习惯的方式在店铺中进行畅快的选购，只有这样才会促成最后的购买，并将购买者变为自己店铺的常客，说不定此顾客还会成为其他顾客与自己店铺的一个桥梁，成为该店铺一位忠实的宣传者。

1.1.1 策划在制作之前的作用

网店装修没有一个全局策划，最大的副作用就是盲目，也就是不知该从哪里下手，这样你即使投入再多，付出再大，最后也不会得到一个理想的结果。

了解网店风格是否符合市场需求、页面是否符合买家使用习惯、整体是否符合运营基础，是策划时必须要做的事情。在开店前做一个专业的详细策划，可以为店主带来以下几个方面的好处。

1 避免日后返工，提高运营效率

很多网店店主并非是网页制作方面的行业人士，总是在不断地修改网店页面。因此，为了避免以后不停地返工修改网店页面，事先对本店的各个环节进行细致的策划是非常必要的。

2 避免重复烧钱，节约运营成本

网店整体效果设计好、上线一段时间后，为何仍然没有很多买家？为何即使进行大范围推广，收效仍然甚微？原因就是策划时没有做好商品的定位或用户习惯调查。因此，如果想节省运营成本，就应该反省网店自身的定位，做好网店的策划。

3 避免投资浪费，提高成功概率

在开店之前就应该做好关于本店的详细策划，如市场的考察、买家群体的定位以及盈利模式的研究。只有进行了详细思考和策划，才可以使自己的投资不白花，避免浪费。

4. 避免教训，成功运营

在对网店进行策划时，不但要对网店内的栏目内容进行详细策划，更多地还应该对网店的市场定位、运营模式和运营成本等重要环节进行策划。