在激烈的电商竞争中，引人注目的视觉效果对于吸引消费者、推动销售至关重要。电商视觉营销便是以视觉设计为基础所进行的市场营销活动。如今它已成为电商竞争的有效手段。本书在介绍电商视觉营销基础知识后，又分别介绍了品牌视觉营销、商品视觉营销、店铺首页视觉营销、商品详情页视觉营销、广告与活动视觉营销、电商短视频视觉营销的相关知识，并且融入实战案例，理论联系实际，可以帮助读者更好地掌握电商视觉营销的相关技巧。 本书既可以作为高等院校视觉营销课程和各类电商视觉营销培训机构的教材，也可以作为电商视觉营销相关从业人员的参考书。

1.畅销书改版，针对原版过时的图片、案例内容进行了全面更新，所讲案例更加新颖和丰富，更能体现当前电商行业的流行现状；

2.本书在文中内容讲解部分新增了案例操作环节，并在此基础上，在课后部分新增了课堂实训环节，丰富了课后练习部分的习题量，使得新版的教材案例更加丰富。在最后章节还新增了短视频的内容，更贴近当前电商平台的发展动向，符合课堂教学需求。

3.本书配套教学视频、PPT、电子教案等丰富的教学资源，加强实践教学，注重知行合一。

王兆阳，艺术硕士，广告艺术设计专业副教授，广告设计师，1 X界面设计师。曾获得全国职业技能大赛教学能力比赛二等奖，获河南省职业技能大赛教学能力比赛一等奖4次，主持国家级精品在线课程一门。在学术期刊发表论文10多篇，其中核心论文2篇。 陈玉，经济与管理学院院长（创新创业教育学院）院长，江苏省年度教师人物优秀组织奖、泰州市凤城英才宣传文化系统六个一批、最美泰州人、春蚕奖 。

第 1 章 电商视觉营销基础....1

1.1　认识电商视觉营销.....................　2

1.1.1　电商视觉营销的概念............　2

1.1.2　电商视觉营销的数据指标....　3

1.1.3　电商视觉营销的价值............　8

1.1.4　电商视觉营销的基本要求.....................................10

1.2　了解电商视觉营销的内容构成..........................................11

1.2.1　Logo.....................................11

1.2.2　Slogan..................................11

1.2.3　色彩......................................12

1.2.4　文字......................................12

1.2.5　商品......................................13

1.2.6　包装......................................13

1.2.7　摄影......................................14

1.3　电商视觉营销的一般流程.......15

1.3.1　分析项目与消费者..............15

1.3.2　确定项目关键视觉点..........16

1.3.3　提炼电商视觉创意..............17

1.3.4　建立视觉信息层级..............19

1.3.5　提高视觉创意表现力..........23

课堂实训分析店铺首页的视觉营销特点..................26

课后练习............................................27

练习1　分析波司登服装品牌的视觉营销元素...............27

练习2　以中秋节为主题构思视觉营销活动页面...........27

第　2 章 品牌视觉营销......28

2.1　认识品牌视觉营销..................29

2.1.1　品牌视觉营销......................29

2.1.2　品牌视觉的VI 标准体系...32

2.2　品牌视觉设计..........................35

2.2.1　设计品牌标志......................35

2.2.2　设计标准字体......................38

2.2.3　设计标准色彩......................39

2.2.4　设计辅助图形......................39

2.2.5　设计VI 应用系统...............41

课堂实训设计农产品品牌VI...44

课后练习设计文创品牌VI.....47

第３章　商品视觉营销.....　48

3.1　拍摄商品...................................49

3.1.1　拍摄准备..............................49

3.1.2　拍摄不同类型的商品..........50

3.2　美化商品图片..........................54

3.2.1　校正变形的商品图片..........54

3.2.2　调整商品图片的色彩..........55

3.2.3　去除商品图片中的

多余物体.............................57

3.3　设计商品主图 ........................59

3.3.1　商品主图制作规范..............59

3.3.2　商品主图文案视觉..............59

3.3.3　制作商品主图......................63

课堂实训设计坚果主图..........66

课后练习............................................67

练习1　设计连衣裙竖版主图.......67

练习2　设计洗面奶横版主图.......67

第4　章 店铺首页视觉营销................　68

4.1　规划店铺首页..........................69

4.1.1　店铺首页的主要结构..........69

4.1.2　店铺首页的布局方式..........72

4.2　设计店招与导航.....................75

4.2.1　店招的设计要点..................75

4.2.2　导航的设计要点..................75

4.2.3　制作店招与导航..................78

4.3　设计全屏海报..........................79

4.3.1　全屏海报的视觉主题..........79

4.3.2　全屏海报的构图方式..........81

4.3.3　制作全屏海报......................85

4.4　设计优惠活动区.....................87

4.4.1　优惠活动区的设计要点......87

4.4.2　制作优惠活动区..................90

4.5　设计商品分类区.....................92

4.5.1　商品分类区的设计要点......92

4.5.2　制作商品分类区..................94

4.6　设计商品促销展示区.............95

4.6.1　商品促销展示区的设计要点.............................95

4.6.2　制作商品促销展示区..........96

4.7　设计页尾..................................99

4.7.1　页尾的设计要点..................99

4.7.2　制作页尾...........................　100

4.8　设计移动端店铺首页...........　102

4.8.1　移动端店铺首页的框架布局..........................　102

4.8.2　移动端店铺首页的设计要点..........................　105

4.8.3　制作移动端店铺首页.......　106

课堂实训设计家纺店铺首页..........................111

课后练习...........................................113

练习1　设计PC 端生鲜店铺首页.................................113

练习2　设计移动端家具店铺首页.................................113

第5　章 商品详情页视觉营销................　115

5.1　规划商品详情页.....................116

5.1.1　商品详情页的主要结构....116

5.1.2　商品详情页的沟通框架....118

5.1.3　商品详情页的文案应用....121

5.2　设计商品焦点图...................　123

5.2.1　商品焦点图的设计要点....124

5.2.2　制作商品焦点图................124

5.3　设计商品卖点图...................　126

5.3.1　商品卖点图的设计要点....126

5.3.2　制作商品卖点图................126

5.4　设计商品细节图...................　129

5.4.1　商品细节图的设计要点....129

5.4.2　制作商品细节图................130

5.5　设计商品参数图....................131

5.5.1　商品参数图的设计要点....132

5.5.2　制作商品参数图................132

5.6　设计商品关联营销图...........　134

5.6.1　商品关联营销图的设计要点...........................134

5.6.2　制作商品关联营销图........135

课堂实训设计除螨仪详情页....................　137

课后练习..........................................　139

练习1　设计家纺用品详情页.....139

练习2　设计女包详情页............　140

第6　章 广告与活动视觉营销................　141

6.1　广告视觉营销........................　142

6.1.1　广告视觉营销的作用........142

6.1.2　直通车图视觉设计与制作...............................142

6.1.3　引力魔方图视觉设计与制作...............................144

6.2　活动视觉营销........................　147

6.2.1　活动视觉营销的作用........147

6.2.2　活动页的设计要点............148

6.2.3　营造活动页营销氛围.......　150

6.2.4　制作年货节活动页............152

课堂实训..........................................　158

实训1　设计保温杯直通车图.....158

实训2　设计双11活动页....159

课后练习..........................................　160

练习1　设计家具引力魔方图....　160

练习2　设计七夕节活动页.........161

第7　章 电商短视频视觉营销................　162

7.1　短视频与视觉营销................　163

7.1.1　短视频的特征与优势........163

7.1.2　短视频的视觉营销价值....163

7.2　主图短视频视觉营销...........　164

7.2.1　主图短视频的内容选择....164

7.2.2　主图短视频的制作规范....167

7.2.3　制作主图短视频................168

7.3　详情页短视频视觉营销.......　172

7.3.1　详情页短视频的内容选择...................................172

7.3.2　详情页短视频的制作规范...................................174

7.3.3　制作详情页短视频............174

课堂实训..........................................　177

实训1　设计蜜瓜主图短视频.....177

实训2　设计茶叶详情页短视频.............................178

课后练习..........................................　179

练习1　设计牛奶主图短视频.....179

练习2　设计台灯详情页短视频............................　180