淘宝网店页面设计、布局、配色、装修一本通（第3版）

内容概要

孙东梅，2000年开始从事网站的设计与开发工作，设计和开发了众多网站。从2004年开始从事淘宝开店和电子商务的研究，具有多年的网店装修经验，已经为网店卖家设计了超过1000款的模板商品。常在淘宝论坛积极发帖，学习总结了很多网上开店、网店装修、网店营销推广的方法。编写这本书之前，作者采访了许多皇冠级卖家，从他们那里获得了很多网上开店的宝贵经验和秘籍。此外，曾参与编写过多本淘宝开店和网络营销类的图书。

书籍目录

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

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

1.1.1 什么是网店装修 .......................................................................................... 14

1.1.2 为什么要进行网店装修 .............................................................................. 14

1.1.3 新手店铺装修的误区 .................................................................................. 16

1.2 网店装修审美准则 ................................................................................................. 20

1.2.1 网店的风格 .................................................................................................. 20

1.2.2 网店审美的通用原则 .................................................................................. 20

1.3 网店装修的一般流程 ............................................................................................. 22

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

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

2.1.1 为什么要进行策划 ...................................................................................... 25

2.1.2 网店的栏目策划 .......................................................................................... 25

2.1.3 网店的页面策划 .......................................................................................... 27

2.2 网店布局的基本元素 ............................................................................................. 28

2.3 页面布局设计 ......................................................................................................... 31

2.3.1 页面布局原则 .............................................................................................. 31

2.3.2 网店页面内容的排版 .................................................................................. 34

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

3.1 网店导航设计 ......................................................................................................... 37

3.1.1 导航设计的基本要求 .................................................................................. 37

3.1.2 导航的基础要素 .......................................................................................... 38

3.1.3 导航设计注意要点 ...................................................................................... 38

3.2 页面中的文字设计 ................................................................................................. 39

3.2.1 文字的字体、字号、行距 .......................................................................... 39

3.2.2 文字的颜色 .................................................................................................. 39

3.2.3 文字的图形化 .............................................................................................. 41

3.2.4 让文字易读 .................................................................................................. 41

3.3 页面中的图片应用 ................................................................................................. 42

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

3.3.2 商品图片的诚信原则 .................................................................................. 45

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

3.4 让按钮更易点击 ..................................................................................................... 47

第4章　网店页面的创意和风格....................................................................................... 48

4.1 页面设计创意思维 ................................................................................................. 49

4.1.1 什么是创意 .................................................................................................. 49

4.1.2 创意思维的原则 .......................................................................................... 49

4.1.3 创意的产生过程 .......................................................................................... 52

4.2 常见的创意方法 ..................................................................................................... 53

4.2.1 富于联想 ...................................................................................................... 53

4.2.2 巧用对比 ...................................................................................................... 54

4.2.3 大胆夸张 ...................................................................................................... 54

4.2.4 趣味幽默 ...................................................................................................... 55

4.2.5 善用比喻 ...................................................................................................... 55

4.2.6 以小见大 ...................................................................................................... 55

4.2.7 偶像崇拜 ...................................................................................................... 56

4.2.8 古典传统 ...................................................................................................... 57

4.2.9 流行时尚 ...................................................................................................... 57

4.3 网店页面风格 ......................................................................................................... 58

4.3.1 大幅配图 ...................................................................................................... 58

4.3.2 面板风格 ...................................................................................................... 60

4.3.3 三维风格 ...................................................................................................... 60

4.3.4 书报风格 ...................................................................................................... 61

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

5.1 人气商品页面分析 ................................................................................................. 63

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

5.1.2 详细展示商品 .............................................................................................. 64

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

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

5.2 热销商品页面设计理念 ......................................................................................... 67

5.2.1 页面不是一味地加长，而是要生动有趣 .................................................. 67

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

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

5.2.4 商品信息介绍准确详细 .............................................................................. 70

5.2.5 分享购买者的经验 ...................................................................................... 72

5.2.6 展示相关证书或证明 .................................................................................. 73

5.2.7 文字注意可读性 .......................................................................................... 74

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

6.1 色彩的原理 ............................................................................................................. 76

6.2 色彩的分类 ............................................................................................................. 76

6.2.1 无彩色 .......................................................................................................... 76

6.2.2 有彩色 .......................................................................................................... 79

6.3 色彩的三要素 ......................................................................................................... 80

6.3.1 明度 .............................................................................................................. 81

6.3.2 色相 .............................................................................................................. 82

6.3.3 纯度 .............................................................................................................. 83

6.4 色彩对比 ................................................................................................................. 84

6.4.1 明度对比 ...................................................................................................... 85

6.4.2 色相对比 ...................................................................................................... 85

6.4.3 纯度对比 ...................................................................................................... 90

6.4.4 色彩的面积对比 .......................................................................................... 91

6.4.5 色彩的冷暖对比 .......................................................................................... 92

6.5 网店页面色彩搭配方法 ......................................................................................... 94

6.6 主色、辅助色、点缀色 ......................................................................................... 96

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

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

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

第7章　网店色调与配色................................................................................................ 100

7.1 红色系的配色 ....................................................................................................... 101

7.1.1 红色适合的配色方案 ................................................................................ 101

7.1.2 适用红色系的网店 .................................................................................... 102

7.2 橙色系的配色 ...................................................................................................... 103

7.2.1 橙色适合的配色方案 ................................................................................ 103

7.2.2 适用橙色系的网店 .................................................................................... 104

7.3 黄色系的配色 ....................................................................................................... 105

7.3.1 黄色适合的配色方案 ................................................................................ 105

7.3.2 适用黄色系的网店 .................................................................................... 106

7.4 紫色系的配色 ...................................................................................................... 107

7.4.1 紫色适合的配色方案 ................................................................................ 107

7.4.2 适用紫色系的网店 .................................................................................... 108

7.5 绿色系的配色 ...................................................................................................... 109

7.5.1 绿色适合的配色方案 ................................................................................ 109

7.5.2 适用绿色系的网店 .................................................................................... 110

7.6 蓝色系的配色 ...................................................................................................... 111

7.6.1 蓝色适合的配色方案 ................................................................................ 111

7.6.2 适用蓝色系的网店 .................................................................................... 112

7.7 无彩色的配色 ....................................................................................................... 112

7.7.1 白色系网店 ................................................................................................ 112

7.7.2 灰色系网店 ................................................................................................ 114

7.7.3 黑色系网店 ................................................................................................ 115

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

8.1 女装网店 ............................................................................................................... 117

8.1.1 女装网店的经营特点 ................................................................................ 117

8.1.2 页面分析 .................................................................................................... 118

8.1.3 网店配色讲解 ............................................................................................ 120

8.2 美容化妆网店 ....................................................................................................... 121

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

8.2.2 页面分析 .................................................................................................... 124

8.2.3 网店配色讲解 ............................................................................................ 125

8.3 计算机数码类产品网店 ....................................................................................... 126

8.3.1 计算机数码类产品网店的经营特点 ........................................................ 126

8.3.2 页面分析 .................................................................................................... 127

8.3.3 网店配色讲解 ............................................................................................ 129

8.4 家居日用品网店 ................................................................................................... 129

8.4.1 家居日用品网店的经营特点 .................................................................... 129

8.4.2 页面分析 .................................................................................................... 130

8.4.3 网店配色讲解 ............................................................................................ 133

8.5 男性商品类网店 ................................................................................................... 133

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

8.5.2 页面分析 .................................................................................................... 134

8.5.3 网店配色讲解 ............................................................................................ 135

8.6 珠宝饰品网店 ....................................................................................................... 135

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

8.6.2 页面分析 .................................................................................................... 136

8.6.3 网店配色讲解 ............................................................................................ 139

8.7 箱包网店 ............................................................................................................... 139

8.7.1 箱包网店的经营特点 ................................................................................ 139

8.7.2 页面分析 .................................................................................................... 140

8.7.3 网店配色讲解 ............................................................................................ 143

8.8 鞋类网店 ............................................................................................................... 143

8.8.1 鞋类网店的经营特点 ................................................................................ 143

8.8.2 页面分析 .................................................................................................... 144

8.8.3 网店配色讲解 ............................................................................................ 146

8.9 童装网店 ............................................................................................................... 146

8.9.1 童装网店的经营特点 ................................................................................ 146

8.9.2 页面分析 .................................................................................................... 147

8.9.3 网店配色讲解 ............................................................................................ 147

8.10 食品网店 ............................................................................................................. 148

8.10.1 食品网店的经营特点 .............................................................................. 148

8.10.2 页面分析 .................................................................................................. 149

8.10.3 网店配色讲解 .......................................................................................... 150

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

9.1 简单的照片处理 ................................................................................................... 152

9.1.1 调整拍歪的照片 ........................................................................................ 152

9.1.2 缩小图片 .................................................................................................... 153

9.1.3 自由裁剪照片 ............................................................................................ 155

9.1.4 将图片调整为适合淘宝发布的尺寸 ........................................................ 157

9.2 调整照片效果 ....................................................................................................... 158

9.2.1 调整曝光不足的照片 ................................................................................ 158

9.2.2 调整曝光过度的照片 ................................................................................ 159

9.2.3 调整模糊的照片 ........................................................................................ 161

9.2.4 调整对比度突出照片主题 ........................................................................ 163

9.3 为照片添加水印和边框 ....................................................................................... 166

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

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

9.4 照片特殊效果处理技法 ....................................................................................... 170

9.4.1 把照片中的产品抠出来 ............................................................................ 170

9.4.2 快速更换图片的背景 ................................................................................ 172

9.4.3 给宝贝图片加圆角 .................................................................................... 175

9.4.4 制作闪闪发亮的商品图片 ........................................................................ 179

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

第10章　普通店铺装修篇.............................................................................................. 188

10.1 添加数据分析工具生意参谋 ............................................................................. 189

10.2 宝贝分类设计与设置 ......................................................................................... 191

10.2.1 宝贝分类制作的注意事项 ...................................................................... 191

10.2.2 制作宝贝分类图片 .................................................................................. 191

10.2.3 上传图片并设置宝贝的分类 .................................................................. 194

10.3 公告区域的制作 ................................................................................................. 195

10.3.1 制作公告区时的注意事项 ...................................................................... 196

10.3.2 制作精美的图片公告 .............................................................................. 196

10.3.3 在店铺中应用图片公告 .......................................................................... 200

10.4 店标的设计与发布 ............................................................................................. 203

10.4.1 什么是网店的店标 .................................................................................. 204

10.4.2 店标设计的原则 ...................................................................................... 204

10.4.3 店标制作的基本方法 .............................................................................. 206

10.4.4 设计店铺标志 .......................................................................................... 207

10.4.5 将店标发布到店铺上 .............................................................................. 210

第11章　淘宝旺铺装修篇.............................................................................................. 212

11.1 制作个性店招 ..................................................................................................... 213

11.1.1 店招制作的注意事项 ............................................................................... 213

11.1.2 服装店招设计实例 ................................................................................... 213

11.1.3 将店招应用到店铺中 ............................................................................... 216

11.2 巧妙制作宝贝促销区 ......................................................................................... 219

11.2.1 制作宝贝促销区的注意事项 ................................................................... 219

11.2.2 宝贝促销区的制作方法 ........................................................................... 220

11.2.3 促销海报排版 ........................................................................................... 221

11.2.4 宝贝促销区设计实例 ............................................................................... 222

11.3 制作宝贝描述模板 ............................................................................................. 229

11.3.1 宝贝描述模板的设计要求 ....................................................................... 229

11.3.2 在Photoshop中设计宝贝描述模板 .......................................................... 230

11.3.3 将图片切割为适合网页应用的元素 ....................................................... 235

11.3.4 使用Dreamweaver生成网页代码 ............................................................ 238

11.3.5 发布商品描述模板 ................................................................................... 240

11.4 视频在店铺装修中的应用 ................................................................................. 242

11.5 制作图片轮播 ..................................................................................................... 244

第12章　手机淘宝店铺装修.......................................................................................... 247

12.1 手机淘宝 ............................................................................................................. 248

12.1.1 手机端与电脑端的区别 .......................................................................... 248

12.1.2 手机淘宝店铺装修要点 .......................................................................... 249

12.1.3 手机淘宝店铺装修误区 .......................................................................... 250

12.2 下载与注册手机淘宝 ......................................................................................... 250

12.2.1 下载手机淘宝客户端 .............................................................................. 250

12.2.2 登录手机淘宝 .......................................................................................... 252

12.3 手机店铺首页装修 ............................................................................................. 252

12.4 手机版宝贝详情页 ............................................................................................. 255

12.5 购买无线端装修模板 ......................................................................................... 257

附录A　各行业网店色彩搭配........................................................................................ 259

附录B　配色形容词色卡............................................................................................... 264

附录C　页面安全色....................................................................................................... 269

作者简介

《淘宝网店页面设计、布局、配色、装修一本通（第3版）》不仅仅是一本讲解网店装修的图书，其中还有大量的关于创意、页面布局、页面视觉设计、页面配色等方面的知识，可谓一书在手，网店设计装修全无忧。《淘宝网店页面设计、布局、配色、装修一本通（第3版）》共12章，主要内容包括网店装修入门基础、网店页面的元素与布局、网店页面的视觉元素设计、网店页面的创意和风格、大型购物网店页面设计分析、页面色彩搭配基础知识、网店色调与配色、各行业网店设计与配色案例解析、处理好照片、淘宝店铺各版本特点、普通店铺装修、淘宝旺铺装修、手机淘宝店铺装修。

《淘宝网店页面设计、布局、配色、装修一本通（第3版）》最大的特色是在介绍网店装修知识的基础上，融合了创意与色彩的运用技巧，并通过对实际案例的分析，帮助读者了解商品页面设计的趋势，以及最流行的设计技术。《淘宝网店页面设计、布局、配色、装修一本通（第3版）》第1、2版自上市后广受读者好评，并取得了优异的销售成绩，此次升级更增加了众多实用、符合当前形势与潮流的新内容。

希望广大读者通过《淘宝网店页面设计、布局、配色、装修一本通（第3版）》，打造出独具特色的淘宝店铺，在广阔的淘宝家园里开拓出自己的一片天地！

 淘宝网店页面设计、布局、配色、装修一本通（第3版）下载