1.慕课支撑教学
2.案例丰富，浅显易懂，增加课程思政，贴近教学实际
3.案例贴近工程实际，拓展学生对电商设计的实际应用能力
4.附赠资源丰富，素材、扩展案例、教学大纲等

本书全面系统地介绍了电商设计的相关知识点和基本设计技巧，包括初识电商设计、商品精修与视觉合成、营销推广图设计、PC端海报设计、移动端海报设计、商品详情页设计、PC端店铺首页设计、移动端店铺首页设计、PC端活动专题页设计和移动端活动专题页设计等内容。
本书自第2章起内容介绍均以知识点讲解加课堂案例为主线。知识点讲解部分使学生能够系统地了解网页设计的各类规范，课堂案例部分可以使学生快速掌握电商设计流程并能完成案例制作。第2章至第10章的最后还安排了课堂练习和课后习题，可以培养学生对电商设计的实际应用能力。
本书既可作为高职高专院校数字媒体艺术类专业课程的教材，也可供电商设计初学者自学参考。

第1章初识电商设计
1．1电商设计的基本概述2
1．1．1电商设计的基本概念2
1．1．2电商设计的主流平台2
1．2电商设计师的基本概述2
1．2．1电商设计师的类型划分2
1．2．2电商设计师的工作内容3
1．2．3电商设计师的专业技能4
1．2．4电商设计师的常用软件4
1．3电商设计的发展趋势4
1．4电商设计的项目流程5
1．5电商设计的规范规则6
1．5．1单位6
1．5．2页面结构7
1．5．3栅格系统7
1．5．4文字规则9
1．6电商设计的设计基础11
1．6．1基础元素11
1．6．2颜色搭配12
1．6．3字体表现12
1．6．4版式设计14

第2章商品精修与视觉合成
2．1商品精修17
2．1．1商品精修的核心要素17
2．1．2商品精修的常用技法18
2．1．3理解光影与材质18
2．1．4课堂案例——茶叶包装精修19
2．2视觉合成21
2．2．1视觉合成的基本类型22
2．2．2视觉合成的透视知识22
2．2．3视觉合成的光影表现23
2．2．4课堂案例——自然植物场景合成27
2．3课堂练习——发膜瓶精修图30
2．4课后习题——室内空间场景合成30

第3章营销推广图设计
3．1主图设计32
3．1．1主图的基本概念32
3．1．2主图的设计尺寸32
3．1．3主图的设计方法33
3．1．4课堂案例——嘉兴肉粽主图设计33
3．2直通车图设计44
3．2．1直通车图的基本概念45
3．2．2直通车图的设计尺寸46
3．2．3直通车图的设计方法46
3．2．4课堂案例——洗衣机直通车图设计47
3．3钻展图设计62
3．3．1钻展图的基本概念62
3．3．2钻展图的设计尺寸62
3．3．3钻展图的设计方法63
3．3．4课堂案例——面膜钻展图设计64
3．4课堂练习——健康钙片直通车图设计69
3．5课后习题——生鲜食品钻展图设计70

第4章PC端海报设计
4．1PC端海报的基本概述72
4．1．1PC端海报的常见类型72
4．1．2PC端海报的常见尺寸72
4．2PC端海报的版面布局72
4．2．1PC端海报的布局类型73
4．2．2PC端海报的布局原则73
4．3PC端海报的表现形式74
4．3．1PC端海报的风格定位74
4．3．2PC端海报的表现手法75
4．3．3课堂案例——西湖龙井海报设计75
4．4课堂练习——空调海报设计81
4．5课后习题——沐浴露海报设计81

第5章移动端海报设计
5．1移动端海报的基本概述83
5．1．1移动端海报的常见类型83
5．1．2移动端海报的常见尺寸83
5．2移动端海报的版面布局84
5．2．1移动端海报的布局类型84
5．2．2移动端海报的布局原则84
5．3移动端海报的设计技巧84
5．3．1图形分割85
5．3．2简洁背景86
5．3．3课堂案例——女装移动端海报设计86
5．4课堂练习——年货礼券移动端海报设计90
5．5课后习题——牛奶草莓移动端海报设计91

第6章商品详情页设计
6．1商品详情页的基本概述93
6．2商品焦点图设计94
6．2．1商品焦点图的基本概念94
6．2．2商品焦点图的设计规则94
6．2．3课堂案例——中秋月饼商品焦点图设计94
6．3卖点提炼设计97
6．3．1卖点提炼的基本概念97
6．3．2卖点提炼的设计规则98
6．3．3课堂案例——中秋月饼卖点提炼设计98
6．4商品展示设计103
6．4．1商品展示的基本概念103
6．4．2商品展示的设计规则104
6．4．3课堂案例——中秋月饼商品展示设计104
6．5细节展示设计107
6．5．1细节展示的基本概念107
6．5．2细节展示的设计规则107
6．5．3课堂案例——中秋月饼细节展示设计107
6．6商品信息设计112
6．6．1商品信息的基本概念112
6．6．2商品信息的设计规则112
6．6．3课堂案例——中秋月饼商品信息设计112
6．7其他模块设计115
6．7．1其他模块的基本概念115
6．7．2其他模块的设计规则116
6．7．3课堂案例——中秋月饼其他模块设计及模块合并116
6．8课堂练习——耳机详情页设计119
6．9课后习题——中式餐具详情页设计120

第7章PC端店铺首页设计
7．1PC端店铺首页的基本概述122
7．2店招导航设计122
7．2．1店招导航的基本概念122
7．2．2店招导航的设计规则123
7．2．3课堂案例——护肤品店招导航设计123
7．3轮播海报设计126
7．3．1轮播海报的基本概念126
7．3．2轮播海报的设计规则126
7．3．3课堂案例——护肤品轮播海报设计126
7．4优惠券设计131
7．4．1优惠券的基本概念131
7．4．2优惠券的设计规则131
7．4．3课堂案例——护肤品优惠券设计131
7．5分类导航设计135
7．5．1分类导航的基本概念136
7．5．2分类导航的设计规则136
7．5．3课堂案例——护肤品分类导航设计137
7．6商品展示设计139
7．6．1商品展示的基本概念139
7．6．2商品展示的设计规则140
7．6．3课堂案例——护肤品商品展示设计141
7．7底部信息设计145
7．7．1底部信息的基本概念145
7．7．2底部信息的设计规则145
7．7．3课堂案例——护肤品底部信息设计及模块合并146
7．8课堂练习——数码产品店铺首页设计149
7．9课后习题——新中式家具店铺首页设计150

第8章移动端店铺首页设计
8．1移动端店铺的基本概述153
8．1．1移动端店铺设计的必要性153
8．1．2移动端店铺与PC端店铺的区别153
8．1．3移动端店铺的设计关键点155
8．2移动端店铺首页设计155
8．2．1轮播海报设计156
8．2．2优惠券设计157
8．2．3分类导航设计157
8．2．4商品展示设计157
8．2．5底部信息设计158
8．2．6课堂案例——移动端护肤品店铺首页设计158
8．3课堂练习——移动端数码产品店铺首页设计175
8．4课后习题——移动端新中式家具店铺首页设计177

第9章PC端活动专题页设计
9．1PC端活动专题页的基本类型179
9．2PC端活动专题页的表现形式180
9．2．1矩形排列180
9．2．2场景展示180
9．3PC端活动专题页的板块设计181
9．3．1PC端活动专题页的设计尺寸181
9．3．2PC端活动专题页的页面结构181
9．3．3PC端活动专题页的设计要点182
9．3．4课堂案例——品质家电平台专题页设计184
9．4课堂练习——初春焕新家电平台专题页设计201
9．5课后习题——年货坚果店铺专题页设计202

第10章移动端活动专题页设计
10．1移动端活动专题页的基本类型204
10．2移动端活动专题页的呈现特点204
10．2．1文字可见204
10．2．2内容精简205
10．2．3层次分明205
10．2．4重点突出206
10．3移动端活动专题页的板块设计206
10．3．1移动端活动专题页的设计尺寸206
10．3．2移动端活动专题页的页面结构207
10．3．3课堂案例——移动端品质家电平台专题页设计208
10．4课堂练习——移动端初春焕新家电平台专题页设计225
10．5课后习题——移动端年货坚果店铺专题页设计226