01　認識淘寶美工　1
1．1　淺談淘寶美工　2
1．1．1　電子商務　2
1．1．2　淘寶美工的起源　2
1．2　淘寶美工的崛起　3
1．2．1　由業(yè)余從業(yè)者到設計師　3
1．2．2　由簡單設計到個性化設計　4
1．2．3　淘寶美工推動電子商務的發(fā)展　5
1．3　淘寶美工應該具備的素質(zhì)　5
1．3．1　具備多種職業(yè)的基礎知識　5
1．3．2　提高審美是提升設計的捷徑　6
1．3．3　創(chuàng)意設計帶來的顯著效果　6
02　認識淘寶頁面　7
2．1　網(wǎng)店首頁的組成部分　8
2．1．1　店招　8
2．1．2　海報　8
2．1．3　功能版塊區(qū)　9
2．1．4　商品區(qū)　9
2．2　產(chǎn)品詳情頁面的組成部分　10
2．2．1　主圖　10
2．2．2　詳情頁　10
2．2．3　側邊欄　13
2．3　分類頁的組成部分　13
2．4　淘寶的手機端頁面　14
03　淘寶美工的好幫手　15
3．1　認識Photoshop　16
3．1．1　頂部　16
3．1．2　左側　16
3．1．3　中間　17
3．1．4　右側　17
3．2　建立工作區(qū)　17
3．2．1　畫布的建立　17
3．2．2　圖層的建立　18
3．3　商品的移動和選取　18
3．3．1　位置的移動　18
3．3．2　幾何物品的選取　19
3．3．3　復雜商品的選取　19
3．3．4　商品的快速選取　20
3．4　圖片的繪制和調(diào)整　20
3．4．1　淘寶設計中的畫筆　21
3．4．2　圖片的修復　22
3．4．3　創(chuàng)意形狀的繪制　24
3．4．4　頁面圖片效果的調(diào)整　27
3．5　淘寶設計中的其他工具　28
3．5．1　輔助工具　28
3．5．2　橡皮擦　30
3．5．3　仿制圖章工具　31
3．5．4　文字工具　32
3．5．5　漸變工具　32
3．5．6　存儲圖片　33
04　淘寶美工的技能提升　35
4．1　美工畫筆詳解　36
4．1．1　畫筆預設　36
4．1．2　畫筆　38
4．2　強大的圖層蒙版　39
4．3　淘寶特殊效果制作　40
4．3．1　樣式　40
4．3．2　斜面和浮雕　40
4．3．3　描邊　41
4．3．4　內(nèi)陰影　42
4．3．5　內(nèi)發(fā)光　42
4．3．6　光澤　42
4．3．7　顏色疊加　43
4．3．8　投影　43
4．4　美工的后期修圖　44
4．4．1　亮度/對比度調(diào)整圖層　44
4．4．2　色階調(diào)整圖層　45
4．4．3　曲線調(diào)整圖層　45
4．4．4　自然飽和度調(diào)整圖層　46
4．4．5　色相/飽和度調(diào)整圖層　46
4．4．6　色彩平衡調(diào)整圖層　47
4．4．7　黑白調(diào)整圖層　48
4．4．8　可選顏色調(diào)整圖層　48
4．5　強大的濾鏡　48
4．5．1　濾鏡庫　49
4．5．2　液化　49
4．5．3　模糊　50
4．5．4　扭曲　52
4．5．5　像素化　53
4．6　顏色通道　54
4．7　神奇的混合模式　54
4．7．1　溶解　55
4．7．2　變暗　55
4．7．3　線性光　56
05　圖片的后期美化　57
5．1　顏色的基礎知識　58
5．1．1　色彩的基本要素　58
5．1．2　色彩的冷暖和情感　59
5．2　頁面圖片調(diào)整　62
5．2．1　修改圖像大小　62
5．2．2　裁剪圖片　63
5．2．3　圖像調(diào)正　64
5．3　圖片的美化修圖　65
5．3．1　產(chǎn)品修圖　65
5．3．2　服裝修圖　68
5．4　淘寶模特實拍修圖　71
5．4．1　模特圖修形　71
5．4．2　模特圖調(diào)色　73
06　淘寶摳圖實用技巧　79
6．1　簡單摳圖　80
6．1．1　幾何物體摳取　80
6．1．2　單色物體摳圖　81
6．1．3　漸變背景摳圖　82
6．2　復雜摳圖　84
6．２．1　毛發(fā)摳圖　84
6．２．2　透明摳圖　86
6．3　寵物用品主圖設計　88
6．3．1　小狗素材處理　89
6．3．2　產(chǎn)品素材處理　90
6．3．3　其他素材處理　93
6．3．4　主圖設計制作　94
07　排版是設計的基礎　101
7．1　淘寶頁面的基本要素　102
7．1．1　點　102
7．1．2　線　103
7．1．3　面　104
7．2　淘寶頁面的構圖原則　105
7．2．1　平衡構圖　105
7．2．2　偏左偏右構圖　107
7．2．3　自由構圖　108
7．3　淘寶頁面的組成部分及特征　109
7．3．1　淘寶頁面的組成部分　109
7．3．2　頁面組成部分的相互關系　110
7．3．3　美工的文字排版奧秘　111
7．4　海報的版面設計　113
7．4．1　素材的摳圖處理　113
7．4．2　左右構圖版面的設計　114
7．4．3　細節(jié)刻畫與裝飾的添加　118
08　淘寶店鋪的頁面設計　123
8．1　計算機端頁面設計　124
8．1．1　店招的設計　124
8．1．2　通欄海報的設計　125
8．1．3　功能模塊的設計　127
8．2　手機端頁面設計　130
8．2．1　手機端海報的設計　130
8．2．2　手機端產(chǎn)品展示頁面的設計　131
8．3　自定義頁面設計　132
8．3．1　計算機端自定義頁面設計　132
8．3．2　手機端自定義頁面設計　133
8．4　服飾類手機端頁面設計　134
8．4．1　服飾類手機端店招設計　134
8．4．2　服飾類手機端海報設計　137
8．4．3　服飾類手機端頁面設計　141
09　淘寶頁面的設計分析　151
9．1　服飾頁面設計分析　152
9．1．1　頁面結構解析　152
9．1．2　頁面配色解析　153
9．1．3　頁面排版解析　154
9．1．4　頁面元素解析　155
9．1．5　頁面總結　155
9．2　珠寶頁面設計分析　157
9．2．1　頁面結構解析　157
9．2．2　頁面配色解析　158
9．2．3　頁面排版解析　158
9．2．4　頁面元素解析　159
9．2．5　頁面總結　160
9．3　餐具頁面設計分析　161
9．3．1　頁面結構解析　161
9．3．2　頁面配色解析　162
9．3．3　頁面排版解析　162
9．3．4　頁面元素解析　163
9．3．5　頁面總結　163
9．4　頁面修改．　164
9．4．1　店招的修改　164
9．4．2　海報的修改　167
9．4．3　優(yōu)惠券的修改　172
9．4．4　商品展示頁的修改　178
10　產(chǎn)品詳情頁設計　187
10．1　產(chǎn)品主圖設計　188
10．1．1　白底陰影圖　188
10．1．2　個性化主圖　191
10．2　詳情頁設計　193
10．2．1　描述性產(chǎn)品詳情頁設計　193
10．2．2　展示性產(chǎn)品詳情頁設計　196
10．2．3　產(chǎn)品活動促銷詳情頁設計　200
10．2．4　產(chǎn)品分流頁設計　201
10．3　杯墊詳情頁設計　203
10．3．1　杯墊詳情頁海報設計　203
10．3．2　杯墊詳情頁產(chǎn)品展示設計　208
11　淘寶后臺代碼制作與上傳　217
11．1　切片上傳圖片空間　218
11．2　淘寶頁面代碼制作工具　220
11．2．1　布局工具的界面　220
11．2．2　布局工具制作淘寶代碼　222
11．3　店鋪裝修后臺　225
11．3．1　店鋪裝修后臺　225
11．3．2　產(chǎn)品詳情頁裝修后臺　228
11．4　手機端頁面切片上傳　231
12　整店裝修流程　233
12．1　店鋪風格定位　234
12．1．1　現(xiàn)代簡約風格　234
12．1．2　根據(jù)店鋪定位配色　234
12．2　書店頁面設計　235
12．2．1　書店海報的設計　235
12．2．2　書店優(yōu)惠券設計　240
12．2．3　書店商品展示設計　244
12．2．4　切片保存　255
12．3　網(wǎng)店后臺操作　257