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

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

1.1　京東平臺　002

1.1.1　認(rèn)識京東POP開放平臺　002

1.1.2　認(rèn)識京東商家后臺　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　京東后臺店鋪裝修操作　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　店鋪視覺營銷設(shè)計(jì)　016

2.1.1　視覺營銷設(shè)計(jì)的目的和作用　016

2.1.2　店鋪視覺營銷3要素　017

2.1.3　視覺營銷文案策劃　018

2.2　色彩的搭配　019

2.2.1　認(rèn)識色彩　019

2.2.2　色彩的搭配方法　022

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

2.3　頁面的布局　023

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

2.3.2　店鋪布局的基本原則　025

2.3.3　　常見構(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　店鋪常見的圖片尺寸　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)整曝光過度的圖片　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號店　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　媒體資源的關(guān)聯(lián)與審核　086

5.3.4　刪除媒體資源　087

5.3.5　分析媒體資源情況　088

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

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

5.4.2　認(rèn)識移動端裝修頁面　091

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

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

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

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

5.6.1　上傳圖片到圖片管理　095

5.6.2　使用模板裝修詳情頁　096

5.7　拓展延伸　097

5.8　思考練習(xí)　097

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

6.1　店鋪首頁　099

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

6.1.2　店鋪首頁布局的要點(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章　電腦端詳情頁設(shè)計(jì)

7.1　商品詳情頁　131

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

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

7.1.3　商品詳情頁應(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章　電腦端其他頁面的設(shè)計(jì)

8.1　專題頁的制作　157

8.1.1　專題頁的作用　157

8.1.2　專題頁的分類　159

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

8.2　活動頁的制作　169

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

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

8.3　品牌介紹頁的制作　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)識系統(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章　移動端店鋪的裝修

10.1　移動端店鋪裝修的基礎(chǔ)知識　217

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

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

10.2　移動端店鋪頁面的設(shè)計(jì)與制作　218

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

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

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

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

10.3　裝修移動端店鋪　232

10.3.1　裝修首頁　232

10.3.2　裝修詳情頁　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