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

第1章　美工必知的色彩設(shè)計
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è)計中的應(yīng)用8
1.2.1　店鋪色彩的搭配技巧8
1.2.2　色彩與裝修風(fēng)格的關(guān)聯(lián)10
1.2.3　色彩心理學(xué)在網(wǎng)店設(shè)計中的運用11
學(xué)習(xí)小結(jié)13
第2章　美工必會的字體設(shè)計
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è)計的原則與排版16
2.2.1　字體設(shè)計的原則16
2.2.2　文字的排版原則17
2.3　文字的創(chuàng)意設(shè)計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è)計
3.1　版式設(shè)計的概念及原則23
3.1.1　什么是版式設(shè)計23
3.1.2　版式設(shè)計的原則23
3.2　版式設(shè)計的元素23
3.2.1　點23
3.2.2　線24
3.2.3　面24
3.3　版式設(shè)計的類型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)店的店標設(shè)計
行業(yè)知識鏈接28
主題1：什么是店標28
主題2：店標的設(shè)計規(guī)范28
主題3：店標設(shè)計的原則28
實戰(zhàn)訓(xùn)練29
案例1：拼多多靜態(tài)店標設(shè)計29
案例2：京東靜態(tài)店標設(shè)計33
案例3：淘寶動態(tài)店標設(shè)計45
學(xué)習(xí)小結(jié)46
第5章　網(wǎng)店的店招設(shè)計
行業(yè)知識鏈接48
主題1：店招的設(shè)計元素48
主題2：店招的設(shè)計規(guī)范48
主題3：店招設(shè)計的注意事項49
實戰(zhàn)訓(xùn)練49
案例1：淘寶卡通風(fēng)格店招設(shè)計49
案例2：京東簡約風(fēng)格店招設(shè)計51
案例3：天貓古典風(fēng)格店招設(shè)計53
學(xué)習(xí)小結(jié)55
第6章　首頁其他模塊設(shè)計
行業(yè)知識鏈接57
主題1：公告欄設(shè)計的要點57
主題2：導(dǎo)航條設(shè)計的要點57
主題3：客服區(qū)的設(shè)計元素57
主題4：寶貝分類模塊設(shè)計的基本要求57
實戰(zhàn)訓(xùn)練58
案例1：視頻號收藏欄設(shè)計58
案例2：京東公告欄設(shè)計60
案例3：淘寶客服區(qū)設(shè)計63
案例4：天貓導(dǎo)航條設(shè)計65
案例5：拼多多寶貝陳列設(shè)計67
學(xué)習(xí)小結(jié)72
第7章　網(wǎng)店的詳情頁設(shè)計
行業(yè)知識鏈接74
主題1：詳情頁的組成元素74
主題2：詳情頁內(nèi)容設(shè)計的要點75
主題3：促進下單的寶貝詳情頁設(shè)計技巧76
實戰(zhàn)訓(xùn)練76
案例1：淘寶熱水壺詳情頁設(shè)計76
案例2：拼多多水果詳情頁設(shè)計87
案例3：京東沐浴露詳情頁設(shè)計96
學(xué)習(xí)小結(jié)111
第8章　網(wǎng)店的海報設(shè)計
行業(yè)知識鏈接113
主題1：海報設(shè)計的類別113
主題2：海報的視覺設(shè)計113
主題3：海報設(shè)計的要點114
實戰(zhàn)訓(xùn)練115
案例1：淘寶天貓“雙11”促銷海報設(shè)計115
案例2：拼多多“618”促銷海報設(shè)計117
案例3：京東新年促銷海報設(shè)計121
學(xué)習(xí)小結(jié)125
第9章　網(wǎng)店的主圖及推廣圖設(shè)計
行業(yè)知識鏈接127
主題1：主圖的規(guī)范設(shè)計127
主題2：主圖設(shè)計的要求127
主題3：產(chǎn)品主圖的展示角度128
主題4：如何設(shè)計出有吸引力的推廣圖128
實戰(zhàn)訓(xùn)練129
案例1：拼多多直觀類主圖設(shè)計129
案例2：抖音場景類主圖設(shè)計137
案例3：京東“高冷范”推廣圖設(shè)計139
案例4：天貓簡約推廣圖設(shè)計143
案例5：小紅書時尚推廣圖設(shè)計147
學(xué)習(xí)小結(jié)152
第10章　移動端網(wǎng)店裝修設(shè)計
行業(yè)知識鏈接154
主題1：移動端網(wǎng)店裝修的重要意義154
主題2：無線消費者行為習(xí)慣分析154
主題3：移動端網(wǎng)店首頁裝修的要點154
實戰(zhàn)訓(xùn)練156
案例1：淘寶產(chǎn)品輪播圖設(shè)計156
案例2：拼多多首頁設(shè)計160
案例3：京東詳情頁設(shè)計169
學(xué)習(xí)小結(jié)180
附錄A　Photoshop中寶貝圖片構(gòu)圖與畫面優(yōu)化實戰(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)化實戰(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