第1章　初识电商视觉设计
1.1　电商视觉设计的基本概念　2
1.2　电商视觉设计师的工作内容　2
1.3　电商视觉设计常用的软件　3
1.3.1　Photoshop　4
1.3.2　Cinema 4D　4
1.3.3　Premiere 　4
1.4　电商视觉设计的项目流程　5
1.5　电商视觉设计的规范与规则　6
1.5.1　单位介绍　6
1.5.2　页面构成　7
1.5.3　栅格系统　8
1.5.4　文字规则　10
1.6　电商视觉设计的设计基础　12
1.6.1　基础元素　12
1.6.2　色彩搭配　13
1.6.3　字体表现　13
1.6.4　版式构图　15
第2章　商品图片精修与视觉合成
2.1　商品图片精修　18
2.1.1　精修的核心要素　18
2.1.2　精修的常用技法　19
2.1.3　理解光影与材质　20
2.1.4　课堂案例——精修护发发膜瓶器图片　21
2.2　视觉合成　23
2.2.1　合成的基本类型　23
2.2.2　合成的透视知识　23
2.2.3　合成的光影表现　25
2.2.4　课堂案例——合成室内空间场景　28
2.3　课堂练习——精修茶叶包装图片　32
2.4　课后习题——合成室外写实场景　32
第3章　商品营销推广图设计
3.1　主图设计　34
3.1.1　主图的基本概念　34
3.1.2　主图的设计尺寸　34
3.1.3　主图的设计方法　35
3.1.4　课堂案例——设计科技布沙发主图　35
3.2　直通车图设计　38
3.2.1　直通车图的基本概念　38
3.2.2　直通车图的设计尺寸　40
3.2.3　直通车图的设计方法　40
3.2.4　课堂案例——设计美妆护肤品直通车图　41
3.3　钻展图设计　58
3.3.1　钻展图的基本概念　58
3.3.2　钻展图的设计尺寸　58
3.3.3　钻展图的设计方法　59
3.3.4　课堂案例——设计美食活动钻展图　60
3.4　课堂练习——设计入耳式耳机直通车图　64
3.5　课后习题——设计护肤面膜钻展图　64
第4章　PC端海报设计
4.1　PC端海报的基本概念　67
4.2　PC端海报的类型与尺寸　67
4.2.1　PC端全屏海报　67
4.2.2　PC端常规海报　67
4.3　PC端海报的表现手法　68
4.3.1　摄影　68
4.3.2　合成　68
4.3.3　手绘　69
4.3.4　三维　69
4.3.5　课堂案例——设计西湖龙井海报　69
4.4　课堂练习——设计美味零食海报　76
4.5　课后习题——设计沐浴露海报　77
第5章　手机端海报设计
5.1　手机端海报的基本概念　79
5.2　手机端海报的类型与尺寸　79
5.2.1　手机端竖版海报　79
5.2.2　手机端横版海报　79
5.3　手机端海报的设计特点　80
5.3.1　内容更为简洁　80
5.3.2　布局适配性强　80
5.3.3　重视动态效果　81
5.3.4　课堂案例——设计家用电器手机端海报　81
5.4　课堂练习——设计丹东草莓手机端海报　98
5.5　课后习题——设计美味茶饮手机端海报　99
第6章　商品详情页设计
6.1　商品详情页概述　101
6.2　商品焦点图设计　101
6.2.1　商品焦点图的基本概念　101
6.2.2　商品焦点图的设计规则　102
6.2.3　课堂案例——设计实木沙发商品焦点图　102
6.3　卖点提炼模块设计　104
6.3.1　卖点提炼的基本概念　104
6.3.2　卖点提炼模块的设计规则　105
6.3.3　课堂案例——设计实木沙发卖点提炼模块　105
6.4　商品展示模块设计　108
6.4.1　商品展示的基本概念　108
6.4.2　商品展示模块的设计规则　108
6.4.3　课堂案例——设计实木沙发商品展示模块　108
6.5　细节展示模块设计　111
6.5.1　细节展示的基本概念　111
6.5.2　细节展示模块的设计规则　112
6.5.3　课堂案例——设计实木沙发细节展示模块　112
6.6　商品信息模块设计　114
6.6.1　商品信息的基本概念　115
6.6.2　商品信息模块的设计规则　115
6.6.3　课堂案例——设计实木沙发商品信息模块　115
6.7　其他模块设计　118
6.7.1　其他模块的基本概念　118
6.7.2　其他模块的设计规则　119
6.7.3　课堂案例——设计实木沙发其他模块　119
6.8　课堂练习——设计温和洗面奶商品详情页　121
6.9　课后习题——设计入耳式蓝牙耳机商品详情页　122
第7章　活动专题页设计
7.1　活动专题页的基本类型　124
7.2　活动专题页的表现形式　125
7.2.1　矩形排列　126
7.2.2　场景展示　126
7.3　PC端活动专题页的页面设计　126
7.3.1　PC端活动专题页的设计尺寸　127
7.3.2　PC端活动专题页的页面结构　127
7.3.3　PC端活动专题页的设计要点　128
7.3.4　课堂案例——设计家电平台初春换新PC端活动专题页　130
7.4　手机端活动专题页的页面设计　145
7.4.1　手机端活动专题页的设计尺寸　145
7.4.2　手机端活动专题页的页面结构　145
7.4.3　课堂案例——设计家电平台初春换新手机端活动专题页　146
7.5　课堂练习——设计坚果店铺年货盛典PC端活动专题页　161
7.6　课后习题——设计坚果店铺年货盛典手机端活动专题页　161
第8章　PC端店铺首页设计
8.1　PC端店铺首页概述　164
8.2　店招与导航栏设计　164
8.2.1　店招与导航栏的基本概念　164
8.2.2　店招与导航栏的设计规则　165
8.2.3　课堂案例——设计实木家具PC端店铺首页店招与导航栏　165
8.3　轮播海报设计　168
8.3.1　轮播海报的基本概念　168
8.3.2　轮播海报的设计规则　168
8.3.3　课堂案例——设计实木家具PC端店铺首页轮播海报　168
8.4　优惠券设计　170
8.4.1　优惠券的基本概念　170
8.4.2　优惠券的设计规则　171
8.4.3　课堂案例——设计实木家具PC端店铺首页优惠券　171
8.5　分类模块设计　174
8.5.1　分类模块的基本概念　174
8.5.2　分类模块的设计规则　174
8.5.3　课堂案例——设计实木家具PC端店铺首页分类模块　175
8.6　商品展示模块设计　178
8.6.1　商品展示的基本概念　178
8.6.2　商品展示模块的设计规则　178
8.6.3　课堂案例——设计实木家具PC端店铺首页商品展示模块　179
8.7　底部信息模块设计　182
8.7.1　底部信息的基本概念　182
8.7.2　底部信息模块的设计规则　183
8.7.3　课堂案例——设计实木家具PC端店铺首页底部信息模块　183
8.8　课堂练习——设计护肤品PC端店铺首页　186
8.9　课后习题——设计数码产品PC端店铺首页 　187
第9章　手机端店铺首页设计
9.1　手机端店铺概述　189
9.1.1　设计手机端店铺的必要性　189
9.1.2　手机端店铺与PC端店铺的区别　189
9.1.3　手机端店铺的设计关键点　191
9.2　手机端店铺首页的设计规则　191
9.2.1　轮播海报的设计规则　192
9.2.2　优惠券的设计规则　192
9.2.3　分类模块的设计规则　193
9.2.4　商品展示模块的设计规则　193
9.2.5　底部信息模块的设计规则　193
9.2.6　课堂案例——设计实木家具手机端店铺首页　194
9.3　课堂练习——设计护肤品手机端店铺首页　204
9.4　课后习题——设计数码产品手机端店铺首页　205
第10章　商品视频拍摄与制作
10.1　商品视频的基础知识　207
10.1.1　视频概述　207
10.1.2　商品视频的类型　207
10.2　商品视频拍摄　208
10.2.1　商品视频拍摄器材的准备　208
10.2.2　商品视频的拍摄流程　213
10.2.3　课堂案例——拍摄手冲咖啡的主图视频　215
10.3　商品视频制作　221
10.3.1　Premiere Pro CC 2020基本操作　221
10.3.2　商品视频的制作流程　228
10.3.3　课堂案例——制作手冲咖啡的主图视频　229
10.4　课堂练习——拍摄体育用品的页面视频　235
10.5　课后习题——制作体育用品的页面视频　236