網店美工裝修設計實用教程

张庆凯,毕业于山东工艺美术学院，毕业后一直从事设计工作，具有丰富的电商设计经验。

第 1章網店美工入門必讀7

1.1關於網店美工.8

1.1.1網店美工的定位8

1.1.2美工必須要知道的事8

1.1.3圖片格式9

1.1.4網店美工需要掌握的軟件.10

1.1.5普通美工和優秀美工的差別.10

1.2網店的組成.10

1.2.1店鋪首頁10

1.2.2列表頁11

1.2.3詳情頁11

1.3網店裝修流程.12

1.3.1定方案12

1.3.2選素材12

1.3.3處理圖片12

1.3.4做初稿12

1.3.5定稿切圖13

1.3.6上傳圖片13

1.3.7加鏈接14

1.3.8發布首頁14

1.4本章疑難問題解答14

第　2章色彩、文字、版式一樣都

不能少15

2.1色彩搭配.16

2.1.1色彩的基本屬性16

2.1.2色彩構成18

2.1.3配色技巧18

2.1.4店鋪風格與色調19

2.2文案策劃.21

2.2.1文案的重要性21

2.2.2文案資料準備21

2.2.3具體策劃文案22

2.3文案佈局.23

2.3.1首頁文案排版23

2.3.2直通車促銷文案排版4

2.3.3詳情頁文案設計25

2.4排版設計.26

2.4.1海報排版27

2.4.2首頁排版27

2.5本章疑難問題解答28

第3章圖片處理技術.29

3.1多種摳圖技巧.30

3.1.1幾何形狀摳圖30

3.1.2純色背景摳圖31

3.1.3鋼筆工具摳圖32

3.1.4通道摳圖34

3.1.5綜合摳圖35

3.2美化產品.37

3.2.1污點修復畫筆工具37

3.2.2修復畫筆工具38

3.2.3綜合處理圖片38

3.2.4圖片精修39

3.3調色處理.51

3.3.1處理曝光過度的照片51

3.3.2處理曝光不足的照片53

3.3.3處理偏色的照片54

3.4圖片裁剪.56

3.4.1網店圖片的規格56

3.4.2自定義裁剪56

3.4.3按尺寸裁剪57

3.4.4新建對應尺寸的圖片文件.58

3.5圖片合成.58

3.5.1簡單的主圖合成59

3.5.2海報圖片的合成60

3.5.3“掌櫃推薦”圖片合成64

3.5.4給圖片加水印69

3.6本章疑難問題解答70

第4章活動圖片及視頻設計與製作

.71

4.1主圖介紹.72

4.1.1主圖設計72

4.1.2直通車圖片設計75

4.1.3鑽展圖片設計78

4.1.4“聚劃算”圖片設計82

4.2視頻拍攝.85

4.2.1拍攝流程85

4.2.2構圖86

4.2.3角度87

4.2.4景別.88

4.3視頻軟件.89

4.3.1Premiere介紹89

4.3.2視頻製作步驟89

4.4視頻製作.90

4.4.1實戰演練1.90

4.4.2實戰演練2.94

4.4.3上傳視頻.96

4.4.4發布主圖視頻97

4.5本章疑難問題解答98

第5章產品詳情頁設計與製作.

99

5.1前期準備.100

5.1.1向同行學習100

5.1.2分析產品賣點100

5.1.3產品圖片處理100

5.1.4搜集相關素材100

5.2詳情頁的組成.101

5.2.1關聯圖片101

5.2.2詳情頁海報設計101

5.2.3產品賣點解析102

5.2.4產品參數展示102

5.2.5產品實拍圖展示102

5.2.6產品細節展示103

5.2.7企業介紹103

5.2.8物流與售後104

5.3實戰演練.104

5.3.1花架詳情頁設計104

5.3.2VR眼鏡詳情頁設計117

5.4優秀案例展示.133

5.5本章疑難問題解答.134

第6章店鋪首頁設計與製作　135

6.1前期準備.136

6.1.1參考優秀作品136

6.1.2搜集素材136

6.1.3產品圖片處理136

6.2首頁佈局.136

6.2.1風格定位136

6.2.2色調選擇137

6.2.3模塊劃分138

6.3店招導航.138

6.3.1店鋪Logo設計138

6.3.2企業宣傳文案140

6.3.3主推產品和收藏140

6.3.4導航條設計141

6.4輪播海報設計.142

6.4.1搜集素材142

6.4.2海報設計142

6.5掌櫃推薦.145

6.5.1排版設計145

6.5.2推薦產品製作146

6.6產品分類頁.151

6.6.1產品分類頁排版151

6.6.2產品分類頁製作151

6.7產品尾頁設計.156

6.7.1店鋪宗旨156

6.7.2添加手機店鋪二維碼156

6.8首頁背景.156

6.8.1固定背景156

6.8.2全屏背景157

6.9實戰演練.157

6.9.1銀飾首頁設計157

6.9.2洗護用品首頁設計168

6.10優秀案例展示.182

6.11本章疑難問題解答184

第7章手機端店鋪設計與裝修

185

7.1手機端界面.186

7.1.1手機端和電腦端界面的區別186

7.1.2手機端店鋪的裝修要點186

7.2手機端店鋪界面設計186

7.2.1手機端店鋪首頁後台187

7.2.2手機端店鋪店招設計188

7.2.3手機端海報設計189

7.2.4手機端店鋪主推產品設計191

7.2.5手機端店鋪的優惠券設計193

7.3裝修手機端店鋪頁面197

7.4手機端店鋪詳情頁.202

7.4.1導入電腦端店鋪詳情頁202

7.4.2上傳手機端詳情頁202

7.5本章疑難問題解答.204

第8章切圖上傳與發布.205

8.1Photoshop切圖.206

8.1.1首頁的切圖方法206

8.1.2詳情頁的切圖方法207

8.2裝修、發布首頁.208

8.2.1裝修頁頭208

8.2.2添加輪播海報213

8.2.3為推薦產品加鏈接215

8.2.4首頁固定背景設置217

8.2.5首頁底部裝修218

8.3給詳情頁加鏈接.219

8.3.1添加關聯產品219

8.3.2添加詳情頁圖片222

8.4本章疑難問題解答.223