淘宝网店页面设计、布局、配色、装修一本通

《淘宝网店页面设计、布局、配色、装修一本通(全彩) 》

第1章 网店装修入门基础 1

1.1 网店装修需要注意的问题 1

1.1.1 什么是网店装修 1

1.1.2 为什么要进行网店装修 1

1.1.3 新手店铺装修的误区 3

1.2 网店装修审美准则 7

1.2.1 网店的风格 8

1.2.2 网店审美的通用原则 8

1.3 网店装修的一般流程 10

第2章 网店页面的元素与布局 13

2.1 网店栏目和页面设计策划 13

2.1.1 为什么要进行策划 13

2.1.2 网店的栏目策划 14

2.1.3 网店的页面策划 15

2.2 网店布局的基本元素 16

2.3 版面布局设计 19

2.3.1 版面布局原则 19

2.3.2 网店页面内容的排版 21

第3章 网店页面的视觉元素设计 24

.3.1 网店导航设计 24

3.1.1 导航设计的基本要求 24

3.1.2 导航的基础要素 25

3.1.3 导航设计注意要点 25

3.2 页面中的文字设计 26

3.2.1 文字的字体、字号、行距 26

3.2.2 文字的颜色 27

3.2.3 文字的图形化 27

3.2.4 让文字易读 28

3.3 页面中的图片应用 28

3.3.1 让买家心动促成交易，商品图片是关键 28

3.3.2 商品图片的诚信原则 31

3.3.3 使用模特实拍，增加商品的直观视觉效果 32

3.4 让按钮更易点击 33

第4章 网店页面创意和风格 35

4.1 页面设计创意思维 35

4.1.1 什么是创意 35

4.1.2 创意思维的原则 36

4.1.3 创意过程 38

4.2 创意的方法 38

4.2.1 富于联想 39

4.2.2 巧用对比 39

4.2.3 大胆夸张 40

4.2.4 趣味幽默 40

4.2.5 善用比喻 41

4.2.6 以小见大 41

4.2.7 偶像崇拜 42

4.2.8 古典传统 42

4.2.9 流行时尚 43

4.3 网店页面风格 43

4.3.1 大幅配图 43

4.3.2 面板风格 44

4.3.3 三维风格 45

4.3.4 书报风格 46

第5章 大型购物网店页面设计分析 47

5.1 人气商品页面分析 47

5.1.1 销售的不是商品，而是氛围 47

5.1.2 应详细的展示商品 49

5.1.3 注意比商品更吸引眼球的要素 50

5.1.4 以买家的语气描述，从买家的视角设计 51

5.2 热销商品页面设计理念 52

5.2.1 页面不是一味的加长，而要生动有趣 52

5.2.2 自然引导顾客购买搭配商品 53

5.2.3 通过商品图片就可以了解商品实际大小 54

5.2.4 商品信息介绍准确详细 55

5.2.5 分享购买者的经验 56

5.2.6 展示相关证书证明 57

5.2.7 文字注意可读性 57

第6章 页面色彩搭配基础知识 59

6.1 色彩的原理 59

6.2 色彩的分类 59

6.2.1 无彩色 59

6.2.2 有彩色 62

6.3 色彩的三要素 63

6.3.1 明度 64

6.3.2 色相 65

6.3.3 纯度 66

6.4 色彩对比 67

6.4.1 明度对比 67

6.4.2 色相对比 69

6.4.3 纯度对比 73

6.4.4 色彩的面积对比 73

6.4.5 色彩的冷暖对比 74

6.5 网店页面色彩搭配方法 76

6.6 主色、辅助色、点缀色 79

6.6.1 主色可以决定整个店铺风格 79

6.6.2 辅助色对页面有决定性效果 80

6.6.3 点缀色可营造独特的页面风格 81

第7章 网店色调与配色 82

7.1 红色系的配色 82

7.1.1 红色适合的配色方案 82

7.1.2 适用红色系的网店 83

7.2 橙色系的配色 84

7.2.1 橙色适合的配色方案 84

7.2.2 适用橙色系的网店 85

7.3 黄色系的配色 86

7.3.1 黄色适合的配色方案 87

7.3.2 适用黄色系的网店 88

7.4 紫色系的配色 89

7.4.1 紫色适合的配色方案 89

7.4.2 适用紫色系的网店 90

7.5 绿色系的配色 91

7.5.1 绿色适合的配色方案 91

7.5.2 适用绿色系的网店 92

7.6 蓝色系的配色 92

7.6.1 蓝色适合的配色方案 93

7.6.2 适用蓝色系的网店 94

7.7 无彩色的配色 95

7.7.1 白色的网店 95

7.7.2 灰色系的网店 96

7.7.3 黑色系的网店 97

第8章 各行网店设计与配色案例解析 98

8.1 女装网店 98

8.1.1 女装网店的经营特点 98

8.1.2 页面分析 100

8.1.3 网店配色讲解 101

8.2 美容化妆网店 102

8.2.1 美容化妆网店的经营特点 102

8.2.2 页面分析 104

8.2.3 网店配色讲解 107

8.3 计算机数码产品网店 107

8.3.1 计算机数码产品网店的经营特点 107

8.3.2 页面分析 108

8.3.3 网店配色讲解 110

8.4 家居日用品网店 110

8.4.1 家居-日用品网店的经营特点 110

8.4.2 页面分析 111

8.4.3 网店配色讲解 113

8.5 男性商品类网店 114

8.5.1 男性商品类网店的经营特点 114

8.5.2 页面分析 114

8.5.3 网店配色讲解 116

8.6 珠宝饰品网店 116

8.6.1 珠宝饰品网店的经营特点 116

8.6.2 页面分析 117

8.6.3 网店配色讲解 119

8.7 包包网店 119

8.7.1 包包网店的经营特点 119

8.7.2 页面分析 120

8.7.3 网店配色讲解 122

8.8 鞋类网店 122

8.8.1 鞋类网店的经营特点 122

8.8.2 页面分析 123

8.8.3 网店配色讲解 125

8.9 童装网店 125

8.9.1 童装网店的经营特点 125

8.9.2 页面分析 125

8.9.3 网店配色讲解 127

8.10 食品网店 127

8.10.1 食品网店的经营特点 127

8.10.2 页面分析 127

8.10.3 网店配色讲解 129

第9章 处理好照片，装修有优势 130

9.1 简单的照片处理 130

9.1.1 调整拍歪的照片 130

9.1.2 缩小图片 131

9.1.3 自由裁剪照片 133

9.1.4 调整图片适合淘宝发布的大小 134

9.2 调整照片效果 136

9.2.1 调整曝光不足的照片 137

9.2.2 调整曝光过度的照片 138

9.2.3 调整模糊的照片 139

9.4.4 调整对比度突出照片主题 142

9.3 为照片添加水印和边框 144

9.3.1 为照片添加水印防止他人盗用 144

9.3.2 为照片添加相框提高商品档次 146

9.4 照片特殊效果处理技法 148

9.4.1 把照片中的产品抠出来 148

9.4.2 快速更换图片的背景 151

9.4.3 给宝贝图片加圆角 152

9.4.4 制作闪闪发亮的商品图片 156

9.5 一次性处理大量产品图片 161

第10章 淘宝店铺各版本特点 164

10.1 普通店铺 164

10.1.1 普通店铺的特点 164

10.1.2 可供装修区域 164

10.2 旺铺创业扶植版 167

10.2.1 旺铺创业扶植版特点 167

10.2.2 可供装修的区域 170

10.3 旺铺标准版 171

10.3.1 旺铺标准版的特点 171

10.3.2 可供装修的区域 174

10.4 旺铺拓展版 174

10.4.1 旺铺拓展版的特点 174

10.4.2 可供装修区域 177

10.5 旺铺旗舰版 177

第11章 普通店铺装修篇 180

11.1 店铺计数器 180

11.2 添加店铺音乐背景 182

11.3 宝贝分类设计与设置 185

11.3.1 宝贝分类制作的注意事项 185

11.3.2 制作宝贝分类图片 185

11.3.3 上传图片并设置宝贝的分类 187

11.4 公告区域的制作 192

11.4.1 制作公告区时的注意事项 193

11.4.2 制作精美的图片公告 193

11.4.3 在店铺中应用图片公告 196

11.5 店标的设计与发布 198

11.5.1 什么是网店的店标 198

11.5.2 店标设计的原则 198

11.5.3 店标制作的基本方法 199

11.5.4 设计店铺标志 200

11.5.5 将店标发布到店铺上 204

第12章 淘宝旺铺装修篇 206

12.1 制作旺铺的个性店招 206

12.1.1 店招制作的注意事项 206

12.1.2 服装店招设计实例 206

12.1.3 将店招应用到店铺中 211

12.2 巧妙制作宝贝促销区 212

12.2.1 制作宝贝促销区的注意事项 212

12.2.2 宝贝促销区的制作方法 213

12.2.3 宝贝促销区设计实例 214

12.2.4 将促销区源代码应用到旺铺中 218

12.3 制作宝贝描述模板 221

12.3.1 宝贝描述模板的设计要求 221

12.3.2 在photoshop中设计宝贝描述模板 221

12.3.3 将图片切割为适合网页应用的元素 231

12.3.4 使用dreamweaver生成网页代码 234

12.3.5 发布商品描述模板 239

12.4 视频在店铺装修中的应用 241

12.4.1 定制视频服务 241

12.4.2 视频文件的上传 244

12.4.3 视频在店铺中的应用 245

附录1 各行业网店色彩搭配 248

附录2 配色形容词色卡 253

附录3 页面安全色 258