京東店鋪裝修與設計從入門到精通（視頻指導版）

第 1章　京東店鋪裝修前的準備工作

1.1　京東平臺　002

1.1.1　認識京東POP開放平臺　002

1.1.2　認識京東商家后臺　002

1.2　店鋪裝修　003

1.2.1　店鋪裝修的注意事項　003

1.2.2　店鋪裝修風格的設計　004

1.2.3　店鋪裝修與轉化率的關系　005

1.3　店鋪裝修流程　006

1.3.1　店鋪裝修策劃　006

1.3.2　素材收集與商品拍攝　007

1.3.3　圖片設計與制作　008

1.3.4　圖片切片　009

1.3.5　上傳與管理裝修圖片　010

1.3.6　京東后臺店鋪裝修操作　011

1.4　實戰(zhàn)訓練　011

1.4.1　實訓要求　011

1.4.2　實訓分析　011

1.4.3　操作思路　012

1.5　拓展延伸　013

1.6　思考練習　014

第 2章　京東店鋪設計前的準備工作

2.1　店鋪視覺營銷設計　016

2.1.1　視覺營銷設計的目的和作用　016

2.1.2　店鋪視覺營銷3要素　017

2.1.3　視覺營銷文案策劃　018

2.2　色彩的搭配　019

2.2.1　認識色彩　019

2.2.2　色彩的搭配方法　022

2.2.3　主色、輔助色與點綴色　022

2.3　頁面的布局　023

2.3.1　認識點、線、面3大基本構圖元素　023

2.3.2　店鋪布局的基本原則　025

2.3.3　　常見構圖方式　025

2.4　字體的選擇　027

2.4.1　字體的選擇方法　027

2.4.2　字體風格的搭配　028

2.4.3　字體的布局技巧　028

2.5　實戰(zhàn)訓練　029

2.5.1　實訓要求　029

2.5.2　實訓分析　029

2.5.3　操作思路　030

2.6　拓展延伸　031

2.7　思考練習　032

第3章　商品圖片的基本處理

3.1　圖片的基礎調整　034

3.1.1　店鋪常見的圖片尺寸　034

3.1.2　裁剪圖片中的指定部分　034

3.1.3　固定尺寸裁剪圖片　035

3.1.4　調整圖片的大小　036

3.1.5　矯正傾斜圖片　036

3.2　調整圖片的亮度與色彩　037

3.2.1　調整圖片亮度　038

3.2.2　調整圖片明暗度　038

3.2.3　調整偏色的圖片　040

3.3　圖片背景的摳取　041

3.3.1　單色背景的摳取　041

3.3.2　輪廓清晰圖像的摳取　043

3.3.3　復雜背景圖像的摳取　044

3.3.4　毛發(fā)的摳取　045

3.4　實戰(zhàn)訓練　047

3.4.1　調整潔具偏色　047

3.4.2　替換唇膏背景　048

3.5　拓展延伸　049

3.6　思考練習　050

第4章　商品圖片的特殊處理

4.1　快速還原圖片實際效果　052

4.1.1　調整曝光不足的圖片　052

4.1.2　調整曝光過度的圖片　053

4.1.3　調整有色差的圖片　055

4.1.4　調整模糊的圖片　056

4.2　圖片的瑕疵修復　058

4.2.1　去除圖片中多余的圖像　058

4.2.2　處理商品圖片中的污點　059

4.2.3　消除人物的眼袋與皺紋　060

4.2.4　制作景深效果　061

4.3　水印的制作與圖片的合成　063

4.3.1　水印的制作與添加　063

4.3.2　商品圖片的合成處理　064

4.4　豐富商品圖片內容　067

4.4.1　文字的添加與設置　067

4.4.2　為商品圖片添加形狀　069

4.5　實戰(zhàn)訓練　071

4.5.1　恢復玻璃杯真實效果　071

4.5.2　完善與美化水果圖片　072

4.6　拓展延伸　073

4.7　思考練習　074

第5章　京東店鋪裝修基礎

5.1　京東店鋪裝修的分類　076

5.1.1　京東常規(guī)店鋪　076

5.1.2　1號店　076

5.1.3　小程序　077

5.2　圖片管理　079

5.2.1　分類管理　079

5.2.2　上傳圖片　080

5.2.3　移動圖片　081

5.2.4　刪除圖片　082

5.3　媒體資源管理與分析　083

5.3.1　媒體資源的類型　083

5.3.2　上傳媒體資源　084

5.3.3　媒體資源的關聯與審核　086

5.3.4　刪除媒體資源　087

5.3.5　分析媒體資源情況　088

5.4　認識京東店鋪裝修頁面　089

5.4.1　認識電腦端裝修頁面　089

5.4.2　認識移動端裝修頁面　091

5.5　使用模板裝修京東店鋪　092

5.5.1　使用“京東裝修市場”裝修京東店鋪首頁　092

5.5.2　使用“裝吧”裝修詳情頁　093

5.6　實戰(zhàn)訓練　095

5.6.1　上傳圖片到圖片管理　095

5.6.2　使用模板裝修詳情頁　096

5.7　拓展延伸　097

5.8　思考練習　097

第6章　電腦端首頁設計

6.1　店鋪首頁　099

6.1.1　店鋪首頁設計的注意事項　099

6.1.2　店鋪首頁布局的要點　099

6.2　店鋪店招的設計與制作　100

6.2.1　店招的設計原則　100

6.2.2　確定店招風格　101

6.2.3　制作店鋪Logo　101

6.2.4　制作店招　105

6.3　店鋪導航條的設計與制作　109

6.3.1　基礎導航條的設置方法　109

6.3.2　自定義導航條的設計要點　110

6.3.3　制作導航　110

6.4　商品分類的設計與制作　111

6.4.1　優(yōu)惠券的設計要點　111

6.4.2　商品分類的設計要點　112

6.4.3　制作商品分類圖　112

6.5　圖片輪播的設計與制作　117

6.5.1　圖片輪播的設計要點　117

6.5.2　制作首張圖片輪播圖　118

6.5.3　制作第 2張圖片輪播圖　121

6.6　商品推薦的設計與制作　124

6.6.1　商品推薦的設計要點　124

6.6.2　制作商品推薦圖　124

6.7　實戰(zhàn)訓練　127

6.7.1　實訓要求　127

6.7.2　實訓分析　127

6.7.3　操作思路　127

6.8　拓展延伸　128

6.9　思考練習　128

第7章　電腦端詳情頁設計

7.1　商品詳情頁　131

7.1.1　商品詳情頁的設計要點　131

7.1.2　商品詳情頁的設計思路與準備工作　131

7.1.3　商品詳情頁應遵循的原則　132

7.2　焦點圖的制作　133

7.2.1　焦點圖的設計要點　133

7.2.2　制作焦點圖　134

7.3　商品賣點圖的制作　137

7.3.1　賣點的特征　137

7.3.2　賣點提煉的原則與方法　137

7.3.3　制作賣點圖　137

7.4　商品信息展示圖的制作　144

7.4.1　商品參數的常用表達方式　144

7.4.2　制作信息展示圖　145

7.5　商品細節(jié)圖的制作　147

7.5.1　細節(jié)圖的展示方法　148

7.5.2　制作細節(jié)圖　148

7.6　實戰(zhàn)訓練　152

7.6.1　實訓要求　152

7.6.2　實訓分析　152

7.6.3　操作思路　153

7.7　拓展延伸　153

7.8　思考練習　154

第8章　電腦端其他頁面的設計

8.1　專題頁的制作　157

8.1.1　專題頁的作用　157

8.1.2　專題頁的分類　159

8.1.3　設計與制作專題頁　159

8.2　活動頁的制作　169

8.2.1　活動頁的設計要點　169

8.2.2　設計與制作活動頁　171

8.3　品牌介紹頁的制作　179

8.4　實戰(zhàn)訓練　184

8.4.1　實訓要求　184

8.4.2　實訓分析　184

8.4.3　操作思路　185

8.5　拓展延伸　185

8.6　思考練習　186

第9章　切片與裝修店鋪各個板塊

9.1　Photoshop切片的使用　189

9.1.1　切片的作用　189

9.1.2　切片的技巧　189

9.1.3　切片與保存圖片　189

9.2　使用系統模塊快速裝修店鋪　194

9.2.1　認識系統模塊的類型　195

9.2.2　使用系統模塊裝修店招　197

9.2.3　使用系統模塊裝修店鋪輪播圖　199

9.2.4　使用系統模塊裝修店鋪其他版面　203

9.3　使用代碼自定義裝修店鋪　207

9.4　實戰(zhàn)訓練　212

9.4.1　實訓要求　212

9.4.2　實訓分析　212

9.4.3　操作思路　213

9.5　拓展延伸　214

9.6　思考練習　215

第 10章　移動端店鋪的裝修

10.1　移動端店鋪裝修的基礎知識　217

10.1.1　移動端店鋪裝修的重要性　217

10.1.2　移動端店鋪設計的原則　218

10.2　移動端店鋪頁面的設計與制作　218

10.2.1　移動端店鋪首頁設計的要點　218

10.2.2　移動端店鋪詳情頁設計的要點　219

10.2.3　移動端店鋪首頁的設計與制作　219

10.2.4　移動端店鋪詳情頁的設計與制作　227

10.3　裝修移動端店鋪　232

10.3.1　裝修首頁　232

10.3.2　裝修詳情頁　238

10.4　實戰(zhàn)訓練　240

10.4.1　實訓要求　240

10.4.2　實訓分析　240

10.4.3　操作思路　241

10.5　拓展延伸　242

10.6　思考練習　243