教你轻松学电商之店铺装修设计

第1章 电商装修的初步了解

1.1 店铺装修介绍 2

1.1.1 装修概述 2

1.1.2 意义 3

1.2 店铺装修包含的内容 4

1.2.1 店招 4

1.2.2 导航 5

1.2.3 详情页 5

1.2.4 促销模板 6

1.3 店铺的搭配布局 7

1.3.1 装修版面布局 7

1.3.2 图片与文字布局 8

1.3.3 配色方案布局 10

第2章 电商装修的基础

2.1 店铺装修用到的图像文件 12

2.1.1 PSD图像格式 12

2.1.2 GIF图像格式 12

2.1.3 JPEG图像格式 12

2.1.4 PNG图像格式 13

2.1.5 BMP图像格式 13

2.2 店铺装修常识 13

2.2.1 确定销售商品的类型 14

2.2.2 收集可用素材 14

2.2.3 认识店铺的种类 15

2.3 获取店铺图片的存储空间 16

2.4 店铺装修基础 18

2.4.1 选择风格 18

2.4.2 布局管理 19

2.4.3 宝贝分类管理 20

第3章 商品美化图

3.1 商品的裁剪 22

3.1.1 自定裁剪区 22

3.1.2 按尺寸裁剪 23

3.1.3 裁剪倾斜图片 25

3.2 商品图调色处理 27

3.2.1 处理偏暗的图片 27

3.2.2 处理色彩暗淡的图片 28

3.2.3 处理偏色的图片 29

3.3 多种抠图 30

3.3.1 不规则形状抠图 31

3.3.2 简单背景抠图 33

3.3.3 复杂图形抠图 34

3.4 边框、水印、批处理 36

3.4.1 添加边框 36

3.4.2 添加水印 38

3.4.3 批处理提高工作效率 40

第4章 电商店铺设计

4.1 店标设计 43

4.1.1 制作静态店标 43

4.1.2 制作动态店标 46

4.1.3 将店标应用到店铺中 48

4.2 LOGO设计 48

4.2.1 LOGO的意义 48

4.2.2 制作店铺LOGO 49

4.2.3 为商品添加LOGO 50

4.3 活动图制作 51

4.3.1 制作直通车图 52

4.3.2 制作钻展图 58

4.3.3 制作聚划算图 62

第5章 电商首页设计

5.1 店招的制作 70

5.1.1 店招的设计原则和要求 70

5.1.2 店招的类别 70

5.1.3 店招的设计逻辑 70

5.1.4 案例制作：休闲服装店招设计与详解 71

5.2 制作精美公告栏 75

5.2.1 文字公告栏 75

5.2.2 图片公告栏 76

5.2.3 动态公告栏 76

5.2.4 案例制作：店铺公告栏设计与详解 76

5.3 精准的定位——导航条 78

5.3.1 导航条介绍 79

5.3.2 导航条的设计要求 79

5.3.3 案例制作：导航条设计与详解 80

5.4 首页海报/轮播图设计 85

5.4.1 海报的视觉要点 85

5.4.2 制作海报图 86

5.4.3 海报图装修 92

5.4.4 轮播图装修 93

第6章 小视频制作

6.1 视频拍摄 95

6.1.1 淘宝商品拍摄流程 95

6.1.2 视频构图的基本原则 96

6.1.3 景别与角度 98

6.2 认识会声会影 99

6.2.1 会声会影的工作界面 99

6.2.2 视频制作流程 100

6.3 视频制作 100

6.3.1 制作9s主图视频 101

6.3.2 制作详情页视频 104

6.3.3 为视频添加LOGO 107

6.3.4 为视频添加音乐 108

6.4 上传视频 109

第7章 辅助页面设计

7.1 首页欢迎区 112

7.1.1 概述 112

7.1.2 设计分析 112

7.1.3 案例制作 113

7.2 店铺收藏区 118

7.2.1 概述 118

7.2.2 设计分析 118

7.2.3 案例制作 118

7.3 客服区 124

7.3.1 概述 124

7.3.2 设计分析 124

7.3.3 案例制作 124

第8章 促销广告设计

8.1 促销广告设计的标准 130

8.1.1 主题突出 130

8.1.2 目标明确 131

8.1.3 形式美观 131

8.2 促销广告的实施步骤 133

8.2.1 设计实施步骤 133

8.2.2 设计需求表 133

8.2.3 素材库管理 134

8.3 案例制作：促销广告设计与详解 134

第9章 详情页装修设计

9.1 详情页概述 142

9.2 设计分析 143

9.2.1 构成框架 143

9.2.2 设计原则 145

9.2.3 制作流程 145

9.3 案例制作：女鞋详情页面设计 146

第10章 电商页面其他装修

10.1 宝贝陈列展示设计 165

10.1.1 宝贝陈列展示的视觉要点 165

10.1.2 宝贝推荐模块设置 165

10.1.3 自定义展区制作 166

10.2 分类引导设计 172

10.3 店铺页尾设计 178

10.3.1 页尾的视觉要点 178

10.3.2 页尾的制作 179

第11章 手机端设计

11.1 手机端店铺的装修要点 184

11.2 手机端首页设计 184

11.2.1 首页装修技巧 185

11.2.2 店招 185

11.2.3 焦点图 185

11.2.4 优惠券 186

11.2.5 活动区 186

11.2.6 分类区 186

11.2.7 商品展示区 187

11.3 手机端详情设计 187

11.3.1 手机端与PC端的不同 187

11.3.2 设计规范 188

11.3.3 产品描述要素 188

11.4 手机端其他设计 189

11.5 案例制作：手机端零食店铺首页装修设计 191

第12章 服装类店铺装修案例集合

12.1 女性服装店铺装修设计案例 208

12.1.1 设计分析 208

12.1.2 制作步骤 208

12.2 男性服装店铺装修设计案例 221

12.2.1 设计分析 221

12.2.2 制作步骤 222

12.3 儿童服装店铺装修设计案例 234

12.3.1 设计分析 235

12.3.2 制作步骤 235