這么設計能熱賣：融入運營思維的電商設計進階寶典（套裝共兩冊）

上冊
PART1
電商設計概述
  第1章  電商與電商設計  2
1.1  互聯(lián)網(wǎng)的出現(xiàn)為我們帶來了什么？  3
1.2  電子商務是指什么？  3
1.3  是什么促進了電子商務的發(fā)展？  4
1.4  電商設計屬于什么范疇？  4
1.5  電商設計的發(fā)展趨勢是什么？  5
1.6  電商設計師有哪些藏身地？  10
1.7  電商設計師需要做哪些內容？  10
1.8  如何走好電商設計這條路？  13
1.9  寫在后——一些嘮叨的話  15
  第2章  電商設計師  16
2.1  服務于平臺與服務于店鋪的設計師的共同點  16
2.2  服務于平臺與服務于店鋪的設計師的不同點  18
2.3  平臺與店鋪設計師各自的優(yōu)缺點  43
2.2.1  服務對象/思考角度/工作內容不同  18
2.2.2  福利待遇不同  26
2.2.3  入職要求不同  27
2.2.4  喜好偏好審美不同  28
2.2.5  項目體量不一樣  42
2.3.1  服務于店鋪的電商設計師的優(yōu)缺點  43
2.3.2  服務于平臺的電商設計師的優(yōu)缺點  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的表現(xiàn)手法  55
  第4章  商品圖的氣質  58
4.1  什么是氣質  58
4.2  體現(xiàn)產品氣質的因素  60
4.2.1  顏色帶給我們的感知  60
4.2.2  形狀體積帶給我們的一些感知  62
4.2.3  質感材質帶給我們的感知  63
4.2.4  紋理圖案花紋帶給我們的感知  65
4.3  藥妝品牌  67
4.4  總結  67
  第5章  實戰(zhàn)Banner圖設計之商品的玩法  69
5.1  項目前期準備  69
5.2  風格定位關鍵詞  70
5.2.1  關鍵詞：大牌、穩(wěn)重  70
5.2.2  關鍵詞：時尚、品質感、促銷（時尚感大于促銷感）  71
5.2.3  關鍵詞：可愛、熱鬧、親和力  72
5.2.4  關鍵詞：素雅、安靜、大面積留白、文藝、簡約  73
5.2.5  關鍵詞：促銷、形式感佳  74
5.2.6  關鍵詞：高冷簡潔的促銷  75
5.3  Banner圖設計實戰(zhàn)  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  按某種規(guī)律平鋪商品 4件以上商品  84
5.3.8  鋪滿整個畫面 前后景 許多商品  85
5.3.9  手繪 虛實結合 1個以上商品  86
5.3.10  結合商品特點排版 從文案里找靈感 2件以上商品  87
5.3.11  超大產品圖局部細節(jié)展示 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  [實戰(zhàn)]模特該怎么用  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  聯(lián)想發(fā)散法  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　所有元素在一起所體現(xiàn)的構成形式  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所投放的環(huán)境  180
11.3  色彩在Banner設計中所起的作用  183
11.3.1  點綴作用（渲染氛圍用）?  183
11.3.2  突出主體（梳理信息層級）?  184
11.3.3  平衡畫面（漸變色使得整體視覺協(xié)調） ?  184
11.3.4  延續(xù)風格（涉及風格統(tǒng)一調性的時候）  185
11.3.5  塑造畫面氣質（傳遞恰當?shù)那榫w給用戶）  187
11.4  如何在Banner設計中使用色彩  188
11.4.1  當色彩運用于不同的面積  188
11.4.2  當色彩運用于不同的形狀  189
11.4.3  當色彩運用于不同的肌理  189
11.4.4  當色彩運用于不同的色彩  191
11.4.5  當色彩運用于不同的環(huán)境  192
第12章  玩轉電商設計中常用的色彩搭配  196
12.1  玩轉電商設計色彩搭配之紅色  196
12.1.1  紅色的釋義  196
12.1.2  紅色在電商設計中的運用  198
12.1.3  與紅色有關的常用色彩搭配  201
12.1.4  紅色運用在不同的質感紋理或形狀環(huán)境  208
12.1.5  紅色的使用禁忌和注意事項  215
12.2  玩轉電商設計色彩搭配之黑白灰  217
12.2.1  黑色的釋義  217
12.2.2  黑色占比多少與活動定位之間的關系  218
12.2.3  黑色電商頁面的常用色彩搭配技巧  222
12.2.4  與黑色有關的節(jié)日或事件  230
第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.2.1  促銷層次詳解  249
14.2.2  促銷層次案例解析  251
14.3  聊點別的觀點  253
14.4  促銷的層次【實戰(zhàn)】  254
14.4.1  聽故事/看例子/悟道理  255
第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.1  LOGO到底是干什么用的？  279
17.2  商家或品牌LOGO在主流電商平臺中的常見運用形式  281
17.3  部分店鋪LOGO存在的問題  285
17.3.1  設計樣式  285
17.3.2  顏色  286
17.3.3  識別性  287
17.3.4  尺寸比例不協(xié)調  288
17.4  到底什么是品牌化？  289
第18章  從人性的角度解讀Banner設計  290
18.1  人性的惡  290
18.1.1  傲慢  290
18.1.2  妒忌  292
18.1.3  暴怒  293
18.1.4  懶惰  294
18.1.5  貪婪  294
18.1.6  饕餮（暴食)  295
18.1.7  色欲  296
18.2  人性的善  296
18.2.1  母愛  296
18.2.2  愛國  297
18.2.3  同情心  298
18.2.4  感恩  299
18.2.5  認同感  300
第19章  電商設計人群定位分析  302
19.1  品質感中帶一點親切感  303
19.2  促銷中帶一點時尚感  303
19.3  簡潔文藝中帶一點形式感  304
19.4  現(xiàn)代中帶一點懷舊感  305
19.5  現(xiàn)代中帶一點穿越感或未來科技感  306
19.6  可愛中帶一點品味感  307
19.7  暗色調中帶一點色彩斑斕  307
19.8  正經(jīng)中帶一點無厘頭或幽默感  308
19.9  現(xiàn)實中帶一點溫情  309
19.10  性冷淡中帶一點個性奔放感  310
PART 5
方法解惑篇
第20章  如何辨別一個Banner的好壞  312
20.1  Banner設計常見問題分析  312
20.2  如何分析和修改一個Banner？  314
20.3  我們?yōu)槭裁磿c擊一個Banner？  316
20.4  如何做出能夠吸引人點擊的Banner？  320
第21章  100種方法教你做出滿意的Banner設計  321
21.1  目前主流的Banner表現(xiàn)形式有哪些？  321
21.2  如何在實際需求中運用這些Banner形式？  327
21.3  每種形式的Banner都需要掌握哪些知識點？  330
21.3.1  合成  330
21.3.2  3D建模  331
21.3.3  手繪  332
21.3.4  手工DIY（拼貼／剪紙／捏軟陶／針線活兒等）  333
21.3.5  攝影  333
21.3.6  模擬  334
21.3.7  混搭  335
第22章  圖片排版在電商Banner圖設計中的運用  337
22.1  攝影與Banner設計之間的聯(lián)系是什么？  337
22.2  如何分析圖片在電商Banner中的運用  341
22.2.1  照片類型  341
22.2.2  適合的品類  342
22.2.3  適合的活動主題  343
22.2.4  排版樣式  344
22.2.5  字體選擇  346
22.3  Banner速成實戰(zhàn)  348
第23章  點線面在電商設計中的運用  353
23.1  點線面  354
23.1.1  純點線面圖形元素的運用  354
23.1.2  半點線面圖形元素的運用  355
23.1.3  0點線面圖形元素的運用  355
23.2  實戰(zhàn)運用  356
第24章  拍一張照片，就能設計成一幅海報  359
24.1  照片一［夏日的風］  359
24.2  照片二［書寫色彩，感動常在］  360
24.3  照片三［殘花］  361
24.4  照片四［草莓］  362
24.5  照片五［媽媽的愛］  363
24.6  照片六［入水的泡騰片］  365
第25章  如何分析作品并做出高質量的練習  367
25.1  如何去分析別人的作品  367
25.2  發(fā)現(xiàn)自身不足并有針對性地去攻克  369
第26章  揭秘數(shù)字在Banner設計中的運用  370
26.1  常見的數(shù)字元素的設計有哪些？  370
26.1.1  在頭部Banner部分的數(shù)字  370
26.1.2  出現(xiàn)在樓層部分的數(shù)字  371
26.2  有數(shù)字的設計需求可以從哪幾個角度去思考？  372
26.2.1  從功能的角度出發(fā)  372
26.2.2  從表現(xiàn)形式的角度出發(fā)  375
26.2.3  從裝飾的角度出發(fā)  377
26.3  針對有數(shù)字元素的排版設計有哪些方向可選？  377
第27章  玩轉SALE招牌設計新思路  382
27.1  圓形聚焦  382
27.2  商品組合成形  382
27.3  畫框聚焦  383
27.4  線框環(huán)繞聚焦  384
27.5  背景材質疊加  384
27.6  手繪或插畫風格  384
27.7  拆解組合  385
27.8  模特元素化處理  385
27.9  擬物化  386
27.10  簡潔文字排版  386
第28章  Banner設計實戰(zhàn)及趣談  388
28.1  求助！需求人要我給他做個Banner  388
28.2  10個Banner實操改稿案例講解  393
28.2.1  改稿案例一  393
28.2.2  改稿案例二  395
28.2.3  改稿案例三  396
28.2.4  改稿案例四  397
28.2.5  改稿案例五  398
28.2.6  改稿案例六  399
28.2.7  改稿案例七  400
28.2.8  改稿案例八  402
28.2.9  改稿案例九  403
28.2.10  改稿案例十  404
28.3  手把手教你改Banner！[精講]  405
28.4  Banner設計練習題模擬及點評  413
PART 6
技法篇
第29章  手繪在Banner設計中的運用  422
29.1  為什么會用到手繪？  422
29.2  Banner設計中有哪些常用的手繪形式？  426
29.3  手繪一般用在哪些地方？  430
29.4  會手繪的設計師有哪些優(yōu)勢？  432
29.5  不會手繪就做不好設計了嗎？  432
第30章  手繪在專題頁設計中的運用  435
30.1  手繪的優(yōu)勢是什么？  435
30.2  什么品類／主題／節(jié)日喜歡使用手繪呢？  435
30.3  手繪常用的元素和場景有哪些？  436
30.4  手繪在設計中的運用及注意事項  440
30.5  各國手繪頁面欣賞  462
第31章  合成在電商設計中的運用  471
31.1  做設計的正確思路到底是什么樣？  471
31.2  合成  472
31.3  合成作品都有哪些特點？  478
31.3.1  功能層面的特點  478
31.3.2  技能要求層面的特點  479
31.4  合成在電商設計中該怎么玩？  480
31.5  玩合成的難點在于什么地方？  486
31.6  我對合成的看法  490
第32章  C4D在電商設計中的運用  491
32.1  C4D為何會如此受追捧？  491
32.2  C4D運用在哪些地方？  494
32.3  C4D適合用在什么類型的電商頁面中呢？  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  中期執(zhí)行階段  547
34.3  后期修改階段  550
第35章　電商專題頁設計技巧之視覺推導  553
第36章  店鋪首頁與活動專題頁的差異  560
第37章  兩個專題頁實戰(zhàn)改稿案例  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  整體氣質要協(xié)調  629
41.4  整體瀏覽體驗要好  632
第42章  一個詳情頁的誕生思路及心得分享  636
第43章  詳情頁設計練習題模擬及點評  640
43.1  詳情頁設計練習  640
43.2  3個情侶表詳情頁設計練習點評  643
PART 9
電商節(jié)日篇
第44章  春節(jié)主題專題頁設計解析  656
44.1  目前年貨節(jié)頁面的一些現(xiàn)狀  656
44.2  我自己做了一個嘗試  657
44.3  重新認識電商設計  660
44.4  換幾個角度去思考問題  661
44.4.1  結合自己的品牌形象或特點去做設計  661
44.4.2  適當追熱點或惡搞  663
44.4.3  文案的創(chuàng)新  664
44.4.4  新的活動玩法  666
44.4.5  如果突破太難，不如就做自己  671
第45章  情人節(jié)主題專題頁設計解析  673
45.1  活動定位  673
45.2  文案設定  679
45.3  設計方向  680
第46章  三八主題專題頁設計解析  707
46.1  你過的是婦女節(jié)/女人節(jié)/女王節(jié)/女神節(jié)/女生節(jié)？  707
46.2  店鋪／商品／品牌在3月8日的活動方向  709
46.3  這五個節(jié)日方向有哪些玩法和設計方向？  712
46.3.1  婦女節(jié)  713
46.3.2  女人節(jié)  714
46.3.3  女王節(jié)  716
46.3.4  女神節(jié)  724
46.3.5  女生節(jié)  728
46.4  其他一些比較另類的38節(jié)日方向  731
第47章  兒童節(jié)主題專題頁設計解析  733
47.1  做兒童節(jié)活動的終目的是什么？  734
47.2  有哪些兒童節(jié)的運營玩法？  734
47.3  兒童節(jié)文案該如何選定？  737
47.4  如何確定合適的兒童節(jié)設計方向？  739
第48章  中秋節(jié)主題專題頁設計解析  750
48.1  關于中秋節(jié)的關鍵詞聯(lián)想  750
48.2  中秋節(jié)活動的策劃方向有哪些？  752
48.3  中秋節(jié)文案大合集  760
48.4  中秋節(jié)頁面設計都有哪些表現(xiàn)形式？  761
48.4.1  中秋方向的頁面設計該怎么玩？  761
48.4.2  低價促銷方向的中秋節(jié)頁面設計該怎么玩？  766
48.4.3  情感寄托方向的頁面設計該怎么玩？  768
48.4.4  犒勞自己方向的頁面設計該怎么玩？  770
48.4.5  出謀劃策方向的頁面設計該怎么玩？  771
第49章  國慶節(jié)主題專題頁設計解析  772
49.1  國慶節(jié)對于不同人群意味著什么？  772
49.2  國慶節(jié)活動文案大合集  773
49.3  如何讓自己的國慶節(jié)活動頁面設計脫穎而出？  774
第50章  雙11主題專題頁設計解析  784
50.1  從局部分析是指什么呢？  786
50.1.1  文案  786
50.1.2  背景  792
50.1.3  產品或模特  794
50.1.4  點綴物  798
50.1.5  樓層  798
50.2  從整體上分析  801
50.2.1  型  801
50.2.2  色  803
50.2.3  意  804
50.2.4  技  806
第51章  圣誕節(jié)主題專題頁設計解析  808
51.1  如何尋找設計方向？  808
51.2  如何做出更具吸引力的圣誕節(jié)頁面？  810
51.2.1  從表現(xiàn)形式上著手  811
51.2.2  結合自身的產品或類目的特性想創(chuàng)意  818
51.2.3  從表現(xiàn)手法上著手  821
51.2.4  從配色上著手  827
51.2.5  從標題設計上著手  829
PART 10
知名店鋪案例分享及團隊專訪
第52章  衛(wèi)龍食品旗艦店  832
52.1  關于衛(wèi)龍2017年雙12的一場頁面營銷  832
52.1.1  我們談談頁面營銷這件事  832
52.1.2  為什么選擇大碎花？  834
52.1.3  關于大花襖頁面的內容執(zhí)行  834
52.1.4  關于拍攝  838
52.1.5  定制禮盒設計  841
52.1.6  頁面制作  841
52.2  衛(wèi)龍幕后操盤手團隊采訪  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  電商設計師的職業(yè)發(fā)展方向有哪些？  930
59.5  電商設計師該如何正確認知自己的價值？  932
第60章  關于電商設計師的8條趨勢分析總結  934
60.1  少數(shù)人會驅動多數(shù)人的行為和想法  934
60.2  移動互聯(lián)網(wǎng)的發(fā)展帶來了更多脫穎而出的機會  935
60.3  用戶的時間越來越寶貴，你的設計必須要易懂且吸引人  937
60.4  思維決定行為，養(yǎng)成做練習的習慣很有必要  938
60.5  電商設計師好能懂一些品牌設計方面的知識  938
60.6  電商設計師應該盡量多接觸一些類目或風格的設計  939
60.7  平臺電商設計師切勿變成溫水里煮的青蛙  940
60.8  電商設計師這個群體的生活現(xiàn)狀更像一個“工”字形  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章  網(wǎng)紅店鋪vs普通店鋪的差異  977
第67章  主圖設計注意事項  981
PART 13
設計師成長解惑篇
第68章  迷茫的我們都存在什么問題？  990
68.1  專業(yè)技能方面  990
68.2  專業(yè)技能以外的  993
第69章  設計師該如何正確認知自己的價值  997
第70章  設計師應該學會問問題  1001
70.1  求職方面的問題  1001
70.2  技能提升方面的問題  1002
70.3  如何改變現(xiàn)狀方面的問題  1002
70.4  為人處事方面的困擾  1003
70.5  職業(yè)方向選擇方面的問題  1004
第71章  新手到高手的蛻變之路  1009
第72章  應屆畢業(yè)設計師如何度過艱難的年  1012
第73章  哪些性格有助于設計師的成長和提升  1015
第74章  什么樣的設計師比較吃香  1020
第75章  不做美工，做有思想的設計師  1026
PART 14
附錄
  附錄A  國內外電商網(wǎng)站及素材網(wǎng)站推薦  1032
  附錄B  全面解讀新廣告法  1039
B.1  新廣告法  1039
B.2  新廣告法限制詞語匯總  1042