淘寶美工：摳圖修圖+頁面設(shè)計(jì)+詳情頁制作+整店裝修

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ì)帶來的顯著效果　6
02　認(rèn)識(shí)淘寶頁面　7
2．1　網(wǎng)店首頁的組成部分　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)品詳情頁面的組成部分　10
2．2．1　主圖　10
2．2．2　詳情頁　10
2．2．3　側(cè)邊欄　13
2．3　分類頁的組成部分　13
2．4　淘寶的手機(jī)端頁面　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　畫布的建立　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ì)中的畫筆　21
3．4．2　圖片的修復(fù)　22
3．4．3　創(chuàng)意形狀的繪制　24
3．4．4　頁面圖片效果的調(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　美工畫筆詳解　36
4．1．1　畫筆預(yù)設(shè)　36
4．1．2　畫筆　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　濾鏡庫　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　頁面圖片調(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　淘寶頁面的基本要素　102
7．1．1　點(diǎn)　102
7．1．2　線　103
7．1．3　面　104
7．2　淘寶頁面的構(gòu)圖原則　105
7．2．1　平衡構(gòu)圖　105
7．2．2　偏左偏右構(gòu)圖　107
7．2．3　自由構(gòu)圖　108
7．3　淘寶頁面的組成部分及特征　109
7．3．1　淘寶頁面的組成部分　109
7．3．2　頁面組成部分的相互關(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é)刻畫與裝飾的添加　118
08　淘寶店鋪的頁面設(shè)計(jì)　123
8．1　計(jì)算機(jī)端頁面設(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ī)端頁面設(shè)計(jì)　130
8．2．1　手機(jī)端海報(bào)的設(shè)計(jì)　130
8．2．2　手機(jī)端產(chǎn)品展示頁面的設(shè)計(jì)　131
8．3　自定義頁面設(shè)計(jì)　132
8．3．1　計(jì)算機(jī)端自定義頁面設(shè)計(jì)　132
8．3．2　手機(jī)端自定義頁面設(shè)計(jì)　133
8．4　服飾類手機(jī)端頁面設(shè)計(jì)　134
8．4．1　服飾類手機(jī)端店招設(shè)計(jì)　134
8．4．2　服飾類手機(jī)端海報(bào)設(shè)計(jì)　137
8．4．3　服飾類手機(jī)端頁面設(shè)計(jì)　141
09　淘寶頁面的設(shè)計(jì)分析　151
9．1　服飾頁面設(shè)計(jì)分析　152
9．1．1　頁面結(jié)構(gòu)解析　152
9．1．2　頁面配色解析　153
9．1．3　頁面排版解析　154
9．1．4　頁面元素解析　155
9．1．5　頁面總結(jié)　155
9．2　珠寶頁面設(shè)計(jì)分析　157
9．2．1　頁面結(jié)構(gòu)解析　157
9．2．2　頁面配色解析　158
9．2．3　頁面排版解析　158
9．2．4　頁面元素解析　159
9．2．5　頁面總結(jié)　160
9．3　餐具頁面設(shè)計(jì)分析　161
9．3．1　頁面結(jié)構(gòu)解析　161
9．3．2　頁面配色解析　162
9．3．3　頁面排版解析　162
9．3．4　頁面元素解析　163
9．3．5　頁面總結(jié)　163
9．4　頁面修改．　164
9．4．1　店招的修改　164
9．4．2　海報(bào)的修改　167
9．4．3　優(yōu)惠券的修改　172
9．4．4　商品展示頁的修改　178
10　產(chǎn)品詳情頁設(shè)計(jì)　187
10．1　產(chǎn)品主圖設(shè)計(jì)　188
10．1．1　白底陰影圖　188
10．1．2　個(gè)性化主圖　191
10．2　詳情頁設(shè)計(jì)　193
10．2．1　描述性產(chǎn)品詳情頁設(shè)計(jì)　193
10．2．2　展示性產(chǎn)品詳情頁設(shè)計(jì)　196
10．2．3　產(chǎn)品活動(dòng)促銷詳情頁設(shè)計(jì)　200
10．2．4　產(chǎn)品分流頁設(shè)計(jì)　201
10．3　杯墊詳情頁設(shè)計(jì)　203
10．3．1　杯墊詳情頁海報(bào)設(shè)計(jì)　203
10．3．2　杯墊詳情頁產(chǎn)品展示設(shè)計(jì)　208
11　淘寶后臺(tái)代碼制作與上傳　217
11．1　切片上傳圖片空間　218
11．2　淘寶頁面代碼制作工具　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)品詳情頁裝修后臺(tái)　228
11．4　手機(jī)端頁面切片上傳　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è)計(jì)　235
12．2．1　書店海報(bào)的設(shè)計(jì)　235
12．2．2　書店優(yōu)惠券設(shè)計(jì)　240
12．2．3　書店商品展示設(shè)計(jì)　244
12．2．4　切片保存　255
12．3　網(wǎng)店后臺(tái)操作　257