全平臺網店美工全面精通：商品拍攝+視覺設計+店鋪裝修+視頻製作

目　錄

第1章　美工入門：快速提升網店設計能力 1

1.1　網店美工入門知識 2

1.1.1　網店美工的概念 2

1.1.2　網店美工的作用 3

1.1.3　網店美工的重要性 5

1.1.4　合格的美工應具備的能力 6

1.1.5　網店美工的展示效果 7

1.2　網店美工設計的關鍵要點 9

1.2.1　點元素的設計要點 9

1.2.2　線元素的設計要點 10

1.2.3　面元素的設計要點 10

1.3　塑造統一的店鋪裝修風格 10

1.3.1　明確店鋪風格的定位 10

1.3.2　店鋪整體的配色設計 11

1.3.3　設計風格統一的字體 13

1.3.4　店鋪裝修的圖案設計 14

第2章　商品拍攝：輕松拍出爆款商品素材 17

2.1　增強商品美感的構圖技巧 18

2.1.1　拍攝商品的基本構圖原則 18

2.1.2　選擇合適的畫幅拍攝商品 19

2.1.3　從不同視角展現商品特色 20

2.1.4　拍攝商品的常用構圖形式 20

2.1.5　拍攝商品構圖的註意事項 23

2.2　控制商品攝影的光線影調 24

2.2.1　拍攝商品的光源類型 24

2.2.2　拍攝商品的光線角度 26

2.2.3　經典的商品攝影布光法 27

2.2.4　利用反光板控制光線 28

2.2.5　使用日常道具燈補光 28

2.2.6　拍攝免摳無影白底圖 29

2.3　商品攝影的色彩搭配技巧 29

2.3.1　色彩在攝影中的重要性 29

2.3.2　認識色彩的分類與屬性 30

2.3.3　掌握不同顏色的特徵 31

2.3.4　運用色彩的冷暖對比 32

2.3.5　掌握色彩的搭配類型 32

2.4　不同材質的商品拍攝技巧 33

2.4.1　拍攝吸光類的商品 33

2.4.2　拍攝反光類的商品 34

2.4.3　拍攝透光類的商品 35

2.5　掌握商品拍攝的擺放技巧 35

2.5.1　商品拍攝的擺放角度 35

2.5.2　錯落有致地擺放商品 36

2.5.3　商品拍攝的造型設計 37

2.5.4　拍攝道具的搭配擺放 37

2.5.5　商品拍攝的組合擺放 37

2.5.6　拍攝商品的內部結構 38

第3章　視覺設計：營造消費氛圍促進下單 39

3.1　網店美工的視覺設計重點 40

3.1.1　用戶購物路徑的掌握 40

3.1.2　優質視覺內容的打造 41

3.1.3　圖文視覺元素的展現 41

3.2　網店美工的視覺效果打造 42

3.2.1　店鋪視覺效果的定位 42

3.2.2　店鋪結構佈局的優化 44

3.2.3　店鋪頁面版式的設計 44

3.2.4　視覺邏輯關系的設計 46

3.2.5　視覺營銷信息的傳遞 46

3.3　網店視覺設計的技巧 48

3.3.1　商品圖片的視覺化設計 48

3.3.2　商品文案的視覺化設計 49

3.3.3　註重細節，抓住用戶心理 50

3.3.4　提升視覺設計的形式美感 52

3.3.5　通過視覺設計提升轉化率 53

第4章　店鋪裝修：做出精美店鋪吸引客流 57

4.1　店鋪裝修的構圖與佈局技巧 58

4.1.1　分隔構圖法 58

4.1.2　矩形構圖法 58

4.1.3　漸進構圖法 59

4.1.4　單向型佈局 59

4.1.5　曲線型佈局 59

4.2　店鋪核心區域的裝修設計 60

4.2.1　首頁店招的裝修設計 60

4.2.2　店鋪Logo的裝修設計 63

4.2.3　店鋪導航條的裝修設計 63

4.2.4　商品列表頁的裝修設計 65

4.2.5　店鋪收藏區的裝修設計 65

4.2.6　店鋪客服區的裝修設計 67

4.2.7　店鋪公告欄的裝修設計 68

4.3　店鋪重點板塊的裝修設計 69

4.3.1　店鋪首頁的裝修設計 69

4.3.2　商品主圖的裝修設計 71

4.3.3　商品詳情頁的裝修設計 80

4.3.4　廣告海報的裝修設計 83

第5章　圖片美工：讓店鋪商品更奪人眼球 87

5.1　商品圖像的基本處理 88

5.1.1　調整尺寸：改變商品圖像的大小 88

5.1.2　裁剪圖像：裁掉多餘的商品畫面 89

5.1.3　編輯圖像：縮放與旋轉商品素材 90

5.2　商品圖像的色彩處理 91

5.2.1　調整曝光：恢復商品圖像的亮度 91

5.2.2　調整色彩：讓商品顏色更加亮麗 92

5.2.3　還原顏色：恢復商品的原本色彩 93

5.3　商品圖像的修復處理 94

5.3.1　污點修復：修復商品圖中的瑕疵 95

5.3.2　去除雜物：處理不要的瑕疵圖像 96

5.3.3　銳化處理：把模糊商品圖變清晰 97

5.4　商品圖像的摳圖處理 98

5.4.1　形狀摳圖：摳出規則形狀的商品 99

5.4.2　顏色摳圖：摳出純色背景的商品 100

5.4.3　任意摳圖：摳出形狀復雜的商品 101

5.5　商品圖像的高級處理 102

5.5.1　添加文案：增強圖片的帶貨效果 102

5.5.2　添加水印：防止圖片被他人盜用 104

5.5.3　添加邊框：讓商品主體更加突出 104

5.5.4　合成圖像：將多張圖片合為一張 105

5.5.5　生成切片：加快圖片的下載速度 107

第6章　視頻製作：剪出高品質的商品大片 109

6.1　商品視頻的後期處理 110

6.1.1　剪輯視頻：將多餘的畫面剪切掉 110

6.1.2　美化人物：讓模特顏值變得更高 111

6.1.3　調節色彩：讓視頻畫面富有生機 112

6.1.4　添加文字：增強用戶的觀看體驗 112

6.1.5　剪輯音樂：添加合適的背景音樂 114

6.2　商品視頻的效果製作 116

6.2.1　濾鏡效果：讓視頻色彩更加豐富 116

6.2.2　轉場效果：使鏡頭的過渡更自然 117

6.2.3　畫面特效：增強視頻畫面代入感 119

6.2.4　動畫效果：讓視頻變得更加生動 121

6.2.5　合成效果：營造身臨其境畫面感 123

第7章　淘寶、天貓的平面設計與視頻製作 125

7.1　平面設計：美妝網店首頁 126

7.1.1　製作純色漸變背景效果 126

7.1.2　調整商品圖像的亮度 127

7.1.3　製作首頁商品文案效果 129

7.2　視頻製作：女裝模特展示 130

7.2.1　剪輯女裝視頻素材 131

7.2.2　為視頻添加轉場效果 132

7.2.3　製作片頭和片尾效果 137

7.2.4　為視頻添加賣點文案 140

7.2.5　為視頻添加背景音樂 145

第8章　京東、拼多多的平面設計與視頻製作 147

8.1　平面設計：圖書商品詳情頁 148

8.1.1　製作商品詳情頁的主體效果 148

8.1.2　製作商品詳情頁的文案效果 151

8.2　視頻製作：圖書主圖視頻 155

8.2.1　導入圖片和視頻素材 156

8.2.2　製作關鍵幀動畫效果 157

8.2.3　添加主圖視頻文案 158

8.2.4　添加視頻背景音樂 162

8.2.5　添加動態貼紙效果 163

第9章　抖音、快手的平面設計與視頻製作 165

9.1　平面設計：鞋子商品主圖 166

9.1.1　製作商品主圖背景效果 166

9.1.2　製作商品主圖主體效果 168

9.1.3　製作商品主圖文案效果 169

9.2　視頻製作：美食廣告短片 172

9.2.1　製作廣告短片的片頭效果 173

9.2.2　為美食照片添加動畫效果 175

9.2.3　為視頻添加廣告宣傳文案 178

9.2.4　製作廣告短片的片尾效果 180

第10章　視頻號、B站的平面設計與視頻製作 183

10.1　平面設計：手機廣告海報　 184

10.1.1　製作廣告海報的背景效果 184

10.1.2　製作廣告海報的主體效果 185

10.1.3　製作廣告海報的文案效果 188

10.2　視頻製作：漢服詳情視頻 190

10.2.1　導入素材並進行美化處理 191

10.2.2　添加背景音樂和轉場效果 193

10.2.3　添加濾鏡效果和畫面特效 195

10.2.4　為視頻添加解說文字效果 198

10.2.5　添加貼紙效果並導出視頻 201