电子商务视觉营销

第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