目录

第 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