正版 电子商务视觉营销 董随东 王淼静 主编 王洪霞 徐丽 王丽副

第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

董随东

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

王淼静

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

《电子商务视觉营销》由有着丰富电子商务视觉营销经验的专家团队编写，书中详细介绍了电子商务行业中视觉营销常用的技法，包括图片营销技法、动画营销技法、视频营销技法。同时《电子商务视觉营销》还针对电子商务视觉营销的基础知识和未来发展趋势进行了讲解。《电子商务视觉营销》共分为5章，带领读者完成商业案例的制作，在案例制作过程中体会行业知识和软件应用。另外，《电子商务视觉营销》还例源文件及素材、授课大纲、教学PPT课件、测试题及答案等资源，由于较丰富，读者可在《电子商务视觉营销》前言中找到相对应资源并扫码和使用。 　　《电子商务视觉营销》实例丰富、讲解细致，注重激发读者开展视觉营销的兴趣和培养读者的动手能力，适合网店美工人员和营销人员学习参考，也可作为电子商务及相关专业教材使用。

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