项目一　初识电子商务视觉设计 1
任务一什么是视觉设计 2
一、视觉识别设计 2
二、视觉传达设计 3
任务二　电子商务视觉设计前的准备工作 4
一、网店的视觉定位 4
二、制定视觉规范 5
任务三　电子商务视觉设计的构图方法 6
一、对称切割构图法 6
二、组合切割构图法 7
三、整体场景构图法 7
四、简单切割构图法 8
五、流程构图法 9
六、放射构图法 9
七、物体轮廓构图法 10
项目实训 11

项目二　店铺视觉配色设计 12
任务一　店铺页面的配色方案 13
一、色彩搭配原则 13
二、色彩的联觉聚焦图片 15
三、店铺风格的形成要素 16
任务二　店铺页面的配色误区 23
一、色彩过多 23
二、背景和文字色彩对比不强烈 24
三、过分强调色彩的刺激度 24
任务三　店铺页面的整体配色案例 25
一、店铺页面主色设计 26
二、店铺页面文案配色设计 27
三、店铺页面辅色设计 29
项目实训 34

项目三　店铺品牌视觉设计 35
任务一　店标视觉设计 36
一、店标的设计形态 36
二、店标的设计技巧 37
三、不同风格的店标设计 39
任务二　使用即梦AI设计店标案例 40
任务三　产品包装视觉设计 42
一、产品包装的分类 42
二、产品包装视觉设计的基本要素 44
任务四　产品包装视觉设计案例 46
项目实训 50

项目四　店铺首页视觉设计 51
任务一　店铺首页视觉设计评价的四大指标 52
一、首页跳失率 52
二、首页点击率 52
三、首页人均点击次数 53
四、首页平均停留时间 54
任务二　店招视觉设计 54
一、店招视觉设计规范 54
二、店铺名称的艺术化处理 55
三、图层样式的应用 56
任务三　全屏轮播区视觉设计 57
一、聚焦消费者的视线 57
二、全屏轮播区设计三要素 58
三、使用可灵AI生成全屏轮播区背景
　　图案例 60
任务四　商品陈列区视觉设计 62
一、营造视觉动线 62
二、商品布局艺术化 64
任务五　零食店铺首页视觉设计案例 65
项目实训 74

项目五　商品详情页视觉设计 75
任务一　商品主图设计 76
一、商品主图的设计规范 76
二、商品主图的设计形式 77
三、添加文案，提高商品主图点击率 78
任务二　商品细节展示区设计 80
一、商品细节展示区的表现形式 80
二、商品细节展示区的通用设计方式 81
任务三　商品功效简介区设计 83
一、商品功效简介区的设计规范 83
二、修饰元素在商品功效简介区中的运用 84
任务四　商品详情页视觉设计案例 85
项目实训 93

项目六　高点击率推广图片视觉设计 94
任务一　推广图片的构图方式 95
一、变化式构图 95
二、对角线构图 95
三、对称式构图 95
四、平衡式构图 95
五、紧凑式构图 95
任务二　关键词推广创意图设计 96
一、确定图片整体风格 96
二、添加利益点说明 98
任务三　内容推广创意图设计 99
一、博取眼球的创意设计 99
二、统一设计风格 100
三、确定重点表现元素 100
任务四　关键词推广创意图设计案例 101
项目实训 108

项目七　店铺促销广告视觉设计 109
任务一　促销广告图片的黄金设计要素 110
一、保证设计的基本美感 110
二、营造促销氛围 112
三、促销广告图片的设计原则 113
任务二　不同发展阶段的促销广告
　　　　设计 114
一、发展初期——为打造爆款而
　　促销 114
二、发展中期——为宣传品牌而
　　促销 115
三、发展成熟期——为维系客户而
　　促销 116
项目实训 118

项目八　移动端店铺视觉设计 119
任务一　移动端店铺的设计标准 120
一、移动端店标设计 120
二、移动端店铺图片尺寸标准 120
三、移动端店铺框架结构 120
任务二　移动端店铺视觉设计要点 122
一、信息内容简洁，便于快速传播 122
二、简单方便的操作与交互 124
三、整体设计风格首尾呼应 125
四、保持色彩的鲜明感 125
五、保持常换常新 128
任务三　电子数码类商品店铺首页案例解析 129
项目实训 130

项目九　移动端店铺优化设计 131
任务一　移动端店铺首页优化设计 132
一、自定义板块 132
二、商品分类展示板块 134
任务二　移动端店铺商品详情页优化设计 136
一、商品详情页设计的FABE原则 136
二、商品详情页的设计误区 139
三、根据消费者的界面平均停留时间设计 142
任务三　女装店铺移动端首页设计案例实操 143
项目实训 149

项目十　直播间视觉设计 150
任务一　直播间画面构图 151
任务二　直播封面图设计 153
一、直播封面图尺寸要求 153
二、直播封面图设计原则 153
三、使用AI制作直播封面图 155
任务三　直播间装修 157
一、直播间背景视觉设计 158
二、直播间贴片视觉设计 163
任务四　直播间贴片视觉设计案例 167
项目实训 171

项目十一　商品短视频视觉设计 173
任务一　初识商品短视频 174
一、商品短视频的主要作用 174
二、商品短视频的类型 175
任务二　拍摄商品短视频 176
一、商品短视频的拍摄流程 176
二、商品短视频构图要素与构图法则 176
三、商品拍摄景别 179
四、商品拍摄方向与拍摄角度 180
任务三　制作商品主图视频 181
一、新建项目与导入素材 181
二、创建序列 182
三、粗剪视频 184
四、精剪视频 187
五、制作画面分屏效果 190
六、添加转场效果 194
七、视频调色 196
八、添加与编辑字幕 198
九、导出商品主图视频 201
任务四　制作商品详情页视频 202
一、粗剪视频 203
二、调整视频素材 204
三、视频调色 208
四、添加字幕并制作字幕动画 209
项目实训 216