项目一 了解视觉营销..............1
学习目标 .............................................. 1
学习导图 .............................................. 1
案例导入 .............................................. 2
任务一 视觉营销基础 ......................... 2
一、任务目标............................................ 2
二、相关知识............................................ 3
（一）什么是视觉营销 .............................. 3
（二）视觉营销的作用 .............................. 4
（三）视觉营销的定位 .............................. 5
三、任务实训——分析电器海报的
视觉营销............................................ 6
四、任务考核............................................ 7
任务二 视觉营销设计要素 ................. 7
一、任务目标............................................ 7
二、相关知识............................................ 8
（一）视觉色彩 .......................................... 8
（二）视觉文字 ........................................ 12
（三）视觉构图 ........................................ 16
三、任务实训——赏析苏州博物馆
旗舰店移动端首页.......................... 19
四、任务考核..........................................20
任务三 提炼视觉创意 ....................... 21
一、任务目标.......................................... 21
二、相关知识.......................................... 21
（一）商品视觉创意 ................................ 21
（二）活动视觉创意 ................................ 22
三、任务实训——分析“双 11”活动
海报.................................................. 23
四、任务考核.......................................... 24
拓展延伸 ............................................ 24
实战与提升 ......................................... 25
目录
CONTENTS
II
电子商务视觉营销（第 2版）
项目三 商品图片的拍摄与处理...44
学习目标 ............................................ 44
学习导图 ............................................ 44
案例导入 ............................................ 45
任务一 商品的拍摄 .......................... 45
一、任务目标.......................................... 46
二、相关知识.......................................... 46
（一）拍摄前的准备工作 ........................ 46
（二）拍摄商品图片 ................................ 49
三、任务实训——拍摄一组保温杯
商品图片.......................................... 51
四、任务考核.......................................... 52
任务二 商品图片的基本处理 ............ 53
一、任务目标.......................................... 53
二、相关知识.......................................... 53
（一）裁剪商品图片 ................................ 53
（二）修复商品图片 ................................ 54
三、任务实训.......................................... 56
实训一：裁剪饮料图片主体 .................... 56
实训二：修复衣服上的污渍和褶皱 ........ 57
四、任务考核.......................................... 57
任务三 商品图片色彩的调整 ............ 58
一、任务目标.......................................... 58
二、相关知识.......................................... 59
（一）调整偏色的商品图片 .................... 59
（二）调整曝光不足的商品图片 ............ 60
（三）调整曝光过度的商品图片 ............ 62
三、任务实训——调整小白鞋色彩...... 63
四、任务考核.......................................... 64
任务四 抠取商品图片内容 ............... 64
一、任务目标.......................................... 65
二、相关知识.......................................... 65
（一）单色背景商品图片的抠取 ............ 65
（二）精细商品图片的抠取 .................... 67
（三）半透明商品图片的抠取 ................ 68
三、任务实训.......................................... 71
实训一：制作冰箱海报 ............................ 71
实训二：制作行李箱海报 ........................ 72
四、任务考核.......................................... 73
拓展延伸 ............................................ 73
实战与提升 ......................................... 74
项目四 店铺首页的视觉营销
设计.......................75
学习目标 ............................................ 75
学习导图 ............................................ 75
案例导入 ............................................ 76
任务一 认识店铺首页 ....................... 76
一、任务目标.......................................... 77
二、相关知识.......................................... 77
（一）店铺首页的功能区模块 ................ 77
（二）店铺首页的布局要点 .................... 79
三、任务实训——赏析小熊生活电器
旗舰店首页......................................80
四、任务考核.......................................... 81
任务二 店招与导航的视觉营销
设计 ..................................... 81
一、任务目标.......................................... 82
二、相关知识.......................................... 82
（一）店招的类型与视觉设计风格 ........ 82
（二）导航的类型与视觉设计要点 ........ 83
（三）店招与导航的设计与制作 ............ 84
三、任务实训.......................................... 86
实训一：制作童装店铺店招与导航 ........ 86
实训二：制作家居店铺店招与导航 ........ 87
四、任务考核.......................................... 87
任务三 全屏海报的视觉营销设计 ..... 88
一、任务目标.......................................... 88
二、相关知识.......................................... 88
（一）全屏海报的视觉主题 .................... 88
（二）全屏海报的视觉构图 .................... 90
（三）全屏海报的设计与制作 ................ 90
三、任务实训.......................................... 92
III
目录
实训一：制作洗衣机全屏海报 ................ 92
实训二：制作水果店铺全屏海报 ............ 93
四、任务考核.......................................... 94
任务四 优惠活动区的视觉营销
设计 ..................................... 94
一、任务目标.......................................... 95
二、相关知识.......................................... 95
（一）优惠券视觉设计 ............................ 95
（二）商品分类区视觉设计 .................... 98
（三）活动专区视觉设计 ........................ 99
三、任务实训——制作女装店铺的
优惠活动区....................................102
四、任务考核........................................104
拓展延伸 .......................................... 105
实战与提升 ....................................... 105
项目五 商品的视觉营销设计 ... 106
学习目标 .......................................... 106
学习导图 .......................................... 106
案例导入 .......................................... 107
任务一 商品主图的视觉营销设计 ... 108
一、任务目标........................................108
二、相关知识........................................108
（一）商品主图设计规范 ...................... 108
（二）商品主图视觉方式 ...................... 108
（三）商品主图的制作 .......................... 109
三、任务实训——制作电热锅主图.... 111
四、任务考核........................................ 112
任务二 商品详情页的视觉营销设计112
一、任务目标........................................ 112
二、相关知识........................................ 113
（一）商品详情页的设计内容 .............. 113
（二）商品详情页视觉设计要点 .......... 114
（三）焦点图视觉设计 .......................... 117
（四）卖点图视觉设计 .......................... 119
（五）细节图视觉设计 .......................... 121
（六）商品信息展示图视觉设计 .......... 122
三、任务实训——制作棉袜商品
详情页............................................124
四、任务考核........................................125
任务三 推广图的视觉营销设计 ...... 126
一、任务目标........................................ 127
二、相关知识........................................ 127
（一）直通车图与引力魔方图
视觉设计要点 .............................. 127
（二）直通车图的制作 .......................... 128
（三）引力魔方图的制作 ...................... 129
三、任务实训........................................130
实训一：制作儿童水杯直通车图 .......... 130
实训二：制作护肤品引力魔方图 .......... 131
四、任务考核........................................ 131
拓展延伸 .......................................... 131
实战与提升 ....................................... 132
项目六 移动端店铺的视觉营销
设计..................... 133
学习目标 .......................................... 133
学习导图 .......................................... 133
案例导入 .......................................... 134
任务一 移动端店铺的视觉设计
要点 .................................. 134
一、任务目标........................................ 135
二、相关知识........................................ 135
（一）移动端店铺首页视觉设计要点 .. 135
（二）移动端商品详情页视觉设计
要点 .............................................. 135
三、任务实训——分析沙发移动端
商品详情页的视觉设计要点........ 136
四、任务考核........................................ 137
任务二 移动端店铺首页与商品详情页
的制作 ............................... 138
一、任务目标........................................ 138
IV
电子商务视觉营销（第 2版）
二、相关知识........................................ 139
（一）移动端店铺首页的制作 .............. 139
（二）移动端商品详情页的制作 .......... 142
三、任务实训——制作移动端陶瓷
茶具商品详情页............................148
四、任务考核........................................149
拓展延伸 .......................................... 149
实战与提升 ....................................... 150
项目七 短视频的视觉营销设计. 151
学习目标 .......................................... 151
学习导图 .......................................... 151
案例导入 .......................................... 152
任务一 认识短视频 ........................ 152
一、任务目标........................................ 153
二、相关知识........................................ 153
（一）短视频基本术语 .......................... 153
（二）拍摄和剪辑短视频 ...................... 153
三、任务实训——分析手表短视频的
制作思路........................................155
四、任务考核........................................156
任务二 制作各类短视频 ................. 157
一、任务目标........................................ 157
二、相关知识........................................ 157
（一）商品卖点展示类短视频 .............. 157
（二）商品测评类短视频 ...................... 158
（三）开箱试用类短视频 ...................... 159
（四）知识文化类短视频 ...................... 159
（五）品牌推广类短视频 ...................... 159
（六）活动宣传类短视频 ...................... 160
（七）剧情故事类短视频 ...................... 160
三、任务实训........................................161
实训一：制作台灯测评短视频 .............. 161
实训二：制作“草莓甜乐屋”
品牌推广短视频 ...................... 164
四、任务考核........................................166
拓展延伸 .......................................... 166
实战与提升 ....................................... 167
项目八 综合案例：家具店铺视觉
营销设计与制作....... 168
学习目标 .......................................... 168
学习导图 .......................................... 168
任务一 制作店铺首页 ..................... 169
一、任务目标........................................169
二、任务分析........................................169
三、操作步骤........................................169
（一）制作店招与导航 .......................... 169
（二）制作全屏海报 .............................. 170
（三）制作优惠活动区 .......................... 172
（四）制作移动端店铺首页 .................. 175
任务二 制作商品主图与推广图 ...... 176
一、任务目标........................................ 176
二、任务分析........................................ 177
三、操作步骤........................................ 177
（一）制作商品主图 .............................. 177
（二）制作直通车图 .............................. 179
（三）制作引力魔方图 .......................... 181
任务三 制作商品详情页 ................. 182
一、任务目标........................................ 182
二、任务分析........................................ 182
三、操作步骤........................................ 182
（一）制作焦点图 .................................. 182
（二）制作商品卖点图 .......................... 183
（三）制作商品场景图 .......................... 185
（四）制作商品细节图 .......................... 186
（五）制作商品信息展示图 .................. 187
任务四 制作商品短视频 ................. 189
一、任务目标........................................189
二、任务分析........................................189
三、操作步骤........................................190
（一）拍摄商品短视频 .......................... 190
（二）剪辑商品短视频 .......................... 190