内容简介

这是一本关于电商设计的专业图书，不仅教你一些具体的设计方法，还会让你了解电商设计的定义和规范、看到行业现状和了解行业未来走向，最重要的是，本书作为一本设计图书，全面、彻底地融入了运营思维。

本书作者是从业8年的专业电商设计师，本书写作历时3年，全书超过1000页，内容涵盖：电商设计概述， Banner设计组成，设计基础知识，营销思维，电商设计方法论，电商设计技法，电商专题设计，详情页设计，节日专题设计，店铺案例分享与访谈，电商设计师从业指南以及电商设计必须了解的其他专业与非专业技能等。

本书不仅仅是一本工具书，它是由纸质书提供专业系统的电商设计相关内容，如果读者在阅读过程遇到问题，可以到公众号“做设计的面条”寻求帮助。

除了适合从事电商设计工作3～5年的设计师阅读，本书同样适合尚未入行的电商设计爱好者、电商运营人员、店铺老板、产品经理UI设计师、交互设计师等，可以帮助读者打开思维，奠定基础。

作品目录

【【上册】】
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
PART 2 Banner设计组成篇
第3章 Banner释义及组成要素 / 48
3.1 Banner的释义和运用范围 / 48
3.2 Banner的组成要素 / 52
3.3 Banner赏析 / 53
第4章 商品图的气质 / 58
4.1什么是气质 / 58
4.2体现产品气质的因素 / 60
4.3药妆品牌 / 67
4.4总结 / 67
第5章 实战 Banner图设计之商品的玩法 / 69
5.1项目前期准备 / 69
5.2风格定位关键词 / 70
5.3 Banner图设计实战 / 76
第6章 模特该怎么用 / 91
6.1为什么会用到模特 / 91
6.2模特用在什么位置 / 92
6.3模特该怎么用 / 92
6.4［实战］模特该怎么用 / 99
第7章 标题该怎么设计 / 107
7.1从图形设计的角度去理解 / 107
7.2从质感风格的角度去理解 / 109
7.3从文字排版的角度去理解 / 114
7.4从字体气质的角度去理解 / 118
7.5从色彩搭配的角度去理解 / 120
7.6文化背景 / 122
第8章 点缀元素怎么玩 / 124
8.1点缀元素所起到的作用 / 124
8.2点缀元素的存在形式 / 125
8.3不同气质 Bannert中的点缀元素 / 128
8.4点缀元素的排版形式 / 129
8.5点缀元素的获取方法 / 130
8.6运用点缀元素的注意事项 / 133
第9章 背景怎么玩（故事思维做设计）1135
9.1大量留白的背景 / 137
9.2点缀物烘托的背景 / 138
9.3纹理图案 / 商品 / 模特 / OGO叠加于背景 / 1389.4实景拍摄 / 141
9.5合成场景 / 142
PART 3设计基础知识篇
第10章 电商设计中排版的奥秘 / 144
10.1平面构成的含义是什么？ / 144
10.2电商 Banner图是由什么组成的？ / 144
10.3如何在 Banner设计中运用平面构成 / 145
10.4平面构成之于电商 Banner的意义 / 160
第11章 电商 Banner设计之色彩的奥秘 / 171
11.1普遍意义上的色彩是指什么？ / 171
11.2 Banner设计中影响信息传达的因素 / 173
11.3色彩在 Banner设计中所起的作用 / 183
11.4如何在 Banner设计中使用色彩 / 188第12章 玩转电商设计中常用的色彩搭配 / 196
12.1玩转电商设计色彩搭配之红色 / 196
12.2玩转电商设计色彩搭配之黑白灰 / 217第13章 解读设计中的层次 / 234
13.1动静对比 / 234
13.2明暗对比 / 235
13.3大小对比 / 236
13.4色彩对比 / 237
13.5虚实对比 / 240
13.6远近对比 / 241
13.7繁简对比 / 242
PART 4营销思维篇
第14章 设计中促销的层次 / 246
14.1马斯洛需求层次 / 246
14.2促销的层次 / 249
14.3聊点别的观点 / 253
14.4促销的层次【实战】 / 254
第15章 设计中促销的定位 / 261
15.1价格引导型促销 / 261
15.2功能引导型促销 / 263
15.3情感引导型促销 / 264
15.4地位引导型促销 / 265
15.5品牌引导型促销 / 266
第16章 设计中促销的火候 / 270
16.1不同风格的 Banner设计欣赏（重温） / 270
16.2促销类 Banner设计实例讲解与分析 / 272
16.3决定 Banner设计的促销强度的几个因素 / 276
第17章 品牌化与LOGO设计之间的关系 / 279
17.1LOGO到底是干什么用的？ / 279
17.2商家或品牌LOGO在主流电商平台中的常见运用形式 / 281
17.3部分店铺LOGO存在的问题 / 285
17.4到底什么是品牌化？ / 289
第18章 从人性的角度解读 Banner设计 / 290
18.1人性的恶 / 290
18.2人性的善 / 296
第19章 电商设计人群定位分析 / 302
19.1品质感中带一点亲切感 / 303
19.2促销中带一点时尚感 / 303
19.3简洁文艺中带一点形式感 / 304
19.4现代中带一点怀日感 / 305
19.5现代中带一点穿越感或未来科技感 / 306
19.6可爱中带一点品味感 / 307
19.7暗色调中带一点色彩斑斓 / 307
19.8正经中带一点无厘头或幽默感 / 308
19.9现实中带一点温情 / 309
19.10性冷淡中带一点个性奔放感 / 310
PART 5方法解惑篇
第20章 如何辨别一个 Banner的好坏 / 312
20.1 Banner设计常见问题分析 / 312
20.2如何分析和修改一个 Banner？ / 314
20.3我们为什么会点击一个 Banner？ / 316
20.4如何做出能够吸引人点击的 Banner？ / 320
第21章 100种方法教你做出满意的 Banner设计 / 321
21.1目前主流的 Banner表现形式有哪些？ / 321
21.2如何在实际需求中运用这些 Banner形式？ / 327
21.3每种形式的 Banner都需要掌握哪些知识点？ / 330
第22章 图片排版在电商 Banner图设计中的运用 / 337
22.1摄影与 Banner设计之间的联系是什么？ / 337
22.2如何分析图片在电商 Banner中的运用 / 341
22.3 Banner速成实战 / 348
第23章 点线面在电商设计中的运用 / 353
23.1点线面 / 354
23.2实战运用 / 356
第24章 拍一张照片，就能设计成一幅海报 / 359
24.1照片一［夏日的风］ / 359
24.2照片二【书写色彩，感动常在 / 360
24.3照片三【残花］ / 361
24.4照片四【草莓］ / 362
4.5照片五【妈妈的爱］ / 363
24.6照片六【入水的泡腾片］ / 365
第25章 如何分析作品并做出高质量的练习 / 367
25.1如何去分析别人的作品 / 367
25.2发现自身不足并有针对性地去攻克 / 369
第26章 揭秘数字在 Banner设计中的运用 / 370
26.1常见的数字元素的设计有哪些？ / 370
26.2有数字的设计需求可以从哪几个角度去思考？ / 372
26.3针对有数字元素的排版设计有哪些方向可选？ / 377
第27章 玩转SALE招牌设计新思路 / 382
27.1圆形聚焦 / 382
27.2商品组合成形 / 382
27.3画框聚焦 / 383
27.4线框环绕聚焦 / 384
27.5背景材质叠加 / 384
27.6手绘或插画风格 / 384
27.7拆解组合 / 385
27.8模特元素化处理 / 385
27.9拟物化 / 386
27.10简洁文字排版 / 386
第28章 Banner设计实战及趣谈 / 388
28.1求助！需求人要我给他做个 Banner / 388
28.2 10个 Banner实操改稿案例讲解 / 393
28.3手把手教你改 Banner！［精讲］ / 405
28.4 Banner设计练习题模拟及点评 / 413
PART 6技法篇
第29章 手绘在 Bannen设计中的运用 / 422
29.1为什么会用到手绘？ / 422
29.2 Banner设计中有哪些常用的手绘形式？ / 426
29.3手绘一般用在哪些地方？ / 430
29.4会手绘的设计师有哪些优势？ / 432
29.5不会手绘就做不好设计了吗？ / 432
第30章 手绘在专题页设计中的运用 / 435
30.1手绘的优势是什么？ / 435
30.2什么品类 / 主题 / 节日喜欢使用手绘呢？ / 435
30.3手绘常用的元素和场景有哪些？ / 436
30.4手绘在设计中的运用及注意事项 / 440
30.5各国手绘页面欣赏 / 462
第31章 合成在电商设计中的运用 / 471
31.1做设计的正确思路到底是什么样？ / 471
31.2合成 / 472
31.3合成作品都有哪些特点？ / 478
31.4合成在电商设计中该怎么玩？ / 480
31.5玩合成的难点在于什么地方？ / 486
31.6我对合成的看法 / 490
第32章 C4D在电商设计中的运用 / 491
32.1C4D为何会如此受追捧？ / 491
32.2C4D运用在哪些地方？ / 494
32.3C4D适合用在什么类型的电商页面中呢？ / 498
32.4我对C4D的看法以及应对方法 / 506
【【下册】】
PART 7电商专题篇
第33章 从穿搭技巧看专题页设计的奥秘 / 510
33.1专题页设计的作用是什么？ / 510
33.2专题页由哪些部分组成？ / 513
33.3专题一般都有哪些布局形式？ / 514
33.4专题页设计的9大法则 / 521
第34章 专题页设计之视觉推导解析 / 540
34.1前期沟通思考阶段 / 540
34.2中期执行阶段 / 547
34.3后期修改阶段 / 550
第35章 电商专题页设计技巧之视觉推导 / 553
第36章 店铺首页与活动专题页的差异 / 560
第37章 两个专题页实战改稿案例 / 567
第38章 专题页设计模拟练习及点评 / 573
38.1开学季主题专题页设计练习 / 573
38.2五个开学季主题专题页设计练习点评 / 573
PART 8详情页篇
第39章 浅谈品牌 / 消费者 / 详情页设计之间的奥秘 / 592
39.1品牌 / 消费者 / 详情页设计之间的关系 / 592
39.2不同的品牌，不同的宿命，设计亦如此 / 598
第40章 从人性的角度解读详情页设计 / 600
40.1详情页的结构 / 600
40.2文案的形式 / 602
40.3以人性的角度解读详情页设计 / 607
40.4详情页设计注意事项 / 616
第41章 如何打造吸引人的详情页设计 / 621
41.1头图一定要吸引人 / 621
41.2整体风格要连贯 / 627
41.3整体气质要协调 / 629
41.4整体浏览体验要好 / 632
第42章 一个详情页的诞生思路及心得分享 / 636
第43章 详情页设计练习题模拟及点评 / 640
43.1详情页设计练习 / 640
43.23个情侣表详情页设计练习点评 / 643
PART 9电商节日篇
第44章 春节主题专题页设计解析 / 656
44.1目前年货节页面的一些现状 / 656
44.2我自己做了一个尝试 / 657
44.3重新认识电商设计 / 660
44.4换几个角度去思考问题 / 661
第45章 情人节主题专题页设计解析 / 673
45.1活动定位 / 673
45.2文案设定 / 679
45.3设计方向 / 680
第46章 三八主题专题页设计解析 / 707
46.1你过的是妇女节 / 女人节 / 女王节 / 女神节 / 女生节？ / 707
46.2店铺 / 商品 / 品牌在3月8日的活动方向 / 709
46.3这五个节日方向有哪些玩法和设计方向？ / 712
46.4其他一些比较另类的38节日方向 / 731
第47章 儿童节主题专题页设计解析 / 733
47.1做儿童节活动的最终目的是什么？ / 734
47.2有哪些儿童节的运营玩法？ / 734
47.3儿童节文案该如何选定？ / 737
47.4如何确定合适的儿童节设计方向？ / 739
第48章 中秋节主题专题页设计解析 / 750
48.1关于中秋节的关键词联想 / 750
48.2中秋节活动的策划方向有哪些？ / 752
48.3中秋节文案大合集 / 760
48.4中秋节页面设计都有哪些表现形式？ / 761
第49章 国庆节主题专题页设计解析 / 772
49.1国庆节对于不同人群意味着什么？772
49.2国庆节活动文案大合集 / 773
49.3如何让自己的国庆节活动页面设计脱颖而出？ / 774
第50章 双11主题专题页设计解析 / 784
50.1从局部分析是指什么呢？ / 786
50.2从整体上分析 / 801
第51章 圣诞节主题专题页设计解析 / 808
51.1如何寻找设计方向？ / 808
51.2如何做出更具吸引力的圣诞节页面？ / 810
PART 10知名店铺案例分享及团队专访
第52章 卫龙食品旗舰店 / 832
52.1关于卫龙2017年双12的一场页面营销 / 832
52.2卫龙幕后操盘手团队采访 / 842
第53章 初语旗舰店 / 848
53.1初语2017年双11项目分享及团队专访 / 848
53.2初语VI（PPT截图） / 855
第54章 阿芙官方旗舰店 / 873
54.1阿芙11周年庆项目分享 / 873
54.2阿芙设计团队专访 / 880
第55章 歪瓜出品淘宝店 / 884
第56章 天之眼旗舰店 / 894
PART 11电商设计师篇
第57章 电商设计师自学指南 / 906
57.1如何自学成为一名有点厉害的电商设计师 / 906
57.2非科班设计师该如何提高能力和收入？ / 915
第58章 从平面设计转型电商设计该注意些什么 / 921
58.1平面设计与电商设计的差异 / 921
58.2平面设计如何转型电商设计 / 923
第59章 五个角度解析电商设计师的价值 / 926
59.1电商设计师是做什么的？ / 926
59.2为什么电商设计师做的页面只上线几天就下线了？ / 926
59.3电商设计和其他设计谁更有价值 / 927
59.4电商设计师的职业发展方向有哪些？ / 930
59.5电商设计师该如何正确认知自己的价值？ / 932
第60章 关于电商设计师的8条趋势分析总结 / 934
60.1少数人会驱动多数人的行为和想法 / 934
60.2移动互联网的发展带来了更多脱颖而出的机会 / 935
60.3用户的时间越来越宝贵，你的设计必须要易懂且吸引人 / 937
60.4思维决定行为，养成做练习的习惯很有必要 / 938
60.5电商设计师最好能懂一些品牌设计方面的知识 / 938
60.6电商设计师应该尽量多接触一些类目或风格的设计 / 939
60.7平台电商设计师切勿变成温水里煮的青蛙 / 940
60.8电商设计师这个群体的生活现状像一个“工”字形 / 941
第61章 电商设计师该如何克服迷茫感？ / 943
第62章 电商设计师该如何应对人工智能的威胁 / 947
第63章 关于运营和设计师的那些事儿 / 952
63.1运营和电商设计师之间的关系 / 952
63.2运营应该如何高效地给设计师提意见？ / 954
第64章 电商设计师求职指南 / 962
64.1不同阶段设计师写求职简历的注意事项 / 962
64.2辞职的一百种理由 / 967
PART 12杂谈篇
第65章 揭秘主流电商模式的奥秘 / 974
第66章 网红店铺vs普通店铺的差异 / 977
第67章 主图设计注意事项 / 981
PART 13设计师成长解惑篇
第68章 迷茫的我们都存在什么问题？ / 990
68.1专业技能方面 / 990
68.2专业技能以外的 / 993
第69章 设计师该如何正确认知自己的价值 / 997
第70章 设计师应该学会问问题 / 1001
70.1求职方面的问题 / 1001
70.2技能提升方面的问题 / 1002
70.3如何改变现状方面的问题 / 1002
70.4为人处事方面的困扰 / 1003
70.5职业方向选择方面的问题 / 1004
第71章 新手到高手的蜕变之路 / 1009
第72章 应届毕业设计师如何度过艰难的第一年 / 1012
第73章 哪些性格有助于设计师的成长和提升 / 1015
第74章 什么样的设计师比较吃香 / 1020
第75章 不做美工，做有思想的设计师 / 1026
PART 14附录
附录A国内外电商网站及素材网站推荐 / 1032
附录B全面解读新广告法/ 1039
B.1新广告法 / 1039
B.2新广告法限制词语汇总 / 1042
· · · · · ·

作者简介

吴婷（做设计的面条）

（前）深圳京东JDC视觉设计师、“做设计的面条”公众号创始人、站酷六百万人气推荐设计师

籍贯湖北鄂州，毕业于武汉轻工大学，2007级工业设计专业，2011年大学毕业后从事了近1年的U设计工作，后又因为兴趣而转行做了电商设计。

自2015年在深圳京东就职期间便开始发表电商设计相关文章，并多次被站酷、优秀网页设计、人人都是产品经理、数英等权威网站推荐，所写电商设计文章为广大设计师群体提供了诸多新的启发和方向，在业内广受好评。

擅长设计点评及 Banner设计，以通俗易懂、风趣幽默的方式将复杂的专业知识深入浅出地传递给读者。