电子商务视觉营销

　　在竞争激烈的互联网环境中，极具吸引力的视觉效果是引起消费者关注、提升消费者对商品的好感度、促进成交的一大法宝。视觉营销就是立足于视觉设计上，以达成营销目的而发展起来的一种营销方式。本书将从电子商务视觉营销的角度出发，先介绍视觉营销的基础知识，包括了解视觉营销、视觉营销的体现和布局，再介绍处理商品图片的方法，然后对店铺首页视觉营销设计、店铺详情页视觉营销设计、促销图与短视频的视觉营销设计、移动端店铺的视觉营销设计等基础知识进行介绍。最后通过具体的案例讲解不同页面的设计与制作方法，以帮助视觉营销人员更好地掌握视觉营销设计技巧。本书既可以作为各类电子商务视觉营销培训机构和高等院校视觉营销课程的教材，也可以作为从事电子商务营销相关工作的从业人员的参考书。

　　肖丽辉，长沙职业技术学院教师；解勤华，浙江同济科技职业学院教师；鲁瑶，金陵科技学院教师；徐孙权，江苏农牧科技职业学院教师；李明祥，江西技师学院教师

项目一 了解视觉营销 1
学习目标　1
学习导图　1
案例导入　2
任务一　视觉营销基础　2
一、任务目标　2
二、相关知识　3
（一）什么是视觉营销　3
（二）视觉营销的信息传达　4
（三）视觉营销的定位　4
三、任务实训——分析电饭煲海报的视觉营销定位　6
四、任务考核　6
任务二　视觉营销设计要素　7
一、任务目标　7
二、相关知识　8
（一）视觉色彩　8
（二）视觉文字　13
（三）视觉构图　17
三、任务实训——赏析佰草集旗舰店首页　20
四、任务考核　21
任务三　提炼视觉创意　22
一、任务目标　22
二、相关知识　22
（一）商品视觉创意　22
（二）活动视觉创意　23
三、任务实训——规划“双12”活动海报方案　24
四、任务考核　25
拓展延伸　27
实战与提升　27
项目二　视觉营销的体现与布局　28
学习目标　28
学习导图　28
案例导入　29
任务一　视觉营销设计体现　29
一、任务目标　30
二、相关知识　30
（一）店铺视觉营销体现　30
（二）商品视觉体现　30
（三）广告视觉体现　32
三、任务实训——赏析旅行箱首页　32
四、任务考核　33
任务二　店铺的视觉营销　34
一、任务目标　34
二、相关知识　35
（一）首页的布局　35
（二）首页的视觉营销　35
三、任务实训——赏析衣途女装店铺首页　38
四、任务考核　39
任务三　商品的视觉营销　40
一、任务目标　40
二、相关知识　40
（一）主图的视觉营销　40
（二）详情页的视觉营销　42
三、任务实训——分析防晒霜主图的视觉营销　42
四、任务考核　43
任务四　广告的视觉营销　44
一、任务目标　44
二、相关知识　45
（一）广告视觉化的重要性　45
（二）广告品牌信息的传达　46
三、任务实训——分析海报的广告视觉要点　46
四、任务考核　46
拓展延伸　47
实战与提升　48
项目三　商品图片的拍摄与处理　49
学习目标　49
学习导图　49
案例导入　50
任务一　商品的拍摄　50
一、任务目标　51
二、相关知识　51
（一）拍摄前的准备工作　51
（二）拍摄商品图片　54
三、任务实训——拍摄一组护肤品商品图片　56
四、任务考核　57
任务二　商品图片的基本处理　57
一、任务目标　58
二、相关知识　58
（一）裁剪商品图片　58
（二）修复商品图片　59
三、任务实训　61
实训一：裁剪芒果的细节部分　61
实训二：去除蔬菜中的污点　62
四、任务考核　63
任务三　商品图片色彩的调整　63
一、任务目标　64
二、相关知识　64
（一）调整偏色的商品图片　64
（二）调整曝光不足的商品图片　66
（三）调整曝光过度的商品图片　67
三、任务实训——调整毛绒公仔质感　69
四、任务考核　70
任务四　抠取商品图片内容　70
一、任务目标　70
二、相关知识　71
（一）单色背景商品的抠取　71
（二）精细商品的抠取　71
（三）半透明商品的抠取　73
三、任务实训　74
实训一：制作冰箱海报　74
实训二：制作有机蔬菜海报　75
四、任务考核　76
拓展延伸　77
实战与提升　78
项目四　店铺首页的视觉营销设计　79
学习目标　79
学习导图　79
案例导入　80
任务一　认识店铺首页　80
一、任务目标　80
二、相关知识　81
（一）店铺首页的主要功能　81
（二）店铺首页的布局要点　81
三、任务实训——赏析九阳官方旗舰店首页　81
四、任务考核　82
任务二　店招与导航栏的视觉营销设计　83
一、任务目标　83
二、相关知识　84
（一）店招与导航栏的视觉设计风格　84
（二）店招与导航栏的视觉设计要点　84
（三）店招与导航栏的设计与制作　85
三、任务实训　86
实训一：制作童装店店招　86
实训二：制作家居店铺店招　87
四、任务考核　87
任务三　全屏海报的视觉营销设计　88
一、任务目标　88
二、相关知识　88
（一）海报的视觉组成　88
（二）海报的画面构图　89
（三）海报的设计与制作　89
三、任务实训　90
实训一：制作洗衣机全屏海报　90
实训二：制作水果店铺全屏海报　91
四、任务考核　92
任务四　优惠活动区域的视觉营销设计　92
一、任务目标　93
二、相关知识　93
（一）优惠券视觉设计　93
（二）商品分类视觉设计　94
（三）活动专区视觉设计　97
三、任务实训　100
实训一：制作家居店铺的优惠券　100
实训二：制作家居店铺的商品分类　100
实训三：制作家居店铺的活动专区　101
四、任务考核　102
拓展延伸　103
实战与提升　103
项目五　商品详情页的视觉营销设计　104
学习目标　104
学习导图　104
案例导入　105
任务一　认识商品详情页　105
一、任务目标　105
二、相关知识　106
（一）商品详情页设计准备　106
（二）商品详情页视觉设计要点　106
三、任务实训——分析方太厨具商品详情页的设计要点　110
四、任务考核　111
任务二　商品详情页的视觉设计　112
一、任务目标　112
二、相关知识　112
（一）焦点图视觉设计　112
（二）卖点图视觉设计　114
（三）商品信息展示图视觉设计　118
（四）细节图视觉设计　120
三、任务实训——制作棉袜的商品详情页　122
四、任务考核　124
拓展延伸　124
实战与提升　125
项目六　促销图与短视频的视觉营销设计　126
学习目标　126
学习导图　126
案例导入　127
任务一　促销图的视觉营销设计　127
一、任务目标　127
二、相关知识　128
（一）直通车图与钻展图视觉设计要点　128
（二）直通车图的制作　129
（三）钻展图的制作　132
三、任务实训　138
实训一：制作儿童水杯直通车图　138
实训二：制作护肤品钻展图　139
四、任务考核　140
任务二　短视频的视觉营销设计　140
一、任务目标　141
二、相关知识　141
（一）认识主图短视频　141
（二）主图短视频的拍摄与编辑　143
三、任务实训——拍摄与编辑女包短视频　144
四、任务考核　144
拓展延伸　145
实战与提升　145
项目七　移动端店铺的视觉营销设计　146
学习目标　146
学习导图　146
案例导入　147
任务一　移动端店铺的视觉设计要点　147
一、任务目标　147
二、相关知识　147
（一）移动端店铺首页视觉设计要点　147
（二）移动端商品详情页视觉设计要点　148
三、任务实训——分析客厅沙发移动端商品详情页的设计要点　150
四、任务考核　151
任务二　移动端店铺首页与商品详情页的制作　152
一、任务目标　152
二、相关知识　152
（一）移动端首页的制作　152
（二）移动端商品详情页的制作　158
三、任务实训——制作果汁机移动端商品详情页　161
四、任务考核　162
拓展延伸　163
实战与提升　164
项目八　完整的店铺视觉营销案例展示　165
学习目标　165
学习导图　165
案例导入　166
任务一　女鞋店铺视觉营销展示　166
一、任务目标　167
二、相关知识　167
（一）制作女鞋店铺首页　167
（二）制作女鞋详情页　173
三、任务实训——制作蛋糕店店铺首页　177
四、任务考核　178
任务二　家用电器店铺视觉营销展示　179
一、任务目标　179
二、相关知识　179
（一）制作家用电器店铺首页　179
（二）制作家用电器详情页　186
三、任务实训　189
实训一：制作珠宝店铺首页　189
实训二：制作珠宝详情页　190
四、任务考核　191
拓展延伸　192
实战与提升　192