本书全面系统地介绍了电商设计的相关知识点和基本设计技巧，包括初识电商设计、商品精修与视觉合成、营销推广图设计、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.1 PC端海报的基本概述 72 4.1.1 PC端海报的常见类型 72 4.1.2 PC端海报的常见尺寸 72 4.2 PC端海报的版面布局 72 4.2.1 PC端海报的布局类型 73 4.2.2 PC端海报的布局原则 73 4.3 PC端海报的表现形式 74 4.3.1 PC端海报的风格定位 74 4.3.2 PC端海报的表现手法 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.1 PC端店铺首页的基本概述 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.1 PC端活动专题页的基本类型 179 9.2 PC端活动专题页的表现形式 180 9.2.1 矩形排列 180 9.2.2 场景展示 180 9.3 PC端活动专题页的板块设计 181 9.3.1 PC端活动专题页的设计尺寸 181 9.3.2 PC端活动专题页的页面结构 181 9.3.3 PC端活动专题页的设计要点 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