目 录

第 1 章  电商设计师的4项必备常识  1

1.1 走近电商设计师     2

1.1.1 电商设计师的主要职责   2

1.1.2 电商设计师的薪资待遇   2

1.1.3 电商设计师的市场需求   3

1.1.4 电商设计师的“薪”动向    3

1.2 电商设计师应该知晓的设计常识   4

1.2.1 对电商商品主图需要知道的5件事    4

1.2.2 手机移动端的店铺商品展示设计要求  5

1.2.3 做好电商设计师必须知晓的8个概念  6

1.2.4 电商设计的正确流程您必须知晓  7

1.2.5 微商城视觉设计的4个特点   7

1.2.6 微信视觉推广设计的注意事项    8

1.3 电商视觉营销设计需要掌握的6项主要技能      9

1.3.1 素材整理与搜集   9

1.3.2 熟练掌握流行的设计工具   11

1.3.3 掌握创造分享话题的5个基本技巧  12

1.3.4 了解一些营销的常识  12

1.3.5 了解一些常用的互联网常识   12

1.3.6 了解一些构图的常识  13

第 2 章  电商视觉营销设计的基础：构图         14

2.1 电商视觉营销设计中的构图   15

2.1.1 8种常规的构图方式   15

2.1.2 异形构图方式    18

2.1.3 电商视觉营销设计：设计思维拓展  18

2.2 掌握电商视觉营销设计的5个构图技巧   20

2.3 掌握电商视觉营销设计的核心：优秀的版式会说话    23

2.3.1 电商视觉营销设计中的点、线、面  23

2.3.2 点的张力     24

2.3.3 线的自如     24

2.3.4 面的整体感   25

2.4 构图与浏览体验    25

第 3 章  电商设计师要学会“约会”素材         27

3.1 好素材需要自己行动  28

3.1.1 图片质量高的网站    28

3.1.2 设计技巧分享：好图像引导好流量  28

3.1.3 如何使用图片搜索引擎     28

3.1.4 好图像也需要好标题  29

3.2 “约会”素材，必须掌握4种抠图技巧   30

3.2.1 用好磁性套索工具精细化抠取单色背景的图像  30

3.2.2 借助钢笔工具实现精准化抠图   30

3.2.3 通道抠图法   32

3.2.4 使用其他插件抠图    33

3.3 “赢销”：电商视觉营销设计技巧    34

3.3.1 用谈恋爱的心态才能做“好”设计  34

3.3.2 做“好”视觉营销，创造视觉焦点很关键   36

3.3.3 从视觉营销设计的角度理解微信公众号   37

第4章  电商视觉营销设计中的图像美化         39

4.1 电商视觉营销设计常用的图片尺寸   40

4.4.1 淘宝与天猫平台的常用设计尺寸    40

4.4.2 京东平台的常用设计尺寸   41

4.4.3 苏宁易购平台的常用设计尺寸   41

4.4.4 移动无线端常用设计尺寸   42

4.2 素材图像的色调调整  43

4.2.1 快速选择图像的高光与阴影   43

4.2.2 图像色调调整的利器：巧妙改善产品的明度    45

4.2.3 无损化调整图像的色调：智能对象与智能滤镜  46

4.3 素材图像的色彩调整  47

4.3.1 对某一种具体颜色的调控技巧   47

4.3.2 调整好图像的明度，让产品显得更通透   48

4.3.3 调整图像的局部色彩，让对比更强烈     49

4.3.4 对产品图像整体色彩的调控技巧    50

4.3.5 校正图像的偏色，让图像更真实  51

4.3.6 产品图像：不可或缺的锐化   52

4.3.7 打造诱人的产品主图像：瑕疵修复  53

4.4 电商视觉营销设计技巧提炼   55

4.4.1 把握消费者的心理    56

4.4.2 提升点击率的4种技巧     56

4.4.3 设计的关键词，您确定好了吗   57

4.4.4 选图片，就是选美女  58

4.5 手机端视觉营销设计的4个关键点     58

4.5.1 视觉设计一定要专注  58

4.5.2 版面布局一定要合理  59

4.5.3 图像的优化一定要合理     59

4.5.4 主图设计的2个关键点要知晓   60

4.6 主图设计案例分享    61

4.6.1 化妆品主图设计  61

4.6.2 护眼灯促销主图设计  63

4.6.3 生鲜产品主图设计    65

4.6.4 农特水果产品主图设计     67

第5章  没时间调整图像，就让图形和文字做主吧      69

5.1 策划电商“赢销”文案     70

5.2 设计“赢销”文案    71

5.2.1 电商设计师需知道，文案创意的4个要点   71

5.2.2 电商设计师需知道，英文会让设计变得“高大上”  72

5.2.3 电商设计师需知道，设计精确的数据更具吸引力  72

5.2.4 好字体，我们约会吧  73

5.2.5 手机移动端文案设计的4个要点  73

5.3 案例与技巧分享：网店文案，应该这样写   75

5.4 技能提升：为形状点赞     76

5.4.1 技能提升：滥用形状的5宗罪   76

5.4.2 技能提升：形状美化的6个技巧  77

5.4.3 技能提升：如何画出曲线图形   80

5.4.4 技能提升：形状组合的应用   82

5.5 形状案例设计与技巧分享     84

5.5.1 分享：淘宝产品海报设计案例   84

5.5.2 分享：天猫品牌海报设计案例   87

5.5.3 分享：京东平台促销海报设计案例  90

5.5.4 分享：微店产品海报设计案例   92

5.5.5 分享：微信推广海报设计案例   96

5.6 “赢销”：电商视觉营销设计技巧提炼  98

5.6.1 技巧提炼：用好图形，让信息展现更直观   98

5.6.2 技巧提炼：用好图形，让“赢销”重点更突出   99

5.6.3 技巧提炼：用好图形，让页面装饰更简练   99

5.6.4 技巧提炼：用好形状，让页面更具营销力     100

第6章  “好色”才能“赢销”   102

6.1 电商视觉营销设计: 再谈色彩的3个基本属性    103

6.1.1 再谈色彩的明度   103

6.1.2 再谈色彩的饱和度   104

6.1.3 再谈色彩的色相   104

6.2 电商设计的配色技巧   107

6.2.1 懒一点，就用单色   107

6.2.2 巧用产品或模特的颜色    107

6.2.3 储备两个常用的配色网站  108

6.3 电商设计中炼就“好色”的4种吸色大法    108

6.3.1 三角形配色法   108

6.3.2 “互补+类似”式配色法  109

6.3.3 四边形配色法   109

6.3.4 4种常用的色彩调和配色法     109

6.3.5 “偷学”大卖家的配色技巧    111

6.4 设计案例分享     112

6.4.1 色彩应用案例：电商收藏区设计   112

6.4.2 色彩应用案例：电商客服区设计   113

6.4.3 色彩应用案例：售后服务保障卡设计    115

6.4.4 色彩应用案例：微商产品官网设计  117

第7章  店招        123

7.1 认识店招    124

7.1.1 记忆品牌    124

7.1.2 店招设计要注意的基本要求    124

7.1.3 从浏览者角度设计店招    124

7.1.4 店招设计需要掌握的技巧  124

7.2 设计案例分享     125

7.2.1 品牌特色鲜明的农特产品店招设计  125

7.2.2 高品质品牌男装店铺的店招设计   127

7.2.3 借用“点”的魅力设计男鞋店铺的店招     131

7.2.4 凸显店铺主题的女鞋店招设计    132

7.2.5 色彩与活动主题呼应的卫浴店招设计    134

7.2.6 突出促销功能的包包店招设计    136

第8章  电商海报       139

8.1 电商海报设计的3个关键点    140

8.1.1 提炼产品的卖点   140

8.1.2 给浏览者的点击理由是充分的  140

8.1.3 规划营销信息的层次   141

8.2 “赢销”：电商设计师要洞察一切   142

8.2.1 电商设计师要知晓浏览者的心理   142

8.2.2 电商设计师要注意行业表达的特征  142

8.3 “赢销”：电商视觉营销设计中商品放置的4个奥秘    143

8.3.1 “赢销”就要用好三角形  143

8.3.2 “赢销”就要注意环绕和飘舞  144

8.3.3 “赢销”就要用好视觉容器    144

8.3.4 “赢销”就要注意用户的浏览视线  145

8.4 设计案例分享     145

8.4.1 案例：淘宝店家用电器海报设计   145

8.4.2 案例：天猫网店数码海报设计   149

8.4.3 案例：京东商城化妆品海报设计   152

8.4.4 案例：京东商城家用电器海报设计  154

8.4.5 案例：苏宁易购超市海报设计   156

8.4.6 案例：唯品会产品海报设计    159

8.4.7 案例：手机店铺的海报设计    161

第9章  首页焦点轮播广告    164

9.1 焦点轮播广告设计常见的4个误区    165

9.2 “赢销”：焦点海报视觉设计技巧提炼  166

9.3 做好焦点海报设计的4个维度   167

9.4 设计案例解析     170

9.4.1 焦点轮播海报设计：PC端焦点轮播广告设计   170

9.4.2 焦点轮播海报：首页形象广告设计   172

9.4.3 焦点轮播海报设计：促销为主的首屏焦点海报   176

9.4.4 焦点轮播海报设计：做好构图用好素材    181

9.4.5 焦点轮播海报设计：用好光影对比   183

第10章  网店首页设计     188

10.1 创造浏览者的第一眼印象   189

10.1.1 设计“情调”，提升购物的欲望     189

10.1.2 导航设计，给出消费的原因    190

10.1.3 作为设计师，应该知晓3种常见的店铺布局    191

10.1.4 首屏设计的5种类型很重要    191

10.2 恰当分割页面的5个区域  193

10.2.1 顶部形象区    193

10.2.2 首屏吸引区    193

10.2.3 营造氛围的促销区  194

10.2.4 建立情感的交互区  195

10.2.5 不可忽略的页脚区  195

10.3 素材图像管理的3个技巧  195

10.3.1 制定素材图像设计的标准   195

10.3.2 素材的管理    196

10.3.3 边框的添加    197

10.4 实战：女鞋店面设计案例   198

10.4.1 店铺的店招设计    198

10.4.2 店铺的导航设计    199

10.4.3 主体促销海报设计  199

10.4.4 热卖专区设计  201

10.4.5 特色产品区的设计  204

10.4.6 别致蕾丝&长鞋区的设计   208

10.4.7 店铺的页脚设计    208

第11章  电商详情页设计     209

11.1 详情页营销要素解析     210

11.1.1 引发兴趣   210

11.1.2 激发需求   211

11.1.3 产生信赖和记忆    211

11.1.4 梦想拥有   212

11.1.5 做出决定   212

11.2 细节页设计的3个关键点  213

11.3 详情页设计案例分享     214

11.3.1 详情页设计：基本信息区域设计   214

11.3.2 详情页设计：卖点解析   216

11.3.3 详情页设计：产品主要卖点展示   219

11.3.4 详情页设计：设计手稿   220

11.3.5 详情页设计：产品展示部分的设计     222

11.3.6 详情页设计：模特试穿   222

11.3.7 详情页设计：产品参数及细节展示   223

11.3.8 详情页设计：尺码设计   224

11.3.9 详情页设计：关联商品区域的设计     224

11.4 手机端设计案例分享     224

11.4.1 详情页设计案例：搭建页面结构   224

11.4.2 详情页设计案例：设计黏住用户的海报图  225

11.4.3 详情页设计案例：品牌介绍强化特色   227

11.4.4 详情页设计案例：卖点要体现产品的差异化    228

11.4.5 详情页设计案例：产品信息与产品展示设计    230

第12章  电商专题页设计     232

12.1 解析电商专题页面策划的4个要点   233

12.2 营销要素解析    233

12.3 案例设计全程：京东商城店铺专题页  234

12.3.1 总体布局规划  234

12.3.2 专题页的页面背景设计过程分享   235

12.3.3 专题页欢迎区设计过程分享   236

12.3.4 促销优惠区设计过程分享   241

12.3.5 广告商品区设计过程分享   242

12.4 天猫手机端无线商城的专题页面设计  245

12.4.1 总体布局规划  245

12.4.2 无线端的页面布局与背景设计分享   245

12.4.3 专题页面的店招与焦点海报的设计分享   246

12.4.4 广告产品区效果的制作分享   249

12.5 案例：微信O2O新年专题海报   250