《电子商务视觉营销》由有着丰富电子商务视觉营销经验的专家团队编写，书中详细介绍了电子商务行业中视觉营销常用的技法，包括图片营销技法、动画营销技法、视频营销技法。同时《电子商务视觉营销》还针对电子商务视觉营销的基础知识和未来发展趋势进行了讲解。《电子商务视觉营销》共分为5章，带领读者完成商业案例的制作，在案例制作过程中体会行业知识和软件应用。另外，《电子商务视觉营销》还赠送授课案例源文件及素材、授课大纲、教学PPT课件、测试题及答案等资源，由于赠送资源比较丰富，读者可在《电子商务视觉营销》前言中找到相对应资源并扫码下载和使用。

　　《电子商务视觉营销》实例丰富、讲解细致，注重激发读者开展视觉营销的兴趣和培养读者的动手能力，适合网店美工人员和营销人员学习参考，也可作为电子商务及相关专业教材使用。

电子商务中的视觉营销作用非常强大，在电子商务中的应用范围也非常广泛。作为专业的营销模式，它可以完美、高效地展示产品，吸引消费者的眼球，最终达成营销目的。作为一名优秀的产品设计人员，不仅要能够更好地表达出产品活动的营销主题，而且还要能够很好地将营销主题反映在视觉营销的作品中。

本书内容

《电子商务视觉营销》内容浅显易懂，简明扼要，由浅入深，详细地讲述了电子商务中的视觉营销模式。其中的知识点都通过实例的方式讲解，帮助学习者边制作边理解，使得其在学习过程中不再觉得枯燥乏味。本书内容章节安排如下：

第1章　主要介绍了视觉营销的基础知识，包括视觉营销的概念、视觉营销的策略、视觉营销中的主要手法、视觉营销的原则和作用；本章设计制作了3个案例，分别是色彩对视觉营销的影响、构图对视觉营销的影响和视觉营销中的文档营销。

第2章  重点介绍了图片营销技法的一些知识，包括图片在电商网站中的应用、产品主图与排列方式、产品拍摄的要求与技法、精修产品图的必要性和产品图的应用技巧；本章设计制作了3个案例，分别是设计制作沙发产品宝贝图、设计制作淘宝母婴店铺主页面和设计制作手机配件产品详情页。

第3章  主要介绍了动画营销技法的相关知识，包括电子商务网站中的动画基础、电子商务动画的基本元素、商品营销动画分镜头的运用、电子商务网站中动画的表现形式和电子商务网站动画的输出和运用；本章设计制作了3个案例，分别是设计制作店铺促销GIF动画、设计制作动态店招广告图和设计制作体育商品展示动画。

第4章  重点讲解视频营销技法的相关知识，包括电商网站中视频的应用、电子商务网站中视频的作用、电子商务网站中视频的要求、选择正确的视频格式和视频营销在电子商务网站中的意义；本章设计制作了3个案例，分别是设计制作刀具商品的建议视频、设计制作纺织商品分类视频和设计制作便携洗漱商品说明视频。

第5章  主要介绍了视觉营销中的VR技术和移动端电子商务的视觉营销，包括电子商务行业发展的问题、电子商务视觉营销的发展趋势、VR技术在视觉营销上的应用、移动端电子商务特点和移动端页面视觉营销的原则；本章设计制作了3个案例，分别是设计制作乐器产品交互图、设计制作移动端手机开屏广告和设计制作房地产样板间VR展示动画。

本书特点

本书内容丰富、条理清晰，向读者全面、系统地介绍电子商务中视觉营销的知识，以及如何使用视觉营销进行最佳商品展示的方法和技巧，采用理论知识和实例相结合的方法，使知识融会贯通。

语言通俗易懂，精美实例图文同步，涉及大量营销案例设计制作的丰富知识讲解，帮助读者深入了解视觉营销技法。

实例涉及面广，几乎涵盖了视觉营销中的所有案例类型，每个营销技法都通过任务描述对案例进行详解和任务实施对案例进行操作练习，帮助读者掌握视觉营销作品中的设计知识点。

本书采用案例引入法讲解,注重设计制作视觉营销作品时软件工具的使用方法以及任务制作技巧的归纳总结，知识点和任务的讲解过程中穿插了软件操作和知识点提示等，使读者能更好地对知识点进行归纳吸收。

每一个案例的制作过程，都配有相关视频教程和素材，步骤详细，有利于读者轻松掌握。

本书赠送资源

本书中所有案例均提供源文件、素材和演示视频， 并根据课程内容为读者提供素材库和资源库。具体内容如下。 

项?目?名?称 项?目?内?容 数量/个

素材库 授课辅助资料 45

扩展知识点 45

常见问题汇总 46

扩展案例 135

授课案例 90

图片素材库 1

视频素材库 1

动画素材库 1

测试题及答案 18

资源库 课程授课大纲 45

课程授课PPT 45

专业素材文档 30

电子商务设计规范文档 15

授课案例源文件及素材 160

撰写任务单 1

演示文件 160

本书由董随东、王淼静任主编，王洪霞、徐丽、王丽任副主编。在本书编写过程中力求严谨，由于时间有限，疏漏之处在所难免，望广大读者批评指正。

编  者

第1章　电子商务视觉营销基础——了解商品视觉营销    001

1.1　了解视觉营销的概念    001

1.2　视觉营销的策略    002

1.3　视觉营销的主要手法    005

1.3.1　重中之重的第1屏    006

1.3.2　真材实料的第2屏    008

1.3.3　琳琅满目的第3屏    009

1.3.4　活动劲爆的第4屏    010

1.3.5　灵活多变的第5屏    011

1.4　视觉营销的原则    011

1.4.1　一致性原则    011

1.4.2　易读性原则    013

1.4.3　连续性原则    013

1.4.4　目的性原则    014

1.4.5　审美性原则    015

1.4.6　实用性原则    015

1.5　视觉营销的作用    016

1.5.1　打造注意力    016

1.5.2　唤醒记忆点    017

1.5.3　营造好感度    018

1.5.4　给予想象力    019

1.6　色彩对视觉营销的影响    020

1.6.1　分析商品色彩结构    020

1.6.2　掌握色彩基本概念    021

   ※课堂练习   使用配色软件辅助配色    022

1.6.3　设计制作水果商品海报    023

   ※举一反三   设计制作冰激凌商品海报    027

1.7　构图对视觉营销的影响    028

1.7.1　视觉营销中的版式应用    028

1.7.2　掌握常见的版式结构    029

   ※课堂练习   使用裁切工具优化图片构图    030

1.7.3　设计制作休闲食品海报     031

   ※举一反三   设计制作轻食商品海报    042

1.8　视觉营销中的文档营销    043

1.8.1　营销文档的结构和意义    043

1.8.2　如何提炼出适合的创意文档    044

1.8.3　设计制作家具商品海报     045

   ※课堂练习   完成商品的营销文档    045

   ※举一反三   设计制作果蔬商品海报    050

1.9　本章小结    050

1.10　课后习题    050

1.10.1　选择题    051

1.10.2　判断题    051

1.11　创新实操    052

第2章　视觉营销之图片营销技法——优化电子商务网站中的产品图    053

2.1　图片在电商网站中的应用    053

2.1.1　产品展示图    053

2.1.2　推广图    054

2.1.3　广告图    055

2.2　产品主图与排列方式    056

2.2.1　主图的要求    056

2.2.2　主图的排列要求    056

2.3　产品拍摄的要点和技法    058

2.4　精修产品图的必要性    060

2.5　产品图的应用技巧    062

2.5.1　选择合适的产品图片    062

2.5.2　合理控制图片数量    063

2.5.3　产品图排列方式    063

2.5.4　拥有适当的尺寸    065

2.5.5　展示产品细节    065

2.6　产品宝贝图视觉营销    066

2.6.1　分析产品营销的特点    066

2.6.2　宝贝图的设计规范和要求    067

   ※课堂练习   新建一个宝贝图文件    067

2.6.3　设计制作沙发产品宝贝图     068

   ※举一反三   设计制作家居产品主图    072

2.7　店铺主页面视觉营销    073

2.7.1　分析母婴产品营销的特点    073

2.7.2　产品图片的格式与抠像    074

   ※课堂练习   完成毛绒玩具产品抠像    075

2.7.3　设计制作母婴产品网店首页     076

   ※举一反三   设计制作母婴产品网店首页    085

2.8　产品详情页视频营销    085

2.8.1　分析手机配件类产品的特点    086

2.8.2　产品详情页的设计规范和要求    087

   ※课堂练习   设计制作详情页页面结构    088

2.8.3　设计制作手机配件产品详情页     091

   ※举一反三   设计制作充电线产品详情页    099

2.9　本章小结    100

2.10　课后习题    100

2.10.1　选择题    100

2.10.2　判断题    101

2.11　创新实操    102

第3章　视觉营销之动画营销技法——让商品信息动起来    103

3.1　电子商务网站中的动画基础知识    103

3.1.1　动画基础知识    103

3.1.2　商品营销动画概述    104

3.1.3　商品营销动画的基本元素    105

3.1.4　制作动画的软件    106

3.2　电子商务动画的表现手法    107

3.3　商品营销动画分镜头的运用    109

3.3.1　传统动画中分镜头的应用    110

3.3.2　电子商务动画中分镜头的应用    110

3.4　电子商务网站中动画的表现形式    111

3.4.1　GIF动画素材+文案    111

3.4.2　图片素材生成GIF动画    111

3.4.3　视频图片+静态图片    111

3.4.4　将三维动画转化成GIF动画    112

3.5　电子商务网站动画的输出和运用    112

3.5.1　动画输出途径    112

3.5.2　动画运用位置    114

3.6　店铺促销GIF动画    116

3.6.1　GIF广告图的特点    116

3.6.2　GIF动画的制作要求与规范    117

   ※课堂练习   为动画添加过渡效果    119

3.6.3　设计制作店铺促销GIF动画     120

   ※举一反三   设计制作收藏店铺动态图    128

3.7　动态店招广告图    129

3.7.1　动态店招广告图的特点    129

3.7.2　二维动画制作软件Animate    130

   ※课堂练习   使用Animate制作逐帧动画    131

3.7.3　设计制作图书商品动态店招     132

   ※举一反三   设计制作图书商品动态广告图    138

3.8　商品展示动画    139

3.8.1　交互动画的应用    139

3.8.2　了解CSS和JavaScript基础    139

   ※课堂练习   制作商品图左右滚动效果    141

3.8.3　任务实施——设计制作体育商品交互动画     142

   ※举一反三   设计制作健身商品轮播图动画    146

3.9　本章小结    147

3.10　课后习题    147

3.10.1　选择题    147

3.10.2　判断题    148

3.11　创新实操    149

第4章　视觉营销之视频营销技法——不断“流动”的视觉营销手法    150

4.1　电商网站中视频的应用    150

4.1.1　商品主图视频    150

4.1.2　商品详情页视频    151

4.1.3　店铺首页广告视频    152

4.2　电子商务网站中视频的作用    152

4.3　电子商务网站中视频的要求    153

4.3.1　营销视频的要求    154

4.3.2　营销视频的审核流程    155

4.4　选择正确的视频格式    155

4.4.1　视频格式    156

4.4.2　视频编码    157

4.4.3　视频转换器    157

4.5　视频营销的脚本编写    159

4.5.1　明确定义    160

4.5.2　创建故事板    160

4.6　视频营销的意义    161

4.6.1　宣传受众广    161

4.6.2　全方位展示    163

4.6.3　投资风险小    163

4.7　设计制作商品的建议视频    165

4.7.1　分析厨具商品营销的特点    165

4.7.2　 Photoshop中的视频导入与编辑    166

   ※课堂练习   新建空白视频图层    168

4.7.3　设计制作刀具商品建议视频    169

   ※举一反三   设计制作牛肉酱商品建议视频    174

4.8　设计制作商品分类视频    175

4.8.1　分析纺织商品营销的特点    175

4.8.2　会声会影概述    176

   ※课堂练习   新建会声会影项目文件    177

4.8.3　设计制作纺织商品分类视频    179

   ※举一反三   设计制作床上套件商品营销视频    184

4.9　设计制作商品说明视频    185

4.9.1　分析旅游类商品营销的特点    186

4.9.2　会声会影中丰富的转场效果    187

   ※课堂练习   制作闪光转场效果    188

4.9.3　设计制作旅游商品说明视频    189

   ※举一反三   设计制作雨伞商品说明视频    198

4.10　本章小结    198

4.11　课后习题    199

4.11.1　选择题    199

4.11.2　判断题    200

4.12　创新实操    200

第5章　电子商务视觉营销的发展——移动电子商务和VR技术    201

5.1　电子商务行业发展的问题    201

5.1.1　不佳的购物体验    202

5.1.2　商品品质参差不齐    202

5.1.3　过时的爆款销售模式    203

5.2　电子商务视觉营销的发展趋势    204

5.2.1　视觉营销的兴趣引导    204

5.2.2　视觉营销的品位至上    205

5.2.3　视觉营销的形象定价    205

5.2.4　视觉营销的颜值消费    206

5.3　VR技术在视觉营销上的应用    206

5.4　移动端电子商务应用    209

5.4.1　移动端电子商务的特点    209

5.4.2　电子商务移动端与PC端的区别    210

5.5　移动端页面视觉营销的原则    210

5.5.1　功能性原则    210

5.5.2　可视性原则    211

5.5.3　统一性原则    213

5.6　设计制作产品交互图    215

5.6.1　分析制作产品展示的过程    215

5.6.2　 CSS样式表的使用规范和要求    216

   ※课堂练习   使用CSS设置样式    220

5.6.3　设计制作乐器产品交互图    221

   ※举一反三   设计制作浮动广告位动画    226

5.7　设计制作手机开屏广告    228

5.7.1　移动端开屏广告营销的特点    228

5.7.2　移动端广告类型    229

   ※课堂练习   绘制移动端图标    232

5.7.3　设计制作移动端App开屏广告    233

   ※举一反三   设计制作App开屏家电广告图    237

5.8　设计产品VR展示动画    238

5.8.1　营销文档的结构和意义    239

5.8.2　电商巨头们的VR技术    240

   ※课堂练习   修改全景图的比例为2∶1    241

5.8.3　设计制作样板间VR展示动画    242

   ※举一反三   设计制作样板间VR全景图    247

5.9　本章小结    248

5.10　课后习题    248

5.10.1　选择题    249

5.10.2　判断题    249

5.11　创新实操    250

电子商务营销热度不减，视觉营销为重中之重。从图片视觉营销、动画视觉营销、视频视觉营销多方面全面介绍。采用小案例结合大案例的方法岩石营销手法。展望未来电子商务营销手法。随书赠送PPT、案例素材、教学视频等15G海量素材辅助教学和学习。

董随东

毕业于华东师范大学，硕士，高级教师，北京市信息管理学校党委副书记、校长。主要兼职：中国职业技术教育学会理事，中国职业技术教育学会信息化工作委员会副主任委员，北京市职业技术教育学会计算机教学研究会、计算机技术应用专业委员会主任，海淀区人民政府督学。

王淼静

从事电商专业教学多年，有丰富的专业教学和实践经验，承担多项市级、国家级课题及论文的编写，曾在市级、国家级专业大赛中获奖。熟悉电商策划、设计、营销类的书籍编写方案。曾参与编写电子商务类教材。撰写电子商务专业人才培养方案及电商实训基地建设方案。