本书全面、系统地介绍电商设计的相关知识点和基本设计技巧，包括初识电商设计、商品精修与视觉合成、营销推广图设计、PC端海报设计、移动端海报设计、商品详情页设计、PC端店铺首页设计、移动端店铺首页设计、PC端活动专题页设计和移动端活动专题页设计等内容。
本书第2章至第10章的内容介绍均以知识点讲解加课堂案例为主线。知识点讲解部分可以使学生系统地了解电商设计的各类规范，课堂案例部分可以使学生快速掌握电商设计流程并能完成案例制作。第2章至第10章的最后还安排了课堂练习和课后习题，可以培养学生对电商设计的实际应用能力。
1.慕课支撑教学
2.案例丰富，浅显易懂，增加课程思政，贴近教学实际
3.案例贴近工程实际，拓展学生对电商设计的实际应用能力
4.附赠资源丰富，素材、扩展案例、教学大纲等
沙新美,女,副研究员、工程师、中共党员,现任苏州经贸职业技术学院教务处副处长、环境艺术设计专业教师,指导学生创新创业项目《全锐科技》获江苏省冠军、第七届中国国家”互联网+“大学生创新创业大赛金奖，本人获评创新创业优秀创业导师，曾获苏州市先进教育工作者、苏州市优秀指导教师等荣誉。 主要成果：论文《禅椅的发展与应用浅析》被《解放日报》转载,论文《园林植物季相变化对园林空间景观营造的影响》发表于核心期刊《分子植物育种》等。主编职业教育国家“十二五”规划教材《Painter12中文版案例教程》。主持国家资源库中国丝绸技艺《丝绸纹样艺术》课程。
第 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 电商设计师的专业技能……3
1.2.4 电商设计师的常用软件……4
1.3 电商设计的发展趋势………………4
1.4 电商设计的项目流程………………4
1.5 电商设计的规范规则………………5
1.5.1 单位… ………………………5
1.5.2 页面结构… …………………6
1.5.3 栅格系统… …………………7
1.5.4 文字规则… …………………9
1.6 电商设计的设计基础………………10
1.6.1 基础元素… …………………10
1.6.2 颜色搭配… …………………11
1.6.3 字体表现… …………………11
1.6.4 版式设计原则… ……………12
第 2章 商品精修与视觉合成
2.1 商品精修……………………………16
2.1.1 商品精修的核心要素… ……16
2.1.2 商品精修的常用技法… ……17
2.1.3 理解光影与材质… …………17
2.1.4 课堂案例——茶叶包装精修………………………18
2.2 视觉合成……………………………20
2.2.1 视觉合成的基本类型… ……20
2.2.2 视觉合成的透视知识… ……21
2.2.3 视觉合成的光影表现… ……22
2.2.4 课堂案例——自然植物场景合成…………………………25
2.3 课堂练习——发膜瓶精修图……27
2.4 课后习题——室内空间场景合成…………………………………28
第3章 营销推广图设计
3.1 主图设计……………………………30
3.1.1 主图的基本概念… …………30
3.1.2 主图的设计尺寸… …………30
3.1.3 主图的设计方法… …………30
3.1.4 课堂案例——嘉兴肉粽主图设计… ………………………31
3.2 直通车图设计………………………40
3.2.1 直通车图的基本概念… ……40
3.2.2 直通车图的设计尺寸… ……42
3.2.3 直通车图的设计方法… ……42
3.2.4 课堂案例——洗衣机直通车图设计… ……………………43
3.3 钻展图设计…………………………56
3.3.1 钻展图的基本概念… ………56
3.3.2 钻展图的设计尺寸… ………56
3.3.3 钻展图的设计方法… ………57
3.3.4 课堂案例——面膜钻展图设计… ………………………58
3.4 课堂练习——健康钙片直通车图设计… ………………………………63
3.5 课后习题——生鲜食品钻展图设计… ………………………………63
第4章 PC端海报设计
4.1 PC端海报概述……………………65
4.1.1 PC端海报的常见类型……65
4.1.2 PC端海报的常见尺寸……65
4.2 PC端海报的版面布局……………65
4.2.1 PC端海报的布局类型……66
4.2.2 PC端海报的布局原则……66
4.3 PC端海报的表现形式……………67
4.3.1 PC端海报的风格定位……67
4.3.2 PC端海报的表现手法……67
4.3.3 课堂案例——西湖龙井海报设计… ………………………68
4.4 课堂练习——空调海报设计……74
4.5 课后习题——沐浴露海报设计……74
第5章 移动端海报设计
5.1 移动端海报概述……………………76
5.1.1 移动端海报的常见类型……76
5.1.2 移动端海报的常见尺寸……76
5.2 移动端海报的版面布局… ………76
5.2.1 移动端海报的布局类型……77
5.2.2 移动端海报的布局原则……77
5.3 移动端海报的设计技巧… ………77
5.3.1 图形分割… …………………77
5.3.2 简洁背景… …………………78
5.3.3 课堂案例——女装海报设计… ………………………79
5.4 课堂练习——年货礼券海报设计… ………………………………83
5.5 课后习题——牛奶草莓海报设计… ………………………………83
第6章 商品详情页设计
6.1 商品详情页概述……………………85
6.2 商品焦点图设计……………………85
6.2.1 商品焦点图的基本概念……86
6.2.2 商品焦点图的设计规则……86
6.2.3 课堂案例——中秋月饼商品焦点图设计… ………………86
6.3 卖点提炼设计………………………89
6.3.1 卖点提炼的基本概念… ……89
6.3.2 卖点提炼的设计规则… ……89
6.3.3 课堂案例——中秋月饼卖点提炼设计… …………………90
6.4 商品展示设计………………………94
6.4.1 商品展示的基本概念… ……94
6.4.2 商品展示的设计规则… ……94
6.4.3 课堂案例——中秋月饼商品展示设计… …………………95
6.5 细节展示设计………………………97
6.5.1 细节展示的基本概念… ……97
6.5.2 细节展示的设计规则… ……98
6.5.3 课堂案例——中秋月饼细节展示设计… …………………98
6.6 商品信息设计……………………102
6.6.1 商品信息的基本概念……102
6.6.2 商品信息的设计规则……103
6.6.3 课堂案例——中秋月饼商品信息设计… ………………103
6.7 其他模块设计……………………106
6.7.1 其他模块的基本概念……106
6.7.2 其他模块的设计规则……106
6.7.3 课堂案例——中秋月饼其他模块设计及模块合并……106
6.8 课堂练习——耳机详情页设计… ……………………………109
6.9 课后习题——中式餐具详情页设计… ……………………………110
第7章 PC端店铺首页设计
7.1 PC端店铺首页概述……………112
7.2 店招导航设计……………………112
7.2.1 店招导航的基本概念……112
7.2.2 店招导航的设计规则……113
7.2.3 课堂案例——护肤品店招导航设计… ………………113
7.3 轮播海报设计……………………115
7.3.1 轮播海报的基本概念……116
7.3.2 轮播海报的设计规则……116
7.3.3 课堂案例——护肤品轮播海报设计… ………………116
7.4 优惠券设计………………………121
7.4.1 优惠券的基本概念… ……121
7.4.2 优惠券的设计规则… ……121
7.4.3 课堂案例——护肤品优惠券设计… ……………………121
7.5 分类导航设计……………………125
7.5.1 分类导航的基本概念……125
7.5.2 分类导航的设计规则……126
7.5.3 课堂案例——护肤品分类导航设计… ………………126
7.6 商品展示设计……………………129
7.6.1 商品展示的基本概念……129
7.6.2 商品展示的设计规则……129
7.6.3 课堂案例——护肤品商品展示设计… ………………130
7.7 底部信息设计……………………134
7.7.1 底部信息的基本概念……134
7.7.2 底部信息的设计规则……134
7.7.3 课堂案例——护肤品底部信息设计及模块合并……135
7.8 课堂练习——数码产品店铺首页设计… ……………………………138
7.9 课后习题——新中式家具店铺首页设计…………………………139
第8章 移动端店铺首页设计
8.1 移动端店铺概述…………………142
8.1.1 移动端店铺设计的必要性… …………………142
8.1.2 移动端店铺与PC端店铺的区别… ……………………142
8.1.3 移动端店铺的设计关键点… …………………144
8.2 移动端店铺首页设计……………144
8.2.1 轮播海报设计… …………145
8.2.2 优惠券设计… ……………146
8.2.3 分类导航设计… …………146
8.2.4 商品展示设计… …………146
8.2.5 底部信息设计… …………147
8.2.6 课堂案例——护肤品店铺首页设计… ………………147
8.3 课堂练习——数码产品店铺首页设计… ……………………………164
8.4 课后习题——新中式家具店铺首页设计…………………………165
第9章 PC端活动专题页设计
9.1 PC端活动专题页的基本类型… ……………………………167
9.2 PC端活动专题页的表现形式… ……………………………168
9.2.1 矩形排列… ………………168
9.2.2 场景展示… ………………168
9.3 PC端活动专题页的板块设计… ……………………………169
9.3.1 PC端活动专题页的设计尺寸… ……………………169
9.3.2 PC端活动专题页的页面结构… ……………………169
9.3.3 PC端活动专题页的设计要点… ……………………170
9.3.4 课堂案例——品质家电平台专题页设计… ……………171
9.4 课堂练习——初春焕新家电平台专题页设计………………………188
9.5 课后习题——年货坚果店铺专题页设计………………………189
第 10章 移动端活动专题页设计
10.1 移动端活动专题页的基本类型………………………………191
10.2 移动端活动专题页的呈现特点………………………………191
10.2.1 文字可见…………………191
10.2.2 内容精简…………………192
10.2.3 层次分明…………………192
10.2.4 重点突出…………………193
10.3 移动端活动专题页的板块设计………………………………193
10.3.1 移动端活动专题页的设计尺寸………………………193
10.3.2 移动端活动专题页的页面结构………………………194
10.3.3 课堂案例——品质家电平台专题页设计…………195
10.4 课堂练习——初春焕新家电平台专题页设计… ……………211
10.5 课后习题——年货坚果店铺专题页设计… …………………212
书单推荐
