●《上冊》
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
PART2
Banner設計組成篇
第3章Banner釋義及組成要素48
3.1Banner的釋義和運用範圍48
3.2Banner的組成要素52
3.3Banner賞析53
3.3.1先說定位方向53
3.3.2Banner的表現手法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.3Banner圖設計實戰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.素所起到的作用124
8.素的存在形式125
8.3不同氣質Banner中素128
8.素的排版形式129
8.素的獲取方法130
8.素提取法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
PART3
設計基礎知識篇
第10章電商設計中排版的奧秘144
10.1平面構成的含義是什麼？144
10.2電商Banner圖是由什麼組成的？144
10.3如何在Banner設計中運用平面構成145
10素之間的排列關繫145
10.3.素在一起所體現的構成形式146
10.3.3常用的平面術語155
10.4平面構成之於電商Banner的意義160
第11章電商Banner設計之色彩的奧秘171
11.1普遍意義上的色彩是指什麼？171
11.2Banner設計中影響信息傳達的因素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
11.3.3平衡畫面（漸變色使得整體視覺協調）?184
11.3.4延續風格（涉及風格統一調性的時候）185
11.3.5塑造畫面氣質（傳遞恰當的情緒給用戶）187
11.4如何在Banner設計中使用色彩188
11.4.1當色彩運用於不同的面積188
11.4.2當色彩運用於不同的形狀189
11.4.3當色彩運用於不同的肌理189
11.4.4當色彩運用於不同的色彩191
11.4.5當色彩運用於不同的環境192
第12章玩轉電商設計中常用的色彩搭配196
12.1玩轉電商設計色彩搭配之紅色196
12.1.1紅色的釋義196
12.1.2紅色在電商設計中的運用198
12.1.3與紅色有關的常用色彩搭配201
12.1.4紅色運用在不同的質感紋理或形狀環境208
12.1.5紅色的使用禁忌和注意事項215
12.2玩轉電商設計色彩搭配之黑白灰217
12.2.1黑色的釋義217
12.2.2黑色占比多少與活動定位之間的關繫218
12.2.3黑色電商頁面的常用色彩搭配技巧222
12.2.4與黑色有關的節日或事件230
第13章解讀設計中的層次234
13.1動靜對比234
13.2明暗對比235
13.3大小對比236
13.4色彩對比237
13.5虛實對比240
13.6遠近對比241
13.7繁簡對比242
PART4
營銷思維篇
第14章設計中促銷的層次246
14.1馬斯洛需求層次246
14.2促銷的層次249
14.2.1促銷層次詳解249
14.2.2促銷層次案例解析251
14.3聊點別的觀點253
14.4促銷的層次【實戰】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.1LOGO到底是干什麼用的？279
17.2商家或品牌LOGO在主流電商平臺中的常見運用形式281
17.3部分店鋪LOGO存在的問題285
17.3.1設計樣式285
17.3.2顏色286
17.3.3識別性287
17.3.4尺寸比例不協調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現代中帶一點懷舊感305
19.5現代中帶一點穿越感或未來科技感306
19.6可愛中帶一點品味感307
19.7暗色調中帶一點色彩斑斕307
19.8正經中帶一點無釐頭或幽默感308
19.9現實中帶一點溫情309
19.10性冷淡中帶一點個性奔放感310
PART5
方法解惑篇
第20章如何辨別一個Banner的好壞312
20.1Banner設計常見問題分析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
21.3.1合成330
21.3.23D建模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設計之間的聯繫是什麼？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.3Banner速成實戰348
第23章點線面在電商設計中的運用353
23.1點線面354
23.1.1純點線素的運用354
23.1.2半點線素的運用355
23.1.30點線素的運用355
23.2實戰運用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發現自身不足並有針對性地去攻克369
第26章揭秘數字在Banner設計中的運用370
26.1常見素的設計有哪些？370
26.1.1在頭部Banner部分的數字370
26.1.2出現在樓層部分的數字371
26.2有數字的設計需求可以從哪幾個角度去思考？372
26.2.1從功能的角度出發372
26.2.2從表現形式的角度出發375
26.2.3從裝飾的角度出發377
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.素化處理385
27.9擬物化386
27.10簡潔文字排版386
第28章Banner設計實戰及趣談388
28.1求助！需求人要我給他做個Banner388
28.210個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.4Banner設計練習題模擬及點評413
PART6
技法篇
第29章手繪在Banner設計中的運用422
29.1為什麼會用到手繪？422
29.2Banner設計中有哪些常用的手繪形式？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.3.1功能層面的特點478
31.3.2技能要求層面的特點479
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
《下冊》
PART7
電商專題篇
第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
PART8
詳情頁篇
第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
PART9
電商節日篇
第44章春節主題專題頁設計解析656
44.1目前年貨節頁面的一些現狀656
44.2我自己做了一個嘗試657
44.3重新認識電商設計660
44.4換幾個角度去思考問題661
44.4.1結合自己的品牌形像或特點去做設計661
44.4.2適當追熱點或惡搞663
44.4.3文案的創新664
44.4.4新的活動玩法666
44.4.5如果突破太難，不如就做自己671
第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.3.1婦女節713
46.3.2女人節714
46.3.3女王節716
46.3.4女神節724
46.3.5女生節728
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
48.4.1中秋送禮方向的頁面設計該怎麼玩？761
48.4.2低價促銷方向的中秋節頁面設計該怎麼玩？766
48.4.3情感寄托方向的頁面設計該怎麼玩？768
48.4.4犒勞自己方向的頁面設計該怎麼玩？770
48.4.5出謀劃策方向的頁面設計該怎麼玩？771
第49章國慶節主題專題頁設計解析772
49.1國慶節對於不同人群意味著什麼？772
49.2國慶節活動文案大合集773
49.3如何讓自己的國慶節活動頁面設計脫穎而出？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章聖誕節主題專題頁設計解析808
51.1如何尋找設計方向？808
51.2如何做出更具吸引力的聖誕節頁面？810
51.2.1從表現形式上著手811
51.2.2結合自身的產品或類目的特性想創意818
51.2.3從表現手法上著手821
51.2.4從配色上著手827
51.2.5從標題設計上著手829
PART10
知名店鋪案例分享及團隊專訪
第52章衛龍食品旗艦店832
52.1關於衛龍2017年雙12的一場頁面營銷832
52.1.1我們談談頁面營銷這件事832
52.1.2為什麼選擇大碎花？834
52.1.3關於大花襖頁面的內容執行834
52.1.4關於拍攝838
52.1.5定制禮盒設計841
52.1.6頁面制作841
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
PART11
電商設計師篇
第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
PART12
雜談篇
第65章揭秘主流電商模式的奧秘974
第66章網紅店鋪vs普通店鋪的差異977
第67章主圖設計注意事項981
PART13
設計師成長解惑篇
第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
PART14
附錄
附錄A國內外電商網站及素材網站推薦1032
附錄B全面解讀新廣告法1039
B.1新廣告法1039
B.2新廣告法詞語彙總1042


●

吳婷著的《這麼設計能熱賣》是一本關於電商設計的圖書，不僅教你一些具體的設計方法，還會讓你了解電商設計的定義和規範、看到行業現狀和了解行業未來走向，重要的是，本書作為一本設計圖書，全面、有效地融入了運營思維。
本書作者是從業8年的電商設計師，本書寫作歷時3年，全書超過1000頁，內容涵蓋：電商設計概述，Banner設計組成，設計基礎知識，營銷思維，電商設計方法論，電商設計技法，電商專題設計，詳情頁設計，節日專題設計，店鋪案例分享與訪談，電商設計師從業指南以及電商設計必須了解的其他與非技能等。
本書不僅僅是一本工具書，它是由紙質書提供的電商設計相關內容，如果讀者在閱讀過程遇到問題，可以到公眾號“做設計的面條”尋求幫助。
除了適合從事電商設計工作3～5年的設計師閱讀，本書同樣適合尚未入行的電商設計愛好者、電商運營人員、店鋪老板、產品經理、UI設計師、交互設計師等

吳婷 著作