基礎入門篇

第01章 淘寶、天貓店鋪裝修新手入門

1．1 網(wǎng)店裝修入門知識 9
1．1．1 什么是網(wǎng)店裝修 9
1．1．2 網(wǎng)店裝修的意義 10
1．1．3 店鋪裝修與轉(zhuǎn)化率的關系 13
1．2 網(wǎng)店的各模塊內(nèi)容 14
1．2．1 準確詳細的商品信息介紹 14
1．2．2 購買者經(jīng)驗的分享 14
1．2．3 相關證書或證明的展示 14
1．2．4 店鋪裝修中的注意事項 14
1．3 淘寶店鋪基本裝修技巧 15
1．3．1 店鋪整體色調(diào)的選擇 15
1．3．2 詳情頁面櫥窗照的設計 16
1．3．3 合理布置店鋪中的各個模塊 16

第02章 淘寶、天貓美工爆款設計技巧
2．1 商品圖片設計的基本要求 17
2．1．1 緊抓消費者的需求 17
2．1．2 圖片文案的重點要素 17
2．1．3 精煉表達商品優(yōu)勢 17
2．2 高點擊商品圖片設計思路 18
2．2．1 協(xié)調(diào)搭配顏色、字體 18
2．2．2 抓創(chuàng)意素材突破口 18
2．2．3 內(nèi)容要全面且重點突出 18
2．2．4 結(jié)構(gòu)清晰且主次分明 18
2．2．5 視覺化設計與產(chǎn)品介紹相結(jié)合 19
2．3 爆款產(chǎn)品的高級設計技巧 19
2．3．1 利益吸引 19
2．3．2 數(shù)字展示 19
2．3．3 感情渲染 20
2．3．4 理想描述 20
2．3．5 對比策略 20
2．3．6 主動提問 21
2．3．7 震驚表達 21
2．3．8 事件借力 21
2．3．9 氣氛渲染 22
2．3．10 名人效應 22
2．4 說服買家：設計的深層邏輯 23
2．4．1 第一步：被吸引 23
2．4．2 第二步：感興趣 23
2．4．3 第三步：信心逐漸增強 23
2．4．4 第四步：臨門一腳 24
2．4．5 第五步：強力背書 24

第03章 淘寶、天貓美工配色布局方法
3．1 色彩的基礎知識 25
3．1．1 色彩的概念 25
3．1．2 色彩三要素 25
3．1．3 色調(diào)的傾向 27
3．1．4 冷色系配色的表現(xiàn)效果 29
3．1．5 暖色系配色的表現(xiàn)效果 29
3．2 店鋪配色的技巧 29
3．2．1 對比色的使用方法 29
3．2．2 色彩調(diào)和的技巧 30
3．3 店鋪版式布局的方式 31
3．3．1 運用不同字體風格打造精致店面 31
3．3．2 店鋪文字的編排準則 33
3．3．3 圖文的分割方式 34
3．3．4 文字的對齊方式 35
3．3．5 頁面版式設計的原則 36
3．3．6 圖片的布局與處理 38

技能提升篇
第04章 運用摳圖技能摳取商品圖像
4．1 運用簡單摳圖方法摳取商品圖像 40
4．1．1 _實戰(zhàn)——運用矩形選框工具摳取商品圖像 40
4．1．2 _實戰(zhàn)——運用橢圓選框工具摳取商品圖像 41
4．1．3 _實戰(zhàn)——運用多邊形套索工具摳取商品圖像 42
4．1．4 _實戰(zhàn)——運用磁性套索工具摳取商品圖像 43
4．1．5 _實戰(zhàn)——運用橡皮擦工具摳取商品圖像 44
4．1．6 _實戰(zhàn)——運用背景橡皮擦工具摳取商品圖像 45
4．1．7 _實戰(zhàn)——運用魔術(shù)橡皮擦工具摳取商品圖像 45
4．1．8 _實戰(zhàn)——運用快速選擇工具摳取商品圖像 46
4．1．9 _實戰(zhàn)——運用魔棒工具摳取商品圖像 47
4．2 運用專業(yè)摳圖方法摳取商品圖像 49
4．2．1 _實戰(zhàn)——運用鋼筆工具繪制直線路徑摳取商品圖像 49
4．2．2 _實戰(zhàn)——運用鋼筆工具繪制曲線路徑摳取商品圖像 50
4．2．3 _實戰(zhàn)——運用自由鋼筆工具繪制曲線路徑摳取商品圖像 51
4．2．4 _實戰(zhàn)——運用矩形工具摳取商品圖像 52
4．2．5 _實戰(zhàn)——運用橢圓工具摳取商品圖像 53
4．2．6 _實戰(zhàn)——運用快速蒙版摳取商品圖像 54
4．2．7 _實戰(zhàn)——運用圖層蒙版摳取商品圖像 56
4．2．8 _實戰(zhàn)——運用矢量蒙版摳取商品圖像 57
4．2．9 _實戰(zhàn)——運用通道對比處理商品圖像 58
4．2．10 _實戰(zhàn)——運用通道對比處理透明商品圖像 59
4．3 習題 60

第05章 運用顏色調(diào)整美化商品圖像
5．1 給商品圖像填充顏色 62
5．1．1 _實戰(zhàn)——更換商品圖像背景 62
5．1．2 _實戰(zhàn)——更換商品圖像顏色 63
5．1．3 _實戰(zhàn)——運用漸變工具填充漸變背景 64
5．2 調(diào)整商品圖像顏色 65
5．2．1 _實戰(zhàn)——運用“自動對比度”命令調(diào)整商品圖像對比度 65
5．2．2 _實戰(zhàn)——運用“亮度/對比度”命令調(diào)整商品圖像明暗 65
5．2．3 _實戰(zhàn)——運用“色階”命令調(diào)整商品圖像亮度范圍 66
5．2．4 _實戰(zhàn)——運用“曲線”命令調(diào)整商品圖像色調(diào) 66
5．2．5 _實戰(zhàn)——運用“曝光度”命令調(diào)整商品圖像曝光度 67
5．2．6 _實戰(zhàn)——運用“自然飽和度”命令調(diào)整商品圖像顏色飽和度 68
5．2．7 _實戰(zhàn)——運用“色相/飽和度”命令調(diào)整商品圖像色調(diào) 68
5．2．8 _實戰(zhàn)——運用“色彩平衡”命令處理商品圖像偏色問題 69
5．2．9 _實戰(zhàn)——運用“替換顏色”命令替換商品圖像顏色 69
5．2．10 _實戰(zhàn)——運用“可選顏色”命令改變商品圖像顏色 70
5．3 習題 71

第06章 店鋪裝修的文字編排設計
6．1 商品文字的輸入與編輯 73
6．1．1 _實戰(zhàn)——店鋪商品橫排文字效果的制作 73
6．1．2 _實戰(zhàn)——店鋪商品直排文字效果的制作 74
6．1．3 _實戰(zhàn)——商品段落文字效果的制作 75
6．1．4 _實戰(zhàn)——商品文字段落屬性的設置 76
6．1．5 _實戰(zhàn)——利用橫排文字蒙版制作商品文字 77
6．1．6 _實戰(zhàn)——文字方向互換 78
6．1．7 _實戰(zhàn)——文字沿路徑排列效果的制作 79
6．1．8 _實戰(zhàn)——路徑文字位置的調(diào)整 80
6．2 商品文字特效的制作 81
6．2．1 _實戰(zhàn)——商品文字變形效果的制作 81
6．2．2 _實戰(zhàn)——商品文字描邊效果的制作 82
6．2．3 _實戰(zhàn)——商品文字顏色疊加效果的制作 83
6．2．4 _實戰(zhàn)——商品文字雙色漸變效果的制作 83
6．2．5 _實戰(zhàn)——商品文字發(fā)光效果的制作 85
6．3 習題 86

第07章 店鋪廣告圖片的特效設計
7．1 廣告圖片簡單特效的制作 88
7．1．1 實戰(zhàn)——商品廣告圖片復古特效的制作 88
7．1．2 _實戰(zhàn)——商品廣告圖片冷藍效果的制作 89
7．1．3 _實戰(zhàn)——商品廣告圖片冷綠效果的制作 90
7．1．4 _實戰(zhàn)——商品廣告圖片暖黃效果的制作 92
7．1．5 _實戰(zhàn)——商品廣告圖片懷舊效果的制作 92
7．2 廣告圖片復雜特效的制作 94
7．2．1 _實戰(zhàn)——商品廣告圖片拍立得效果的制作 94
7．2．2 _實戰(zhàn)——商品廣告幻燈片展示效果的制作 96
7．2．3 _實戰(zhàn)——商品廣告單張立體空間展示效果的制作 97
7．3 習題 99

第08章 店鋪裝修基礎區(qū)域的設計
8．1 店鋪公告欄設計 101
8．1．1 _了解店鋪公告欄 101
8．1．2 _實戰(zhàn)——店鋪公告欄的設計 101
8．2 店鋪收藏區(qū)設計 104
8．2．1 _了解店鋪收藏區(qū) 104
8．2．2 _實戰(zhàn)——店鋪收藏區(qū)的設計 105
8．3 習題 108

核心技術(shù)篇
第09章 店鋪完美店招設計
9．1 了解店招 110
9．1．1 _設計店招的意義 110
9．1．2 _如何設計完美店招 110
9．2 店招設計實戰(zhàn) 111
9．2．1 _實戰(zhàn)——設計鮮花店招 111
9．2．2 _實戰(zhàn)——設計女包店招 114
9．2．3 _實戰(zhàn)——設計食品店招 116
9．3 習題 117

第10章 方便顧客自主購物的導航設計
10．1 了解店鋪導航 118
10．1．1 _設計導航條的意義 118
10．1．2 _如何設計導航條 118
10．1．3 _了解導航條的尺寸規(guī)格 118
10．1．4 _導航條的顏色和字體風格分析 118
10．2 店鋪導航設計實戰(zhàn) 119
10．2．1 _實戰(zhàn)——設計幼教店鋪導航 119
10．2．2 _實戰(zhàn)——設計女鞋店鋪導航 120
10．3 習題 122

第11章 深入人心的店鋪首頁設計
11．1 了解店鋪首頁 123
11．1．1 _設計店鋪首頁的要點 123
11．1．2 _設計店鋪首頁的前期準備 123
11．1．3 _設計店鋪首頁的注意事項 123
11．1．4 _設計店鋪首頁的技巧 124
11．2 店鋪首頁設計實戰(zhàn) 124
11．2．1 _實戰(zhàn)——設計飾品店鋪首頁 124
11．2．2 _實戰(zhàn)——設計母嬰店鋪首頁 127
11．3 習題 130

第12章 不同類別的主圖設計
12．1 了解店鋪主圖 132
12．1．1 _如何收集商品素材 132
12．1．2 _展示主圖的方式 132
12．2 店鋪主圖設計實戰(zhàn) 133
12．2．1 _實戰(zhàn)——設計帆布鞋主圖 133
12．2．2 _實戰(zhàn)——設計廚具主圖 138
12．3 習題 142

第13章 吸引眼球的店鋪海報設計
13．1 廣告海報的設計分析 143
13．1．1 _網(wǎng)絡廣告海報的分類 143
13．1．2 _廣告海報設計的要點 145
13．2 店鋪海報設計實戰(zhàn) 145
13．2．1 _實戰(zhàn)——設計女鞋店鋪海報 145
13．2．2 _實戰(zhàn)——設計化妝品店鋪海報 149
13．3 習題 153

第14章 不拘一格的商品詳情頁設計
14．1 了解商品詳情頁面 155
14．1．1 _設計商品詳情頁面的要點 155
14．1．2 _展示商品圖片的方式 156
14．1．3 _展示商品的細節(jié) 156
14．2 商品詳情頁面設計實戰(zhàn) 157
14．2．1 _實戰(zhàn)——設計女包詳情頁面 157
14．2．2 __實戰(zhàn)——設計智能思維車詳情頁面 161
14．3 習題 165

第15章 吸引顧客的促銷活動設計
15．1 了解店鋪促銷 166
15．1．1 如何制作商品促銷區(qū) 166
15．1．2 _促銷方案的設計要點 167
15．1．3 _促銷活動的流程與類別 167
15．2 店鋪促銷設計實戰(zhàn) 169
15．2．1 __實戰(zhàn)——設計汽車用品的促銷方案 169
15．2．2 __實戰(zhàn)——設計數(shù)碼產(chǎn)品的促銷方案 173
15．3 習題 178

第16章 幫助顧客解惑的客服區(qū)設計
16．1 了解店鋪客服 179
16．1．1 _了解客服區(qū)的設計 179
16．1．2 _玩轉(zhuǎn)淘寶評價 180
16．2 店鋪客服區(qū)設計實戰(zhàn) 180
16．2．1 __實戰(zhàn)——設計清爽風格的客服區(qū) 180
16．2．2 __實戰(zhàn)——設計商品評價條 183
16．3 習題 186

綜合實戰(zhàn)篇
第17章 家居店鋪裝修設計
17．1 了解家居店鋪設計布局與配色 187
17．2 家居店鋪裝修實戰(zhàn) 187
17．2．1 _導航和店招效果的制作 188
17．2．2 首頁歡迎模塊效果的制作 190
17．2．3 單品簡介區(qū)效果的制作 191
17．2．4 廣告海報區(qū)效果的制作 193
17．2．5 _服務信息區(qū)效果的制作 195

第18章 食品店鋪裝修設計
18．1 了解食品店鋪設計布局與配色 196
18．2 食品店鋪裝修實戰(zhàn) 196
18．2．1 _導航和店招效果的制作 197
18．2．2 首頁歡迎模塊效果的制作 198
18．2．3 _商品推薦區(qū)效果的制作 200
18．2．4 __商品展示區(qū)效果的制作 202
18．2．5 _底部功能區(qū)效果的制作 204

第19章 女裝微店裝修設計
19．1 _了解女裝微店設計布局與配色 206
19．2 女裝微店裝修實戰(zhàn) 206
19．2．1 _店鋪背景和導航條的制作 207
19．2．2 _首頁歡迎模塊效果的制作 208
19．2．3 _促銷方案效果的制作 209
19．2．4 _收藏區(qū)與廣告海報效果的制作 211
19．2．5 _商品展示區(qū)效果的制作 213

第20章 手機微店裝修設計
20．1 _了解手機微店設計布局與配色 216
20．2 手機微店裝修實戰(zhàn) 216
20．2．1 _背景和店招效果的制作 217
20．2．2 _首頁歡迎模塊效果的制作 219
20．2．3 _商品展示區(qū)效果的制作 220
20．2．4 _單品簡介區(qū)效果的制作 223
20．2．5 _商品推薦專區(qū)效果的制作 224

第21章 飾品店鋪裝修設計
21．1 _了解飾品店鋪設計布局與配色 227
21．2 飾品店鋪裝修實戰(zhàn) 227
21．2．1 _店招和導航效果的制作 228
21．2．2 _首頁歡迎模塊效果的制作 231
21．2．3 促銷方案的效果的制作 233
21．2．4 _商品展示區(qū)1效果的制作 235
21．2．5 _商品展示區(qū)2效果的制作 238