京東店鋪裝修與設(shè)計(jì)從入門到精通（視頻指導(dǎo)版）

第 1章　京東店鋪裝修前的準(zhǔn)備工作

1.1　京東平臺(tái)　002

1.1.1　認(rèn)識(shí)京東POP開(kāi)放平臺(tái)　002

1.1.2　認(rèn)識(shí)京東商家后臺(tái)　002

1.2　店鋪裝修　003

1.2.1　店鋪裝修的注意事項(xiàng)　003

1.2.2　店鋪裝修風(fēng)格的設(shè)計(jì)　004

1.2.3　店鋪裝修與轉(zhuǎn)化率的關(guān)系　005

1.3　店鋪裝修流程　006

1.3.1　店鋪裝修策劃　006

1.3.2　素材收集與商品拍攝　007

1.3.3　圖片設(shè)計(jì)與制作　008

1.3.4　圖片切片　009

1.3.5　上傳與管理裝修圖片　010

1.3.6　京東后臺(tái)店鋪裝修操作　011

1.4　實(shí)戰(zhàn)訓(xùn)練　011

1.4.1　實(shí)訓(xùn)要求　011

1.4.2　實(shí)訓(xùn)分析　011

1.4.3　操作思路　012

1.5　拓展延伸　013

1.6　思考練習(xí)　014

第 2章　京東店鋪設(shè)計(jì)前的準(zhǔn)備工作

2.1　店鋪視覺(jué)營(yíng)銷設(shè)計(jì)　016

2.1.1　視覺(jué)營(yíng)銷設(shè)計(jì)的目的和作用　016

2.1.2　店鋪視覺(jué)營(yíng)銷3要素　017

2.1.3　視覺(jué)營(yíng)銷文案策劃　018

2.2　色彩的搭配　019

2.2.1　認(rèn)識(shí)色彩　019

2.2.2　色彩的搭配方法　022

2.2.3　主色、輔助色與點(diǎn)綴色　022

2.3　頁(yè)面的布局　023

2.3.1　認(rèn)識(shí)點(diǎn)、線、面3大基本構(gòu)圖元素　023

2.3.2　店鋪布局的基本原則　025

2.3.3　　常見(jiàn)構(gòu)圖方式　025

2.4　字體的選擇　027

2.4.1　字體的選擇方法　027

2.4.2　字體風(fēng)格的搭配　028

2.4.3　字體的布局技巧　028

2.5　實(shí)戰(zhàn)訓(xùn)練　029

2.5.1　實(shí)訓(xùn)要求　029

2.5.2　實(shí)訓(xùn)分析　029

2.5.3　操作思路　030

2.6　拓展延伸　031

2.7　思考練習(xí)　032

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

3.1　圖片的基礎(chǔ)調(diào)整　034

3.1.1　店鋪常見(jiàn)的圖片尺寸　034

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

3.1.3　固定尺寸裁剪圖片　035

3.1.4　調(diào)整圖片的大小　036

3.1.5　矯正傾斜圖片　036

3.2　調(diào)整圖片的亮度與色彩　037

3.2.1　調(diào)整圖片亮度　038

3.2.2　調(diào)整圖片明暗度　038

3.2.3　調(diào)整偏色的圖片　040

3.3　圖片背景的摳取　041

3.3.1　單色背景的摳取　041

3.3.2　輪廓清晰圖像的摳取　043

3.3.3　復(fù)雜背景圖像的摳取　044

3.3.4　毛發(fā)的摳取　045

3.4　實(shí)戰(zhàn)訓(xùn)練　047

3.4.1　調(diào)整潔具偏色　047

3.4.2　替換唇膏背景　048

3.5　拓展延伸　049

3.6　思考練習(xí)　050

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

4.1　快速還原圖片實(shí)際效果　052

4.1.1　調(diào)整曝光不足的圖片　052

4.1.2　調(diào)整曝光過(guò)度的圖片　053

4.1.3　調(diào)整有色差的圖片　055

4.1.4　調(diào)整模糊的圖片　056

4.2　圖片的瑕疵修復(fù)　058

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

4.2.2　處理商品圖片中的污點(diǎn)　059

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

4.2.4　制作景深效果　061

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

4.3.1　水印的制作與添加　063

4.3.2　商品圖片的合成處理　064

4.4　豐富商品圖片內(nèi)容　067

4.4.1　文字的添加與設(shè)置　067

4.4.2　為商品圖片添加形狀　069

4.5　實(shí)戰(zhàn)訓(xùn)練　071

4.5.1　恢復(fù)玻璃杯真實(shí)效果　071

4.5.2　完善與美化水果圖片　072

4.6　拓展延伸　073

4.7　思考練習(xí)　074

第5章　京東店鋪裝修基礎(chǔ)

5.1　京東店鋪裝修的分類　076

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

5.1.2　1號(hào)店　076

5.1.3　小程序　077

5.2　圖片管理　079

5.2.1　分類管理　079

5.2.2　上傳圖片　080

5.2.3　移動(dòng)圖片　081

5.2.4　刪除圖片　082

5.3　媒體資源管理與分析　083

5.3.1　媒體資源的類型　083

5.3.2　上傳媒體資源　084

5.3.3　媒體資源的關(guān)聯(lián)與審核　086

5.3.4　刪除媒體資源　087

5.3.5　分析媒體資源情況　088

5.4　認(rèn)識(shí)京東店鋪裝修頁(yè)面　089

5.4.1　認(rèn)識(shí)電腦端裝修頁(yè)面　089

5.4.2　認(rèn)識(shí)移動(dòng)端裝修頁(yè)面　091

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

5.5.1　使用“京東裝修市場(chǎng)”裝修京東店鋪首頁(yè)　092

5.5.2　使用“裝吧”裝修詳情頁(yè)　093

5.6　實(shí)戰(zhàn)訓(xùn)練　095

5.6.1　上傳圖片到圖片管理　095

5.6.2　使用模板裝修詳情頁(yè)　096

5.7　拓展延伸　097

5.8　思考練習(xí)　097

第6章　電腦端首頁(yè)設(shè)計(jì)

6.1　店鋪首頁(yè)　099

6.1.1　店鋪首頁(yè)設(shè)計(jì)的注意事項(xiàng)　099

6.1.2　店鋪首頁(yè)布局的要點(diǎn)　099

6.2　店鋪店招的設(shè)計(jì)與制作　100

6.2.1　店招的設(shè)計(jì)原則　100

6.2.2　確定店招風(fēng)格　101

6.2.3　制作店鋪Logo　101

6.2.4　制作店招　105

6.3　店鋪導(dǎo)航條的設(shè)計(jì)與制作　109

6.3.1　基礎(chǔ)導(dǎo)航條的設(shè)置方法　109

6.3.2　自定義導(dǎo)航條的設(shè)計(jì)要點(diǎn)　110

6.3.3　制作導(dǎo)航　110

6.4　商品分類的設(shè)計(jì)與制作　111

6.4.1　優(yōu)惠券的設(shè)計(jì)要點(diǎn)　111

6.4.2　商品分類的設(shè)計(jì)要點(diǎn)　112

6.4.3　制作商品分類圖　112

6.5　圖片輪播的設(shè)計(jì)與制作　117

6.5.1　圖片輪播的設(shè)計(jì)要點(diǎn)　117

6.5.2　制作首張圖片輪播圖　118

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

6.6　商品推薦的設(shè)計(jì)與制作　124

6.6.1　商品推薦的設(shè)計(jì)要點(diǎn)　124

6.6.2　制作商品推薦圖　124

6.7　實(shí)戰(zhàn)訓(xùn)練　127

6.7.1　實(shí)訓(xùn)要求　127

6.7.2　實(shí)訓(xùn)分析　127

6.7.3　操作思路　127

6.8　拓展延伸　128

6.9　思考練習(xí)　128

第7章　電腦端詳情頁(yè)設(shè)計(jì)

7.1　商品詳情頁(yè)　131

7.1.1　商品詳情頁(yè)的設(shè)計(jì)要點(diǎn)　131

7.1.2　商品詳情頁(yè)的設(shè)計(jì)思路與準(zhǔn)備工作　131

7.1.3　商品詳情頁(yè)應(yīng)遵循的原則　132

7.2　焦點(diǎn)圖的制作　133

7.2.1　焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)　133

7.2.2　制作焦點(diǎn)圖　134

7.3　商品賣點(diǎn)圖的制作　137

7.3.1　賣點(diǎn)的特征　137

7.3.2　賣點(diǎn)提煉的原則與方法　137

7.3.3　制作賣點(diǎn)圖　137

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

7.4.1　商品參數(shù)的常用表達(dá)方式　144

7.4.2　制作信息展示圖　145

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

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

7.5.2　制作細(xì)節(jié)圖　148

7.6　實(shí)戰(zhàn)訓(xùn)練　152

7.6.1　實(shí)訓(xùn)要求　152

7.6.2　實(shí)訓(xùn)分析　152

7.6.3　操作思路　153

7.7　拓展延伸　153

7.8　思考練習(xí)　154

第8章　電腦端其他頁(yè)面的設(shè)計(jì)

8.1　專題頁(yè)的制作　157

8.1.1　專題頁(yè)的作用　157

8.1.2　專題頁(yè)的分類　159

8.1.3　設(shè)計(jì)與制作專題頁(yè)　159

8.2　活動(dòng)頁(yè)的制作　169

8.2.1　活動(dòng)頁(yè)的設(shè)計(jì)要點(diǎn)　169

8.2.2　設(shè)計(jì)與制作活動(dòng)頁(yè)　171

8.3　品牌介紹頁(yè)的制作　179

8.4　實(shí)戰(zhàn)訓(xùn)練　184

8.4.1　實(shí)訓(xùn)要求　184

8.4.2　實(shí)訓(xùn)分析　184

8.4.3　操作思路　185

8.5　拓展延伸　185

8.6　思考練習(xí)　186

第9章　切片與裝修店鋪各個(gè)板塊

9.1　Photoshop切片的使用　189

9.1.1　切片的作用　189

9.1.2　切片的技巧　189

9.1.3　切片與保存圖片　189

9.2　使用系統(tǒng)模塊快速裝修店鋪　194

9.2.1　認(rèn)識(shí)系統(tǒng)模塊的類型　195

9.2.2　使用系統(tǒng)模塊裝修店招　197

9.2.3　使用系統(tǒng)模塊裝修店鋪輪播圖　199

9.2.4　使用系統(tǒng)模塊裝修店鋪其他版面　203

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

9.4　實(shí)戰(zhàn)訓(xùn)練　212

9.4.1　實(shí)訓(xùn)要求　212

9.4.2　實(shí)訓(xùn)分析　212

9.4.3　操作思路　213

9.5　拓展延伸　214

9.6　思考練習(xí)　215

第 10章　移動(dòng)端店鋪的裝修

10.1　移動(dòng)端店鋪裝修的基礎(chǔ)知識(shí)　217

10.1.1　移動(dòng)端店鋪裝修的重要性　217

10.1.2　移動(dòng)端店鋪設(shè)計(jì)的原則　218

10.2　移動(dòng)端店鋪?lái)?yè)面的設(shè)計(jì)與制作　218

10.2.1　移動(dòng)端店鋪首頁(yè)設(shè)計(jì)的要點(diǎn)　218

10.2.2　移動(dòng)端店鋪詳情頁(yè)設(shè)計(jì)的要點(diǎn)　219

10.2.3　移動(dòng)端店鋪首頁(yè)的設(shè)計(jì)與制作　219

10.2.4　移動(dòng)端店鋪詳情頁(yè)的設(shè)計(jì)與制作　227

10.3　裝修移動(dòng)端店鋪　232

10.3.1　裝修首頁(yè)　232

10.3.2　裝修詳情頁(yè)　238

10.4　實(shí)戰(zhàn)訓(xùn)練　240

10.4.1　實(shí)訓(xùn)要求　240

10.4.2　實(shí)訓(xùn)分析　240

10.4.3　操作思路　241

10.5　拓展延伸　242

10.6　思考練習(xí)　243