第1章 电商装修的初步了解 2
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章 电商装修的基础 12
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章 商品美化图 22
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章 电商店铺设计 43
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章 电商首页设计 70
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章 小视频制作 95
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章 辅助页面设计 112
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章 促销广告设计 130
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章 详情页装修设计 142
9.1 详情页概述 142
9.2 设计分析 143
9.2.1 构成框架 143
9.2.2 设计原则 145
9.2.3 制作流程 145
9.3 案例制作：女鞋详情页面设计 146
第10章 电商页面其他装修 165
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章 手机端设计 184
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章 服装类店铺装修案例集合 208
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