这么设计能热卖——融入运营思维的电商设计进阶宝典

上册
PART1
电商设计概述

第1章 电商与电商设计 2
1.1 互联网的出现为我们带来了什么？ 3
1.2 电子商务是指什么？ 3
1.3 是什么促进了电子商务的发展？ 4
1.4 电商设计属于什么范畴？ 4
1.5 电商设计的发展趋势是什么？ 5
1.6 电商设计师有哪些藏身地？ 10
1.7 电商设计师需要做哪些内容？ 10
1.8 如何走好电商设计这条路？ 13
1.9 写在*后——一些唠叨的话 15
第2章 电商设计师 16
2.1 服务于平台与服务于店铺的设计师的共同点 16
2.2 服务于平台与服务于店铺的设计师的不同点 18
2.3 平台与店铺设计师各自的优缺点 43
2.2.1 服务对象/思考角度/工作内容不同 18
2.2.2 福利待遇不同 26
2.2.3 入职要求不同 27
2.2.4 喜好偏好审美不同 28
2.2.5 项目体量不一样 42
2.3.1 服务于店铺的电商设计师的优缺点 43
2.3.2 服务于平台的电商设计师的优缺点 44

PART 2
Banner设计组成篇

第3章 Banner释义及组成要素 48
3.1 Banner的释义和运用范围 48
3.2 Banner的组成要素 52
3.3 Banner赏析 53
3.3.1 先说定位方向 53
3.3.2 Banner的表现手法 55
第4章 商品图的气质 58
4.1 什么是气质 58
4.2 体现产品气质的因素 60
4.2.1 颜色带给我们的感知 60
4.2.2 形状体积带给我们的一些感知 62
4.2.3 质感材质带给我们的感知 63
4.2.4 纹理图案花纹带给我们的感知 65
4.3 药妆品牌 67
4.4 总结 67
第5章 实战Banner图设计之商品的玩法 69
5.1 项目前期准备 69
5.2 风格定位关键词 70
5.2.1 关键词：大牌、稳重 70
5.2.2 关键词：时尚、品质感、促销（时尚感大于促销感） 71
5.2.3 关键词：可爱、热闹、亲和力 72
5.2.4 关键词：素雅、安静、大面积留白、文艺、简约 73
5.2.5 关键词：促销、形式感佳 74
5.2.6 关键词：高冷简洁的促销 75
5.3 Banner图设计实战 76
5.3.1 切边构图+截取部分商品展示+大量商品 77
5.3.2 模拟商品真实摆放场景+三件以上商品 78
5.3.3 商品堆放+三件以上商品 79
5.3.4 远景近景的对比+两件以上物品 80
5.3.5 穿在模特身上展示+大小对比+1件以上物品 81
5.3.6 商品飘散+大小对比+虚实对比+3件以上商品 82
5.3.7 按某种规律平铺商品+4件以上商品 84
5.3.8 铺满整个画面+前后景+许多商品 85
5.3.9 手绘+虚实结合+1个以上商品 86
5.3.10 结合商品特点排版+从文案里找灵感+2件以上商品 87
5.3.11 超大产品图局部细节展示+1件商品 88
5.3.12 背景叠加 89
第6章 模特该怎么用 91
6.1 为什么会用到模特 91
6.2 模特用在什么位置 92
6.3 模特该怎么用 92
6.3.1 大型综合促销专题活动 93
6.3.2 促销为主的一般活动 94
6.3.3 非促销为主的活动 94
6.3.4 “耍大牌” 97
6.4 [实战]模特该怎么用 99
6.4.1 价格引导型 99
6.4.2 功能引导型 100
6.4.3 情感引导型 102
6.4.4 地位引导型 104
6.4.5 品牌共鸣型 105
第7章 标题该怎么设计 107
7.1 从图形设计的角度去理解 107
7.2 从质感风格的角度去理解 109
7.3 从文字排版的角度去理解 114
7.4 从字体气质的角度去理解 118
7.5 从色彩搭配的角度去理解 120
7.5.1 气质跟页面保持一致 121
7.5.2 从信息识别的角度 121
7.6 文化背景 122
第8章 点缀元素怎么玩 124
8.1 点缀元素所起到的作用 124
8.2 点缀元素的存在形式 125
8.3 不同气质Banner中的点缀元素 128
8.4 点缀元素的排版形式 129
8.5 点缀元素的获取方法 130
8.5.1 元素提取法 131
8.5.2 联想发散法 131
8.6 运用点缀元素的注意事项 133
第9章 背景怎么玩（故事思维做设计） 135
9.1 大量留白的背景 137
9.2 点缀物烘托的背景 138
9.3 纹理图案/商品/模特/LOGO叠加于背景 138
9.4 实景拍摄 141
9.5 合成场景 142

PART 3
设计基础知识篇

第10章 电商设计中排版的奥秘 144
10.1 平面构成的含义是什么？ 144
10.2 电商Banner图是由什么组成的？ 144
10.3 如何在Banner设计中运用平面构成 145
10.3.1 元素与元素之间的排列关系 145
10.3.2　所有元素在一起所体现的构成形式 146
10.3.3 常用的平面术语 155
10.4 平面构成之于电商Banner的意义 160
第11章 电商Banner设计之色彩的奥秘 171
11.1 普遍意义上的色彩是指什么？ 171
11.2 Banner设计中影响信息传达的因素 173
11.2.1 整体的画面气质是否对路 173
11.2.2 信息的层级关系 177
11.2.3 是否考量了Banner所投放的环境 180
11.3 色彩在Banner设计中所起的作用 183
11.3.1 点缀作用（渲染氛围用）? 183
11.3.2 突出主体（梳理信息层级）? 184
......