案例學(xué)：Photoshop電商美工設(shè)計(jì)

第1章　美工必知的色彩設(shè)計(jì)
1.1　色彩應(yīng)用知多少2
1.1.1　色彩的三要素2
1.1.2　色彩的混合3
1.1.3　色彩的聯(lián)想4
1.1.4　色彩的心理學(xué)7
1.2　色彩在網(wǎng)店設(shè)計(jì)中的應(yīng)用8
1.2.1　店鋪色彩的搭配技巧8
1.2.2　色彩與裝修風(fēng)格的關(guān)聯(lián)10
1.2.3　色彩心理學(xué)在網(wǎng)店設(shè)計(jì)中的運(yùn)用11
學(xué)習(xí)小結(jié)13
第2章　美工必會的字體設(shè)計(jì)
2.1　電商字體的風(fēng)格15
2.1.1　秀麗柔美15
2.1.2　穩(wěn)重挺拔15
2.1.3　活潑有趣15
2.1.4　年輕時尚15
2.1.5　蒼勁古樸15
2.1.6　文藝清新16
2.2　字體設(shè)計(jì)的原則與排版16
2.2.1　字體設(shè)計(jì)的原則16
2.2.2　文字的排版原則17
2.3　文字的創(chuàng)意設(shè)計(jì)19
2.3.1　基礎(chǔ)變形19
2.3.2　夸張19
2.3.3　拉長19
2.3.4　替換20
2.3.5　連筆20
2.3.6　錯位20
2.3.7　結(jié)合圖形20
學(xué)習(xí)小結(jié)21
第3章　美工必學(xué)的版式設(shè)計(jì)
3.1　版式設(shè)計(jì)的概念及原則23
3.1.1　什么是版式設(shè)計(jì)23
3.1.2　版式設(shè)計(jì)的原則23
3.2　版式設(shè)計(jì)的元素23
3.2.1　點(diǎn)23
3.2.2　線24
3.2.3　面24
3.3　版式設(shè)計(jì)的類型24
3.3.1　滿版型24
3.3.2　左右分割型25
3.3.3　上下分割型25
3.3.4　中軸型25
3.3.5　傾斜型25
3.3.6　對稱型26
3.3.7　重心型26
3.3.8　包圍型26
3.3.9　并置型26
學(xué)習(xí)小結(jié)26
第4章　網(wǎng)店的店標(biāo)設(shè)計(jì)
行業(yè)知識鏈接28
主題1：什么是店標(biāo)28
主題2：店標(biāo)的設(shè)計(jì)規(guī)范28
主題3：店標(biāo)設(shè)計(jì)的原則28
實(shí)戰(zhàn)訓(xùn)練29
案例1：拼多多靜態(tài)店標(biāo)設(shè)計(jì)29
案例2：京東靜態(tài)店標(biāo)設(shè)計(jì)33
案例3：淘寶動態(tài)店標(biāo)設(shè)計(jì)45
學(xué)習(xí)小結(jié)46
第5章　網(wǎng)店的店招設(shè)計(jì)
行業(yè)知識鏈接48
主題1：店招的設(shè)計(jì)元素48
主題2：店招的設(shè)計(jì)規(guī)范48
主題3：店招設(shè)計(jì)的注意事項(xiàng)49
實(shí)戰(zhàn)訓(xùn)練49
案例1：淘寶卡通風(fēng)格店招設(shè)計(jì)49
案例2：京東簡約風(fēng)格店招設(shè)計(jì)51
案例3：天貓古典風(fēng)格店招設(shè)計(jì)53
學(xué)習(xí)小結(jié)55
第6章　首頁其他模塊設(shè)計(jì)
行業(yè)知識鏈接57
主題1：公告欄設(shè)計(jì)的要點(diǎn)57
主題2：導(dǎo)航條設(shè)計(jì)的要點(diǎn)57
主題3：客服區(qū)的設(shè)計(jì)元素57
主題4：寶貝分類模塊設(shè)計(jì)的基本要求57
實(shí)戰(zhàn)訓(xùn)練58
案例1：視頻號收藏欄設(shè)計(jì)58
案例2：京東公告欄設(shè)計(jì)60
案例3：淘寶客服區(qū)設(shè)計(jì)63
案例4：天貓導(dǎo)航條設(shè)計(jì)65
案例5：拼多多寶貝陳列設(shè)計(jì)67
學(xué)習(xí)小結(jié)72
第7章　網(wǎng)店的詳情頁設(shè)計(jì)
行業(yè)知識鏈接74
主題1：詳情頁的組成元素74
主題2：詳情頁內(nèi)容設(shè)計(jì)的要點(diǎn)75
主題3：促進(jìn)下單的寶貝詳情頁設(shè)計(jì)技巧76
實(shí)戰(zhàn)訓(xùn)練76
案例1：淘寶熱水壺詳情頁設(shè)計(jì)76
案例2：拼多多水果詳情頁設(shè)計(jì)87
案例3：京東沐浴露詳情頁設(shè)計(jì)96
學(xué)習(xí)小結(jié)111
第8章　網(wǎng)店的海報(bào)設(shè)計(jì)
行業(yè)知識鏈接113
主題1：海報(bào)設(shè)計(jì)的類別113
主題2：海報(bào)的視覺設(shè)計(jì)113
主題3：海報(bào)設(shè)計(jì)的要點(diǎn)114
實(shí)戰(zhàn)訓(xùn)練115
案例1：淘寶天貓“雙11”促銷海報(bào)設(shè)計(jì)115
案例2：拼多多“618”促銷海報(bào)設(shè)計(jì)117
案例3：京東新年促銷海報(bào)設(shè)計(jì)121
學(xué)習(xí)小結(jié)125
第9章　網(wǎng)店的主圖及推廣圖設(shè)計(jì)
行業(yè)知識鏈接127
主題1：主圖的規(guī)范設(shè)計(jì)127
主題2：主圖設(shè)計(jì)的要求127
主題3：產(chǎn)品主圖的展示角度128
主題4：如何設(shè)計(jì)出有吸引力的推廣圖128
實(shí)戰(zhàn)訓(xùn)練129
案例1：拼多多直觀類主圖設(shè)計(jì)129
案例2：抖音場景類主圖設(shè)計(jì)137
案例3：京東“高冷范”推廣圖設(shè)計(jì)139
案例4：天貓簡約推廣圖設(shè)計(jì)143
案例5：小紅書時尚推廣圖設(shè)計(jì)147
學(xué)習(xí)小結(jié)152
第10章　移動端網(wǎng)店裝修設(shè)計(jì)
行業(yè)知識鏈接154
主題1：移動端網(wǎng)店裝修的重要意義154
主題2：無線消費(fèi)者行為習(xí)慣分析154
主題3：移動端網(wǎng)店首頁裝修的要點(diǎn)154
實(shí)戰(zhàn)訓(xùn)練156
案例1：淘寶產(chǎn)品輪播圖設(shè)計(jì)156
案例2：拼多多首頁設(shè)計(jì)160
案例3：京東詳情頁設(shè)計(jì)169
學(xué)習(xí)小結(jié)180
附錄A　Photoshop中寶貝圖片構(gòu)圖與畫面優(yōu)化實(shí)戰(zhàn)
案例1：使用裁剪工具修改寶貝圖片182
案例2：校正拍攝傾斜的寶貝圖片183
案例3：寶貝圖片的清晰度優(yōu)化處理184
案例4：寶貝圖片的降噪優(yōu)化處理185
案例5：去除寶貝圖片中的多余對象186
案例6：虛化寶貝的背景，突出寶貝187
案例7：模特美白處理189
案例8：模特人物身材處理190
附錄B　Photoshop中寶貝圖片光影與色彩優(yōu)化實(shí)戰(zhàn)
案例1：修復(fù)曝光不足的寶貝圖片193
案例2：修復(fù)曝光過度的寶貝圖片194
案例3：修復(fù)逆光的寶貝圖片195
案例4：調(diào)出暖色調(diào)的寶貝圖片196
案例5：調(diào)出浪漫紫色調(diào)的寶貝圖片198
案例6：校正偏色的寶貝圖片199
案例7：更改寶貝圖片的顏色201