第1章　美工必知的色彩設計

1.1　色彩應用知多少2

1.1.1　色彩的三要素2

1.1.2　色彩的混合3

1.1.3　色彩的聯想4

1.1.4　色彩的心理學7

1.2　色彩在網店設計中的應用8

1.2.1　店鋪色彩的搭配技巧8

1.2.2　色彩與裝修風格的關聯10

1.2.3　色彩心理學在網店設計中的運用11

學習小結13

第2章　美工必會的字體設計

2.1　電商字體的風格15

2.1.1　秀麗柔美15

2.1.2　穩重挺拔15

2.1.3　活潑有趣15

2.1.4　年輕時尚15

2.1.5　蒼勁古樸15

2.1.6　文藝清新16

2.2　字體設計的原則與排版16

2.2.1　字體設計的原則16

2.2.2　文字的排版原則17

2.3　文字的創意設計19

2.3.1　基礎變形19

2.3.2　夸張19

2.3.3　拉長19

2.3.4　替換20

2.3.5　連筆20

2.3.6　錯位20

2.3.7　結合圖形20

學習小結21

第3章　美工必學的版式設計

3.1　版式設計的概念及原則23

3.1.1　什么是版式設計23

3.1.2　版式設計的原則23

3.2　版式設計的元素23

3.2.1　點23

3.2.2　線24

3.2.3　面24

3.3　版式設計的類型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

學習小結26

第4章　網店的店標設計

行業知識鏈接28

主題1：什么是店標28

主題2：店標的設計規范28

主題3：店標設計的原則28

實戰訓練29

案例1：拼多多靜態店標設計29

案例2：京東靜態店標設計33

案例3：淘寶動態店標設計45

學習小結46

第5章　網店的店招設計

行業知識鏈接48

主題1：店招的設計元素48

主題2：店招的設計規范48

主題3：店招設計的注意事項49

實戰訓練49

案例1：淘寶卡通風格店招設計49

案例2：京東簡約風格店招設計51

案例3：天貓古典風格店招設計53

學習小結55

第6章　首頁其他模塊設計

行業知識鏈接57

主題1：公告欄設計的要點57

主題2：導航條設計的要點57

主題3：客服區的設計元素57

主題4：寶貝分類模塊設計的基本要求57

實戰訓練58

案例1：視頻號收藏欄設計58

案例2：京東公告欄設計60

案例3：淘寶客服區設計63

案例4：天貓導航條設計65

案例5：拼多多寶貝陳列設計67

學習小結72

第7章　網店的詳情頁設計

行業知識鏈接74

主題1：詳情頁的組成元素74

主題2：詳情頁內容設計的要點75

主題3：促進下單的寶貝詳情頁設計技巧76

實戰訓練76

案例1：淘寶熱水壺詳情頁設計76

案例2：拼多多水果詳情頁設計87

案例3：京東沐浴露詳情頁設計96

學習小結111

第8章　網店的海報設計

行業知識鏈接113

主題1：海報設計的類別113

主題2：海報的視覺設計113

主題3：海報設計的要點114

實戰訓練115

案例1：淘寶天貓“雙11”促銷海報設計115

案例2：拼多多“618”促銷海報設計117

案例3：京東新年促銷海報設計121

學習小結125

第9章　網店的主圖及推廣圖設計

行業知識鏈接127

主題1：主圖的規范設計127

主題2：主圖設計的要求127

主題3：產品主圖的展示角度128

主題4：如何設計出有吸引力的推廣圖128

實戰訓練129

案例1：拼多多直觀類主圖設計129

案例2：抖音場景類主圖設計137

案例3：京東“高冷范”推廣圖設計139

案例4：天貓簡約推廣圖設計143

案例5：小紅書時尚推廣圖設計147

學習小結152

第10章　移動端網店裝修設計

行業知識鏈接154

主題1：移動端網店裝修的重要意義154

主題2：無線消費者行為習慣分析154

主題3：移動端網店首頁裝修的要點154

實戰訓練156

案例1：淘寶產品輪播圖設計156

案例2：拼多多首頁設計160

案例3：京東詳情頁設計169

學習小結180

附錄A　Photoshop中寶貝圖片構圖與畫面優化實戰

案例1：使用裁剪工具修改寶貝圖片182

案例2：校正拍攝傾斜的寶貝圖片183

案例3：寶貝圖片的清晰度優化處理184

案例4：寶貝圖片的降噪優化處理185

案例5：去除寶貝圖片中的多余對象186

案例6：虛化寶貝的背景，突出寶貝187

案例7：模特美白處理189

案例8：模特人物身材處理190

附錄B　Photoshop中寶貝圖片光影與色彩優化實戰

案例1：修復曝光不足的寶貝圖片193

案例2：修復曝光過度的寶貝圖片194

案例3：修復逆光的寶貝圖片195

案例4：調出暖色調的寶貝圖片196

案例5：調出浪漫紫色調的寶貝圖片198

案例6：校正偏色的寶貝圖片199

案例7：更改寶貝圖片的顏色201