京东店铺装修与设计从入门到精通（视频指导版）

第 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　实战训练　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　实战训练　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　毛发的抠取　045

3.4　实战训练　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　实战训练　071

4.5.1　恢复玻璃杯真实效果　071

4.5.2　完善与美化水果图片　072

4.6　拓展延伸　073

4.7　思考练习　074

第5章　京东店铺装修基础

5.1　京东店铺装修的分类　076

5.1.1　京东常规店铺　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　实战训练　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　优惠券的设计要点　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　实战训练　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　商品细节图的制作　147

7.5.1　细节图的展示方法　148

7.5.2　制作细节图　148

7.6　实战训练　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　实战训练　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　实战训练　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　实战训练　240

10.4.1　实训要求　240

10.4.2　实训分析　240

10.4.3　操作思路　241

10.5　拓展延伸　242

10.6　思考练习　243