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