第１章 新手導(dǎo)航：淘寶店裝修入門(mén)知識(shí) 1
1.1 入門(mén)基礎(chǔ)：淘寶店設(shè)計(jì)入門(mén)解析… ……… 2
1.2 吸引客戶：淘寶店裝修的意義 4
1.2.1 展示店鋪信息… ………………4
1.2.2 展示商品詳情… ………………6
1.2.3 視覺(jué)營(yíng)銷推廣… ………………8
1.2.4 突出產(chǎn)品特色… ………………9
1.2.5 加強(qiáng)產(chǎn)品識(shí)別… …………… 10
1.3 規(guī)避誤區(qū)：解析網(wǎng)店裝修中的注意事項(xiàng)………… 11
1.3.1 網(wǎng)店裝修注意事項(xiàng)… ……… 11
1.3.2 網(wǎng)店裝修六大誤區(qū)… ……… 15
第２章 視覺(jué)出彩：豐富網(wǎng)店頁(yè)面的色彩與布局……… 17
2.1 色彩常識(shí)：色彩設(shè)計(jì)知識(shí)解析……… 18
2.1.1 無(wú)色系與彩色系… ………… 18
2.1.2 顏色的三種屬性… ………… 20
2.1.3 色調(diào)奠定主旋律… ………… 26
2.2 店鋪配色：網(wǎng)店常用的冷暖色系…… 30
2.2.1 暖色系配色效果… ………… 30
2.2.2 冷色系配色效果… ………… 31
2.3 配色方案：解密網(wǎng)店配色技巧……… 32
2.3.1 對(duì)比配色在裝修中的應(yīng)用… 32
2.3.2 調(diào)和配色在裝修中的應(yīng)用… 34
2.4 文字應(yīng)用：網(wǎng)店文字應(yīng)用技巧……… 38
2.4.1 字體風(fēng)格的設(shè)計(jì)與運(yùn)用… … 38
2.4.2 文字編排對(duì)頁(yè)面的影響… … 40
2.4.3 設(shè)計(jì)文字的合理分割… …… 42
2.5 布局版式：網(wǎng)店版式布局技巧……… 44
2.5.1 網(wǎng)店布局元素分類… ……… 44
2.5.2 網(wǎng)店頁(yè)面主圖處理… ……… 49
2.5.3 網(wǎng)店布局版式引導(dǎo)… ……… 51
第３章 軟件入門(mén)：Photoshop 軟件的基本操作……… 53
3.1 安裝啟動(dòng)：掌握Photoshop 基礎(chǔ)操作………… 54
3.1.1 安裝Photoshop CC 軟件… 54
3.1.2 卸載Photoshop CC 軟件… 56
3.1.3 啟動(dòng)Photoshop CC 軟件… 57
3.1.4 退出Photoshop CC 軟件… 57
3.2 簡(jiǎn)單編輯：商品圖像的基本處理…… 58
3.2.1 新建圖像文件… …………… 58
3.2.2 打開(kāi)與置入操作… ………… 60
3.2.3 保存商品文件… …………… 62
3.2.4 關(guān)閉商品文件… …………… 63
3.2.5 顯示與隱藏面板… ………… 64
3.2.6 復(fù)制與刪除圖層… ………… 65
3.3 常用操作：排列與顯示商品圖像…… 66
3.3.1 大化與小化顯示商品圖像… ……… 67
3.3.2 改變商品圖像窗口排列方式… ………… 67
3.3.3 商品圖像編輯窗口的切換操作… ……… 70
3.3.4 商品圖像的放大與縮小操作… ………… 70
3.3.5 使用抓手工具移動(dòng)商品圖像… ………… 72
3.3.6 適合屏幕顯示商品圖像… … 73
3.3.7 按區(qū)域顯示商品圖像… …… 74
3.3.8 調(diào)整商品圖像的尺寸… …… 76
3.3.9 調(diào)整商品畫(huà)布的尺寸… …… 76
3.3.10 調(diào)整商品圖像的分辨率…… 78
3.4 輔助操作：使用標(biāo)尺與參考線……… 79
3.4.1 顯示標(biāo)尺… ………………… 79
3.4.2 測(cè)量尺寸… ………………… 81
3.4.3 編輯參考線… ……………… 82
第４章 摳圖技能：美化淘寶商品圖像……… 85
4.1 素材處理：簡(jiǎn)單摳圖在店鋪裝修中的應(yīng)用……… 86
4.1.1 使用“反向”命令處理商品素材… …… 86
4.1.2 使用“色彩范圍”命令處理商品素材… 87
4.1.3 使用矩形選框工具處理商品素材… …… 89
4.1.4 使用橢圓選框工具處理商品素材… …… 90
4.1.5 使用多邊形套索工具處理商品素材… … 92
4.1.6 使用魔棒工具處理商品圖像… ………… 93
4.2 素材強(qiáng)化：精致圖像點(diǎn)亮店鋪?lái)?yè)面… 94
4.2.1 使用鋼筆工具路徑處理商品圖像… …… 94
4.2.2 使用“顏色加深”模式處理商品圖像… 96
4.2.3 使用“濾色”模式處理商品圖像… …… 98
4.2.4 使用快速蒙版處理商品圖像… ………… 99
4.2.5 使用通道對(duì)比處理商品圖像… …………101
4.2.6 使用通道對(duì)比處理透明商品圖像… ……103
第５章 顏色調(diào)整：店鋪商品色調(diào)美化…… 105
5.1 顏色填充：豐富網(wǎng)店商品圖像…… 106
5.1.1 使用“顏色”面板填充商品背景… ……106
5.1.2 使用油漆桶工具填充商品顏色… ………107
5.1.3 使用快捷菜單填充商品顏色… …………109
5.1.4 使用漸變工具填充雙色商品背景… ……110
5.2 顏色調(diào)整：美化網(wǎng)店商品顏色…… 113
5.2.1 使用“自動(dòng)色調(diào)”命令調(diào)整商品圖像色調(diào)… …………………………114
5.2.2 使用“自動(dòng)對(duì)比度”命令調(diào)整商品圖像對(duì)比度… ……………………115
5.2.3 使用“自動(dòng)顏色”命令校正商品圖像色偏… …………………………115
5.2.4 使用“亮度/ 對(duì)比度”命令調(diào)整商品圖像明暗… ……………………116
5.2.5 使用“色階”命令調(diào)整商品圖像亮度范圍… …………………………117
5.2.6 使用“曲線”命令調(diào)整商品圖像色調(diào)… 119
5.2.7 使用“曝光度”命令調(diào)整商品圖像曝光度… …………………………120
5.2.8 使用“自然飽和度”命令調(diào)整商品圖像飽和度… ……………………122
5.2.9 使用“色相/ 飽和度”命令調(diào)整商品圖像色調(diào)… ……………………123
5.2.10 使用“色彩平衡”命令調(diào)整商品圖像偏色……………………………124
5.2.11 使用“匹配顏色”命令匹配商品圖像色調(diào)……………………………125
5.2.12 使用“替換顏色”命令替換商品圖像顏色……………………………126
5.2.13 使用“陰影/ 高光”命令調(diào)整商品圖像明暗…………………………128
5.2.14 使用“照片濾鏡”命令過(guò)濾商品圖像色調(diào)……………………………130
5.2.15 使用“通道混合器”命令調(diào)整圖像色調(diào)131
5.2.16 使用“可選顏色”命令改變商品圖像顏色……………………………132
5.2.17 使用“黑白”命令去除商品圖像顏色…134
5.2.18 使用“去色”命令制作灰度商品圖像效果……………………………135
第６章 文字版式：網(wǎng)店文字的編排處理……137
6.1 文字排版：輸入與編輯商品文字… 138
6.1.1 制作網(wǎng)店商品橫排文字效果… …………138
6.1.2 制作網(wǎng)店商品直排文字效果… …………140
6.1.3 修改商品文字段落屬性效果… …………142
6.1.4 制作商品文字段落屬性效果… …………144
6.1.5 設(shè)置商品文字段落屬性效果… …………146
6.1.6 制作橫排商品文字蒙版效果… …………148
6.1.7 制作直排商品文字蒙版效果… …………150
6.1.8 制作商品文字水平垂直互換效果… ……152
6.1.9 制作商品文字沿路徑排列效果… ………153
6.1.10 調(diào)整商品文字路徑的形狀…155
6.1.11 調(diào)整商品文字位置的排列…156
6.2 文字特效：制作各類商品文字特效 157
6.2.1 制作商品文字凸起效果… …157
6.2.2 制作商品文字下弧效果… …160
6.2.3 制作商品文字轉(zhuǎn)換為路徑效果… ………161
6.2.4 制作商品文字柵格化處理效果… ………162
6.2.5 制作商品文字描邊效果… …164
6.2.6 制作商品文字顏色效果… …165
6.2.7 制作商品文字雙色漸變效果… …………166
第７章 商品合成：商品圖像合成設(shè)計(jì)…… 169
7.1 彩妝合成：彩妝店鋪合成效果設(shè)計(jì) 170
7.1.1 彩妝背景優(yōu)化效果制作… …170
7.1.2 彩妝主體添加效果制作… …172
7.1.3 彩妝商品文體效果制作… …174
7.2 腕表合成：腕表店鋪合成效果設(shè)計(jì) 175
7.2.1 腕表店鋪素材摳取處理… …175
7.2.2 腕表店鋪素材變換處理… …176
7.2.3 腕表店鋪素材合成處理… …177
7.3 女裝合成：女裝店鋪合成效果設(shè)計(jì) 179
7.3.1 女裝背景內(nèi)容優(yōu)化效果… …179
7.3.2 女裝搭配主體處理效果… …180
7.3.3 女裝元素搭配制作效果… …181
7.4 手機(jī)合成：手機(jī)促銷合成效果設(shè)計(jì) 182
7.4.1 手機(jī)界面背景處理效果… …183
7.4.2 手機(jī)促銷元素處理效果… …184
7.4.3 手機(jī)促銷文字制作效果… …185
第８章 特效處理：淘寶廣告圖片特效設(shè)計(jì)………………………… 187
8.1 特效入門(mén)：制作廣告商品圖片簡(jiǎn)單特效設(shè)計(jì)… 188
8.1.1 廣告商品圖片復(fù)古特效… …188
8.1.2 廣告商品圖片冷藍(lán)特效… …190
8.1.3 廣告商品圖片冷綠特效… …193
8.1.4 廣告商品圖片暖黃特效… …195
8.1.5 廣告商品圖片懷舊特效… …197
8.2 特效升級(jí)：打造廣告商品圖片復(fù)雜特效設(shè)計(jì)… 198
8.2.1 廣告商品圖片拍立得特效… 199
8.2.2 廣告商品幻燈片展示特效… 202
8.2.3 廣告商品單張立體空間展示特效… ……203
第９章 重要元素：網(wǎng)店裝修三大區(qū)域設(shè)計(jì) 207
9.1 廣告海報(bào)區(qū)：店鋪亮點(diǎn)吸引顧客眼球………… 208
9.1.1 網(wǎng)絡(luò)廣告海報(bào)設(shè)計(jì)要素分析… …………208
9.1.2 女鞋網(wǎng)店廣告海報(bào)設(shè)計(jì)方案… …………209
9.2 公告欄區(qū)：淘寶店信息展示平臺(tái)……… 216
9.2.1 網(wǎng)店公告欄的設(shè)計(jì)樣式分析… …………216
9.2.2 店鋪公告欄設(shè)計(jì)方案詳解… 217
9.3 店鋪收藏區(qū)：幫網(wǎng)店抓住回頭客… 220
9.3.1 網(wǎng)店收藏區(qū)的區(qū)域設(shè)計(jì)分析… …………220
9.3.2 網(wǎng)店收藏區(qū)設(shè)計(jì)方案詳解… 222
第10 章 網(wǎng)店招牌：解密旺鋪完美店招設(shè)計(jì) 227
10.1 招牌設(shè)計(jì)：網(wǎng)店店招設(shè)計(jì)詳解… 228
10.1.1 店招的意義… ……………228
10.1.2 店招設(shè)計(jì)的要求… ………228
10.2 招牌設(shè)計(jì)：店招設(shè)計(jì)實(shí)戰(zhàn)… …… 229
10.2.1 珠寶網(wǎng)店店招設(shè)計(jì)… ……229
10.2.2 家具網(wǎng)店店招設(shè)計(jì)… ……230
10.2.3 眼鏡網(wǎng)店店招設(shè)計(jì)… ……232
第11 章 網(wǎng)店導(dǎo)航：幫助網(wǎng)店顧客自主購(gòu)物 235
11.1 導(dǎo)航設(shè)計(jì)：網(wǎng)店導(dǎo)航設(shè)計(jì)詳解… 236
11.1.1 導(dǎo)航條的設(shè)計(jì)意義… ……236
11.1.2 導(dǎo)航條的設(shè)計(jì)分析… ……236
11.1.3 導(dǎo)航條的尺寸規(guī)格… ……236
11.1.4 導(dǎo)航條的色彩和字體風(fēng)格分析… ……237
11.2 導(dǎo)航設(shè)計(jì)：網(wǎng)店導(dǎo)航設(shè)計(jì)實(shí)戰(zhàn)… 238
11.2.1 手機(jī)類店鋪導(dǎo)航設(shè)計(jì)… …238
11.2.2 護(hù)膚類店鋪導(dǎo)航設(shè)計(jì)… …240
第12 章 網(wǎng)店首頁(yè)：打造深入人心的首頁(yè)設(shè)計(jì)…………………………… 243
12.1 首頁(yè)設(shè)計(jì)：網(wǎng)店首頁(yè)設(shè)計(jì)詳解… 244
12.1.1 網(wǎng)店首頁(yè)界面的設(shè)計(jì)要點(diǎn)… …………244
12.1.2 網(wǎng)店首頁(yè)設(shè)計(jì)的前期籌備工作… ……244
12.1.3 網(wǎng)店首頁(yè)設(shè)計(jì)的注意事項(xiàng)… …………245
12.1.4 網(wǎng)店首頁(yè)界面的設(shè)計(jì)技巧… …………246
12.2 首頁(yè)設(shè)計(jì)：網(wǎng)店首頁(yè)設(shè)計(jì)實(shí)戰(zhàn)… 246
12.2.1 農(nóng)產(chǎn)品網(wǎng)店首頁(yè)設(shè)計(jì)… …246
12.2.2 女包網(wǎng)店首頁(yè)設(shè)計(jì)… ……250
第13 章 網(wǎng)店主圖：不同類別的展示圖設(shè)計(jì) 253
13.1 主圖設(shè)計(jì)：網(wǎng)店主圖設(shè)計(jì)詳解… 254
13.1.1 素材收集途徑… …………254
13.1.2 主圖展示方式… …………255
13.2 主圖設(shè)計(jì)：網(wǎng)店主圖設(shè)計(jì)實(shí)戰(zhàn)… 256
13.2.1 電腦網(wǎng)店主圖設(shè)計(jì)… ……256
13.2.2 玩具網(wǎng)店主圖設(shè)計(jì)… ……261
第14 章 網(wǎng)店詳頁(yè)：不拘一格的寶貝描述設(shè)計(jì)…………………………… 265
14.1 詳頁(yè)設(shè)計(jì)：網(wǎng)店詳頁(yè)設(shè)計(jì)詳解… 266
14.1.1 商品詳頁(yè)的設(shè)計(jì)要點(diǎn)… …267
14.1.2 商品圖片的展示方式… …267
14.1.3 商品細(xì)節(jié)的展示… ………268
14.2 詳頁(yè)設(shè)計(jì)：網(wǎng)店詳頁(yè)設(shè)計(jì)實(shí)戰(zhàn)… 268
14.2.1 抱枕網(wǎng)店詳頁(yè)設(shè)計(jì)… ……268
14.2.2 堅(jiān)果零食網(wǎng)店詳頁(yè)設(shè)計(jì)… 272
第15 章 家居行業(yè)：掌握家居網(wǎng)店裝修設(shè)計(jì) 277
15.1 家居網(wǎng)店：家居網(wǎng)店設(shè)計(jì)布局與配色分析… 278
15.2 家居網(wǎng)店：家居網(wǎng)店裝修實(shí)戰(zhàn)步驟詳解… … 278
15.2.1 制作家居店鋪導(dǎo)航和店招的效果… …279
15.2.2 制作家居店鋪首頁(yè)歡迎模塊的效果… 282
15.2.3 制作家居店鋪單品簡(jiǎn)介區(qū)的效果… …284
15.2.4 制作家居店鋪廣告海報(bào)區(qū)域的效果… 286
15.2.5 制作家居店鋪服務(wù)信息區(qū)的效果… …288
第16 章 食品行業(yè)：掌握食品網(wǎng)店裝修設(shè)計(jì) 289
16.1 美食網(wǎng)店：店鋪設(shè)計(jì)布局與配色分析… …… 290
16.2 美食網(wǎng)店：店鋪網(wǎng)頁(yè)裝修實(shí)戰(zhàn)步驟詳解… … 290
16.2.1 制作美食店鋪導(dǎo)航和店招的效果… …291
16.2.2 制作美食店鋪首頁(yè)歡迎模塊的效果… 293
16.2.3 制作美食店鋪商品推薦區(qū)的效果… …296
16.2.4 制作美食店鋪商品展示區(qū)的效果… …300
16.2.5 制作美食店鋪底部功能區(qū)的效果… …303
第17 章 電子行業(yè)：掌握電子網(wǎng)店裝修設(shè)計(jì) 305
17.1 手機(jī)網(wǎng)店：店鋪設(shè)計(jì)布局與配色分析… …… 306
17.2 手機(jī)網(wǎng)店：店鋪網(wǎng)頁(yè)裝修實(shí)戰(zhàn)步驟詳解… … 306
17.2.1 制作手機(jī)店鋪背景和店招的效果… …307
17.2.2 制作手機(jī)店鋪首頁(yè)歡迎模塊的效果… 309
17.2.3 制作手機(jī)店鋪商品展示區(qū)的效果… …311
17.2.4 制作手機(jī)店鋪單品簡(jiǎn)介區(qū)的效果… …314
17.2.5 制作手機(jī)店鋪商品推薦專區(qū)的效果… 317
第18 章 化妝品行業(yè)：掌握化妝品網(wǎng)店裝修設(shè)計(jì)……………………………321
18.1 美妝網(wǎng)店：店鋪設(shè)計(jì)布局與配色分析… …… 322
18.2 美妝網(wǎng)店：店鋪網(wǎng)頁(yè)裝修實(shí)戰(zhàn)步驟詳解… … 322
18.2.1 制作美妝店鋪店招和導(dǎo)航的效果… …323
18.2.2 制作美妝店鋪首頁(yè)歡迎模塊的效果… 325
18.2.3 制作美妝店鋪促銷方案的效果… ……330
18.2.4 制作美妝店鋪商品展示區(qū)的效果… …331
18.2.5 制作美妝店鋪商品熱銷區(qū)的效果… …335
附錄 Photoshop 軟件快捷鍵操作………… 338