本书采用视觉设计理论与视觉设计实战相结合的方式，详细地介绍了电子商务视觉设计的思路和具体的实现方法。本书共8章，包括电商视觉设计基础、电商网站视觉配色设计、商品图片的美化与修饰、营销推广图视觉设计、店标与店招视觉设计、网店首页视觉设计、商品详情页视觉设计和移动端淘宝网店装修实战等内容。本书结构清晰，图文并茂，可有效引导读者对网店页面进行视觉设计与装修，使其掌握职业技能并提高职业素养。
本书提供PPT课件、教学大纲、电子教案、素材文件等资源，授课教师可登录人邮教育社区免费下载。
本书不仅可作为院校相关专业及电子商务技能培训的学习教材，也可作为网店店主、电商美工设计人员等电商从业者的学习参考用书。
1.全书注重实操，案例为主导，便于举一反三。
2.全书注重各个模块的视觉设计，如首页、详情页等，内容全面、新颖。
3.全书提供用书老师PPT课件、微课视频、教学大纲、素材文件、电子教案等资源。
4.四色印刷，品相精美。
孟静，女，中共党员，硕士，管理学院副院长。
所指导学生团队在中国国际“互联网+”大学生创新创业大赛中获得省级银奖2项；在“创青春”湖北省大学生创业大赛创业计划赛中荣获铜奖3项；在全国大学生电子商务“创新、创意及创业”挑战赛中荣获国家级二等奖1项、三等奖2项、省级特等奖1项、一等奖3项、二等奖及三等奖若干项；在第九届“高等学校信息技术创新与实践活动”创新创业计划赛获得国赛二等奖1项、省赛一等奖1项等。
主持教育部协同育人项目1项，主持校级教研、科研课题各1项；参与省教育厅科学研究计划指导性项目1项，排名第三，参与校级教研课题1项，排名第二。主编教材1部；发表学术论文8篇，其中北大核心1篇。
2021年、2020年及2017年分别荣获“校优秀个人”荣誉称号；2021年12月，荣获湖北商贸学院华为云学院鲲鹏中心2021年度卓越贡献奖；2021年7月，荣获“校优秀共产党员”荣誉称号；2018年及2021年分别荣获“校百佳好青年”及“校五四青年标兵”荣誉称号；2017年，参加湖北商贸学院第七届授课竞赛并荣获一等奖。
目录
第 1章 电商视觉设计基础 1
知识目标 1
技能目标 1
素质目标 1
1.1 电商视觉设计概述 2
1.1.1 电商视觉设计的相关概念 2
1.1.2 电商视觉设计人员的工作范畴 4
1.2 电商视觉设计的准备工作 7
1.2.1 电商视觉设计应遵循的原则 7
1.2.2 进行电商视觉设计需要掌握的软件 9
1.2.3 电商视觉设计定位 10
1.2.4 电商文案策划 12
1.3 电商视觉设计中的文字应用 16
1.3.1 文字的排版技巧 16
1.3.2 文字的颜色 17
1.3.3 文字图形化 18
1.４ 电商视觉设计中的常用构图方法 19
1.4.1 对称式构图 19
1.4.2 简单切割构图 19
1.4.3 对角线构图 20
1.4.4 九宫格构图 21
1.4.5 圆形构图 21
1.4.6 三角形构图 22
1.4.7 整体场景构图 23
1.4.8 流程构图 23
1.4.9 物体轮廓构图 23
1.5 电商视觉设计的工作流程与设计人员岗位职责 24
1.5.1 电商视觉设计的工作流程 24
1.5.2 电商视觉设计人员岗位职责 25
1.6 应用实例——分析网店首页的设计布局 25
课后练习题 28
第 2章 电商网站视觉配色设计 29
知识目标 29
技能目标 29
素质目标 29
2.1 网店页面配色基础 30
2.1.1 色彩的原理 30
2.1.2 色彩的分类 30
2.1.3 色彩的三要素 31
2.2 网店页面配色技巧 33
2.2.1 色彩搭配原则 33
2.2.2 网店风格的决定因素 34
2.3 主色、辅助色、点缀色 35
2.3.1 主色的应用 35
2.3.2 辅助色的应用 35
2.3.3 点缀色的应用 35
2.4 网店页面整体配色方案 36
2.4.1 红色系配色方案 36
2.4.2 橙色系配色方案 38
2.4.3 黄色系配色方案 39
2.4.4 紫色系配色方案 41
2.4.5 绿色系配色方案 43
2.4.6 蓝色系配色方案 44
2.5 应用实例——使用 Color SchemeDesigner配色工具 46
课后练习题 47
第3章 商品图片的美化与修饰 48
知识目标 48
技能目标 48
素质目标 48
3.1 调整商品图片大小 49
3.1.1 网店图片的常见尺寸 49
3.1.2 调整图片尺寸 50
3.1.3 裁剪商品图片 51
3.1.4 校正倾斜的图片 53
3.2 调整商品图片的色彩 54
3.2.1 调整图片的亮度/对比度 54
3.2.2 调整图片的曝光度 55
3.2.3 调整图片的色阶 56
3.2.4 调整图片的曲线 57
3.2.5 调整图片的色相/饱和度 58
3.3 组合商品图片 61
3.3.1 抠取商品图片 61
3.3.2 为商品图片添加文字 62
3.3.3 添加形状与图案 64
3.4 修饰商品图片 66
3.4.1 去除背景中多余的物品 66
3.4.2 提高图片的清晰度 67
3.5 添加图片特效 69
3.5.1 虚化背景 69
3.5.2 添加发光效果 71
3.5.3 添加精美边框 73
3.6 应用实例——批处理商品图片 74
课后练习题 77
第4章 营销推广图视觉
设计 79
知识目标 79
技能目标 79
素质目标 79
4.1 直通车图片设计 80
4.1.1 直通车图片的设计原则 80
4.1.2 突出商品卖点的设计 83
4.2 超级钻展图片设计 84
4.2.1 超级钻展概述 84
4.2.2 超级钻展图片的设计原则 85
4.2.3 引人注目的创意设计 88
4.2.4 设计风格统一 89
4.2.5 确定重点表现元素 90
4.3 商品促销海报设计 90
4.3.1 商品促销海报的设计标准 90
4.3.2 商品促销海报的设计思路 92
4.4 应用实例——设计促销海报 95
课后练习题 100
第5章 店标与店招视觉设计 101
知识目标 101
技能目标 101
素质目标 101
5.1 店标设计 102
5.1.1 店标的定义 102
5.1.2 店标的分类 102
5.1.3 店标的设计策略和技巧 104
5.1.4 店标的基本设计原则 106
5.1.5 店标的设计制作方法 107
5.1.6 设计童装网店店标 108
5.2 店招设计 111
5.2.1 店招设计方案 111
5.2.2 店招设计规范 113
5.2.3 设计网店店招 114
5.2.4 上传并发布店招 118
5.3 应用实例——设计箱包网店店标 122
课后练习题 126
第6章 网店首页视觉
设计 127
知识目标 127
技能目标 127
素质目标 127
6.1 首页视觉设计基础 128
6.1.1 首页的作用 128
6.1.2 首页的设计思路 131
6.1.3 PC端首页框架布局 134
6.2 首页视觉设计水平的评价指标 136
6.2.1 首页跳失率 136
6.2.2 首页点击率 137
6.2.3 首页人均点击次数 137
6.2.4 首页平均停留时间 137
6.3 设计分类导航模块 138
6.3.1 分类导航模块常见的表现形式 138
6.3.2 分类导航模块的设计原则 139
6.3.3 设计分类导航模块 140
6.4 设计轮播图片 146
6.4.1 轮播图片的设计要素 146
6.4.2 设计轮播图片的文案 150
6.4.3 设计轮播图片 152
6.5 设计商品展示区 155
6.5.1 商品展示模块的类型 155
6.5.2 优化商品陈列 156
6.5.3 设计商品展示区 158
6.6 应用实例——切割网店首页 162
课后练习题 164
第7章 商品详情页视觉
设计 165
知识目标 165
技能目标 165
素质目标 165
7.1 商品详情页设计基础 166
7.1.1 商品详情页的作用 166
7.1.2 商品详情页的设计思路 167
7.1.3 商品详情页的模块设置 170
7.2 设计商品主图 174
7.2.1 商品主图的设计规范 175
7.2.2 商品主图的设计形式 177
7.2.3 添加文案，提高商品主图
点击率 179
7.2.4 在线设计商品主图 181
7.3 设计商品细节展示区 184
7.3.1 商品细节展示区的表现形式 184
7.3.2 在线设计商品细节展示图 185
7.4 设计商品功效说明区 187
7.4.1 商品功效说明区的设计规范 187
7.4.2 商品卖点的展现角度 188
7.4.3 在线设计商品功效说明区 190
7.5 应用实例——设计包包商品详情页 192
课后练习题 196
第8章 移动端淘宝网店装修实战 197
知识目标 197
技能目标 197
素质目标 197
8.1 移动端网店装修基础 198
8.1.1 移动端网店首页与PC端网店首页的不同 198
8.1.2 移动端网店首页模块的组成 199
8.2 设计移动端网店首页 202
8.2.1 首页装修入口 203
8.2.2 添加店铺热搜 204
8.2.3 添加店铺优惠券 205
8.2.4 添加上新公告 208
8.2.5 使用鹿班智能货架添加商品 211
8.3 应用实例——鹿班一键全店智能装修 213
课后练习题 215
书单推荐
