淘寶天貓網(wǎng)店微店裝修設(shè)計(jì)從入門到精通（首頁設(shè)計(jì) 主圖優(yōu)化 廣告海報(bào) 產(chǎn)品詳頁 促銷設(shè)計(jì)）

第1篇 基礎(chǔ)入門篇
第01章　了解網(wǎng)店與微店裝修設(shè)計(jì)
1．1　網(wǎng)店 微店裝修入門基礎(chǔ)　11
1．1．1　認(rèn)識網(wǎng)店 微店裝修　11
1．1．2　網(wǎng)店 微店裝修的重要性　12
1．2　裝修網(wǎng)店與微店的意義　12
1．2．1　展示店鋪信息，加深品牌印象　12
1．2．2　展示商品詳情，吸引顧客購買　14
1．2．3　實(shí)現(xiàn)視覺營銷，提升店鋪轉(zhuǎn)化率　15
1．2．4　確定裝修風(fēng)格，突出產(chǎn)品的特色　16
1．3　10大常見網(wǎng)店與微店平臺　17
1．3．1　淘寶與天貓　17
1．3．2　唯品會　18
1．3．3　京東　19
1．3．4　當(dāng)當(dāng)網(wǎng)　19
1．3．5　口袋購物與微店　20
1．3．6　微信小店　22
1．3．7　有贊　24
1．3．8　微盟旺鋪　25
1．3．9　微店網(wǎng)　26
1．3．10　微小店　27
第02章　視覺營銷讓寶貝奪人眼球
2．1　網(wǎng)店 微店的色彩設(shè)計(jì)知識　29
2．1．1　無彩色系和有彩色系　29
2．1．2　認(rèn)識色彩的三種屬性　31
2．1．3　色調(diào)：色彩的基調(diào)　34
2．2　冷暖色系的網(wǎng)店 微店配色　37
2．2．1　暖色系色彩的特點(diǎn)　37
2．2．2　冷色系色彩的特點(diǎn)　38
2．3　網(wǎng)店 微店配色的常用方案　39
2．3．1　網(wǎng)店 微店中的對比配色技巧　39
2．3．2　網(wǎng)店 微店中的調(diào)和配色技巧　40
2．4　網(wǎng)店 微店的文字應(yīng)用技巧　43
2．4．1　網(wǎng)店 微店的常見字體風(fēng)格　43
2．4．2　網(wǎng)店 微店的文字編排規(guī)則　45
2．4．3　網(wǎng)店 微店的文字分割方式　46
2．5　網(wǎng)店 微店的版式布局技巧　48
2．5．1　網(wǎng)店 微店的版式布局原則　48
2．5．2　網(wǎng)店 微店的圖片布局處理　52
2．5．3　網(wǎng)店 微店的版式布局指向　54
第03章　Photoshop電腦專業(yè)修圖
3．1　Photoshop CC的基本應(yīng)用　57
3．1．1　認(rèn)識Photoshop　57
3．1．2　學(xué)會使用圖層　60
3．1．3　使用基礎(chǔ)工具　61
3．1．4　編輯蒙版技巧　63
3．2　網(wǎng)店 微店圖片的基本處理　67
3．2．1　調(diào)整圖像尺寸　67
3．2．2　裁剪圖像素材　68
3．2．3　更改圖片的文件格式　70
3．3　網(wǎng)店 微店圖片的修復(fù)操作　71
3．3．1　運(yùn)用仿制圖章工具去除多余圖像　71
3．3．2　運(yùn)用修補(bǔ)工具修復(fù)圖像瑕疵　72
3．3．3　運(yùn)用修復(fù)畫筆工具修復(fù)圖像　72
3．3．4　運(yùn)用模糊工具模糊局部圖像　73
3．3．5　運(yùn)用紅眼工具清除人物紅眼　74
3．4　網(wǎng)店 微店圖片的摳圖技法　75
3．4．1　摳取單色背景圖　75
3．4．2　摳取規(guī)則對象　76
3．4．3　摳取多邊形對象　78
3．4．4　摳取輪廓清晰的圖像　78
3．4．5　摳取精細(xì)的圖像　79
3．4．6　摳取半透明的圖像　81
3．5　網(wǎng)店 微店圖片的調(diào)色技巧　83
3．5．1　自動校正圖像的色彩與色調(diào)　83
3．5．2　色彩濃度的調(diào)整——“色相 飽和度”命令　84
3．5．3　調(diào)整圖像的顏色——“色彩平衡”命令　85
3．5．4　畫面冷暖調(diào)的改變——“照片濾鏡”命令　86
3．5．5　調(diào)整照片的局部色調(diào)——“可選顏色”命令　86
3．5．6　掌握黑白轉(zhuǎn)換技巧——“黑白”命令　87
3．6　網(wǎng)店 微店圖片的影調(diào)處理　87
3．6．1　修正光線的明暗——“曝光度”命令　87
3．6．2　控制照片的明暗對比——“亮度 對比度”命令　88
3．6．3　局部的明暗處理——“色階”命令　89
3．6．4　單個(gè)通道的明暗調(diào)整——“曲線”命令　90
3．6．5　暗部和亮部的處理——“陰影 高光”命令　91
3．7　網(wǎng)店 微店圖片的文字編輯　91
3．7．1　添加單行或單列文字　91
3．7．2　編輯段落文字　92
3．8　網(wǎng)店 微店圖片的高級處理　93
3．8．1　銳化圖像細(xì)節(jié)　93
3．8．2　添加水印效果　93
3．8．3　制作邊框效果　94
3．8．4　制作網(wǎng)頁切片　95
3．8．5　照片的批量處理　95
第04章　手機(jī)美圖秀秀快速美化照片
4．1　新手上路：初識美圖秀秀　98
4．1．1　美圖秀秀的下載與安裝　98
4．1．2　美圖秀秀的基本操作　98
4．2　一鍵搞定：網(wǎng)店 微店商品照片美化　99
4．2．1　調(diào)整照片的色彩和色調(diào)　100
4．2．2　智能美化商品照片　102
4．2．3　商品照片的裁剪、旋轉(zhuǎn)與銳化　103
4．2．4　為商品照片應(yīng)用特效　106
4．2．5　為商品照片添加邊框效果　108
4．2．6　使用魔幻筆修飾商品照片　111
4．2．7　為商品照片添加馬賽克　112
4．2．8　為商品照片添加文字效果　113
4．2．9　為商品照片添加背景虛化效果　115
4．3　美容化妝：網(wǎng)店 微店模特照片美化　116
4．3．1　一鍵美顏　116
4．3．2　磨皮美白　116
4．3．3　祛斑祛痘　118
4．3．4　瘦臉瘦身　118
4．3．5　快速增高　119
4．3．6　眼睛放大　120
4．3．7　祛黑眼圈　120
4．3．8　亮眼功能　121
4．4　拼圖效果：完美組合商品照片　121
4．4．1　模版拼圖　122
4．4．2　自由拼圖　122
4．4．3　海報(bào)拼圖　124
4．4．4　拼接合成　124
第05章　店鋪裝修5大核心區(qū)域設(shè)計(jì)
5．1　打出過目不忘的招牌——店招　126
5．1．1　店招的設(shè)計(jì)要求　126
5．1．2　店招的主要功能　129
5．1．3　實(shí)例：花店類店招設(shè)計(jì)與詳解　129
5．2　幫助顧客精確定位——導(dǎo)航條　131
5．2．1　導(dǎo)航條的設(shè)計(jì)分析　131
5．2．2　實(shí)例：兒童玩具店鋪導(dǎo)航條設(shè)計(jì)與詳解　133
5．3　巧用心思贏得回頭客——店鋪收藏區(qū)　135
5．3．1　收藏區(qū)的設(shè)計(jì)分析　135
5．3．2　實(shí)例：店鋪收藏區(qū)設(shè)計(jì)與詳解　136
5．4　給顧客解惑答疑——客服區(qū)　140
5．4．1　客服區(qū)的設(shè)計(jì)分析　140
5．4．2　實(shí)例：奶粉店鋪客服區(qū)設(shè)計(jì)與詳解　141
5．5　方便顧客了解店鋪信息——公告欄　143
5．5．1　公告欄的設(shè)計(jì)分析　143
5．5．2　實(shí)例：店鋪公告欄設(shè)計(jì)與詳解　145
第2篇　核心技能篇
第06章　首頁設(shè)計(jì)——引人注目的第一印象
6．1　首頁歡迎模塊的設(shè)計(jì)分析　149
6．1．1　了解首頁歡迎模塊　149
6．1．2　首頁歡迎模塊的設(shè)計(jì)要點(diǎn)　150
6．1．3　首頁歡迎模塊的設(shè)計(jì)技巧　151
6．2　實(shí)例：女裝網(wǎng)店首頁設(shè)計(jì)　153
6．2．1　制作首頁背景效果　153
6．2．2　制作商品圖像效果　154
6．2．3　制作宣傳文案效果　155
6．3　實(shí)例：農(nóng)產(chǎn)品微店首頁設(shè)計(jì)　157
6．3．1　制作首頁背景效果　157
6．3．2　制作商品圖像效果　158
6．3．3　制作首頁文案效果　160
第07章　主圖優(yōu)化——增加商品直觀視覺效果
7．1　商品主圖優(yōu)化的設(shè)計(jì)分析　165
7．1．1　收集裝修圖片素材　165
7．1．2　一定要配有清晰的圖片　166
7．2　實(shí)例：電腦網(wǎng)店主圖優(yōu)化　167
7．2．1　制作主圖背景效果　168
7．2．2　制作主圖商品效果　169
7．2．3　制作主圖文案效果　170
7．3　實(shí)例：玩具微店主圖優(yōu)化　173
7．3．1　制作主圖背景效果　173
7．3．2　制作細(xì)節(jié)圖效果　174
7．3．3　制作主圖文案效果　175
第08章　廣告海報(bào)——熱銷商品頁面設(shè)計(jì)理念
8．1　廣告海報(bào)的設(shè)計(jì)分析　178
8．1．1　網(wǎng)絡(luò)廣告海報(bào)的分類　178
8．1．2　廣告海報(bào)設(shè)計(jì)的要點(diǎn)　180
8．2　實(shí)例：首飾網(wǎng)店廣告海報(bào)　181
8．2．1　制作廣告海報(bào)的背景效果　182
8．2．2　制作廣告海報(bào)的商品效果　184
8．2．3　制作廣告海報(bào)的文案效果　185
8．3　實(shí)例：化妝品微店廣告海報(bào)　188
8．3．1　制作廣告海報(bào)的背景效果　188
8．3．2　制作廣告海報(bào)的商品效果　191
8．3．3　制作廣告海報(bào)的文案效果　192
第09章　產(chǎn)品詳頁——全方位地詳細(xì)展示商品
9．1　產(chǎn)品詳頁的設(shè)計(jì)分析　195
9．1．1　產(chǎn)品詳頁的設(shè)計(jì)規(guī)范　195
9．1．2　產(chǎn)品詳頁的設(shè)計(jì)要點(diǎn)　195
9．2　實(shí)例：時(shí)尚女包產(chǎn)品詳頁　198
9．2．1　制作產(chǎn)品詳頁的商品效果　199
9．2．2　制作產(chǎn)品詳頁的文案效果　200
9．3　實(shí)例：電動車產(chǎn)品詳頁　202
9．3．1　制作產(chǎn)品詳頁的背景效果　202
9．3．2　制作產(chǎn)品詳頁的商品效果　205
9．3．3　制作產(chǎn)品詳頁的文案效果　206
第10章　促銷方案——讓買家心動促成交易
10．1　促銷方案的設(shè)計(jì)分析　211
10．1．1　商品促銷區(qū)的制作方法　211
10．1．2　促銷方案的設(shè)計(jì)要點(diǎn)　212
10．1．3　促銷活動的過程與類型　213
10．2　實(shí)例：汽車用品促銷方案　217
10．2．1　制作促銷方案的背景效果　217
10．2．2　制作促銷方案的整體效果　219
10．3　實(shí)例：化妝品促銷方案　221
10．3．1　制作促銷方案的背景效果　222
10．3．2　制作促銷方案的整體效果　224
第3篇　行業(yè)實(shí)戰(zhàn)篇
第11章　女包店鋪裝修實(shí)戰(zhàn)
11．1　女包店鋪裝修設(shè)計(jì)與詳解　227
11．1．1　布局策劃解析　227
11．1．2　主色調(diào)：清新藍(lán)色和灰色　227
11．1．3　案例配色擴(kuò)展　228
11．1．4　案例設(shè)計(jì)流程　229
11．2　女包店鋪裝修實(shí)戰(zhàn)步驟詳解　230
11．2．1　制作店鋪背景和導(dǎo)航條　230
11．2．2　制作首頁歡迎模塊　231
11．2．3　制作促銷方案　232
11．2．4　制作收藏區(qū)與廣告海報(bào)　235
11．2．5　制作商品展示區(qū)　237
第12章　美妝店鋪裝修實(shí)戰(zhàn)
12．1　美妝店鋪裝修設(shè)計(jì)與詳解　241
12．1．1　布局策劃解析　241
12．1．2　主色調(diào)：淡雅黃色調(diào)　241
12．1．3　案例配色擴(kuò)展　242
12．1．4　案例設(shè)計(jì)流程　243
12．2　美妝店鋪裝修實(shí)戰(zhàn)步驟詳解　244
12．2．1　制作店鋪店招和導(dǎo)航　244
12．2．2　制作首頁歡迎模塊　246
12．2．3　制作促銷方案　248
12．2．4　制作商品展示區(qū)　250
12．2．5　制作熱銷商品區(qū)　252
第13章　手機(jī)店鋪裝修實(shí)戰(zhàn)
13．1　手機(jī)店鋪裝修設(shè)計(jì)與詳解　255
13．1．1　布局策劃解析　255
13．1．2　主色調(diào)：黑白灰多層次搭配　255
13．1．3　案例配色擴(kuò)展　256
13．1．4　案例設(shè)計(jì)流程　257
13．2　手機(jī)店鋪裝修實(shí)戰(zhàn)步驟詳解　258
13．2．1　制作店鋪背景和店招　258
13．2．2　制作首頁歡迎模塊　260
13．2．3　制作商品展示區(qū)　261
13．2．4　制作單品簡介區(qū)　263
13．2．5　制作其他商品區(qū)　265
第14章　家居店鋪裝修實(shí)戰(zhàn)
14．1　家居店鋪裝修設(shè)計(jì)與詳解　269
14．1．1　布局策劃解析　269
14．1．2　主色調(diào)：棕色暖色調(diào)　269
14．1．3　案例配色擴(kuò)展　270
14．1．4　案例設(shè)計(jì)流程　271
14．2　家居店鋪裝修實(shí)戰(zhàn)步驟詳解　272
14．2．1　制作店鋪導(dǎo)航和店招　272
14．2．2　制作首頁歡迎模塊　274
14．2．3　制作單品簡介區(qū)　276
14．2．4　制作廣告海報(bào)　278
14．2．5　制作服務(wù)信息區(qū)　280
第15章　家具店鋪裝修實(shí)戰(zhàn)
15．1　家具店鋪裝修設(shè)計(jì)與詳解　282
15．1．1　布局策劃解析　282
15．1．2　主色調(diào)：懷舊色調(diào)　282
15．1．3　案例配色擴(kuò)展　283
15．1．4　案例設(shè)計(jì)流程　284
15．2　家具店鋪裝修實(shí)戰(zhàn)步驟詳解　285
15．2．1　制作店鋪店招和導(dǎo)航　285
15．2．2　制作首頁歡迎模塊　287
15．2．3　制作掌柜推薦區(qū)　289
15．2．4　制作爆款推薦區(qū)　291
15．2．5　制作促銷活動區(qū)　293
第16章　飾品店鋪裝修實(shí)戰(zhàn)
16．1　飾品店鋪裝修設(shè)計(jì)與詳解　295
16．1．1　布局策劃解析　295
16．1．2　主色調(diào)：高明度暖色調(diào)　295
16．1．3　案例配色擴(kuò)展　296
16．1．4　案例設(shè)計(jì)流程　297
16．2　飾品店鋪裝修實(shí)戰(zhàn)步驟詳解　298
16．2．1　制作店鋪店招和導(dǎo)航　298
16．2．2　制作首頁歡迎模塊　301
16．2．3　制作促銷方案　303
16．2．4　制作商品展示區(qū)1　305
16．2．5　制作商品展示區(qū)2　307
第17章　美食店鋪裝修實(shí)戰(zhàn)
17．1　美食店鋪裝修設(shè)計(jì)與詳解　310
17．1．1　布局策劃解析　310
17．1．2　主色調(diào)：低純度黃色系　310
17．1．3　案例配色擴(kuò)展　311
17．1．4　案例設(shè)計(jì)流程　312
17．2　美食店鋪裝修實(shí)戰(zhàn)步驟詳解　313
17．2．1　制作店鋪店招和導(dǎo)航　313
17．2．2　制作首頁歡迎模塊　315
17．2．3　制作商品推薦區(qū)　316
17．2．4　制作商品展示區(qū)　319
17．2．5　制作底部功能區(qū)　322
第18章　母嬰店鋪裝修實(shí)戰(zhàn)
18．1　母嬰店鋪裝修設(shè)計(jì)與詳解　324
18．1．1　布局策劃解析　324
18．1．2　主色調(diào)：藍(lán)色調(diào)　324
18．1．3　案例配色擴(kuò)展　325
18．1．4　案例設(shè)計(jì)流程　326
18．2　母嬰店鋪裝修實(shí)戰(zhàn)步驟詳解　327
18．2．1　制作店鋪店招和導(dǎo)航　327
18．2．2　制作首頁歡迎模塊　329
18．2．3　制作主打商品區(qū)　332
18．2．4　制作標(biāo)題欄　332
18．2．5　制作商品展示區(qū)　333