编辑“淘宝网店页面设计、布局、配色、装修一本通（第2版）”

淘宝网店页面设计、布局、配色、装修一本通（第2版）（全彩）
[[Image:淘宝网店页面设计、布局、配色、装修一本通（第2版）.jpg|right|thumb|250px|淘宝网店页面设计、布局、配色、装修一本通（第2版）]]

== '''图书版权''' ==

'''书名'''：淘宝网店页面设计、布局、配色、装修一本通（第2版）


'''作者'''：孙东梅 等 编著   

'''ISBN'''：978-7-121-22228-3

'''出版时间'''：2014年1月出版

'''定价'''：59.80元 

'''页数'''：272页

'''开本'''：16开

== '''内容提要''' ==

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

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

希望广大读者通过本书，打造出独具特色的淘宝店铺，在广阔的淘宝家园里开拓出自己的一片天地！

== '''目录''' ==

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

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

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

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

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

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

1.2.1 网店的风格..........................................................................22

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

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

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

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

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

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

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

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

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

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

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

3.1 网店导航设计..............................................................................3
9

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

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

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

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

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

3.2.2 文字的颜色..........................................................................41

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

3.2.4 让文字易读..........................................................................43

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

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

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

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

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

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

4.1.1 什么是创意..........................................................................51

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

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

4.2 常见的方法.................................................................................
.55

4.2.1 富于联想..............................................................................55

4.2.2 巧用对比..............................................................................56

4.2.3 大胆夸张..............................................................................56

4.2.4 趣味幽默..............................................................................57

4.2.5 善用比喻..............................................................................57

4.2.6 以小见大..............................................................................57

4.2.7 偶像崇拜..............................................................................58

4.2.8 古典传统..............................................................................59

4.2.9 流行时尚..............................................................................59

4.3 网店页面风格..............................................................................6
0

4.3.1 大幅配图..............................................................................60

4.3.2 面板风格..............................................................................62

4.3.3 三维风格..............................................................................62

4.3.4 书报风格..............................................................................63

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6.1 色彩的原理..................................................................................78

6.2 色彩的分类..................................................................................78

6.2.1 无彩色..................................................................................78

6.2.2 有彩色..................................................................................81

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

6.3.1 明度......................................................................................83

6.3.2 色相......................................................................................84

6.3.3 纯度......................................................................................85

6.4 色彩对比.......................................................................................86

6.4.1 明度对比..............................................................................87

6.4.2 色相对比..............................................................................87

6.4.3 纯度对比..............................................................................92

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

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

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

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

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

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

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

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

7.1 红色系的配色............................................................................103

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

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

7.2 橙色系的配色 ..........................................................................105

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

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

7.3 黄色系的配色............................................................................107

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

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

7.4 紫色系的配色 ..........................................................................109
7.4.1 紫色适合的配色方案........................................................109

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

7.5 绿色系的配色 .......................................................................... 111

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

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

7.6 蓝色系的配色 ..........................................................................113

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

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

7.7 无彩色的配色............................................................................114

7.7.1 白色的网店........................................................................114

7.7.2 灰色系的网店....................................................................116

7.7.3 黑色的网店........................................................................117

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

8.1 女装网店....................................................................................119

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

8.1.2 页面分析............................................................................120

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

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

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

8.2.2 页面分析............................................................................126

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

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

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

8.3.2 页面分析............................................................................129

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

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

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

8.4.2 页面分析............................................................................132

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

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

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

8.5.2 页面分析............................................................................136

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

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

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

8.6.2 页面分析............................................................................138

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

8.7 箱包网店....................................................................................141

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

8.7.2 页面分析............................................................................142

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

8.8 鞋类网店.....................................................................................145

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

8.8.2 页面分析............................................................................146

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

8.9 童装网店.....................................................................................148

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

8.9.2 页面分析............................................................................149

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

8.10 食品网店...................................................................................150

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

8.10.2 页面分析..........................................................................151

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

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

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

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

9.1.2 缩小图片............................................................................155

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10.1 旺铺介绍...................................................................................191

10.1.1 什么是旺铺......................................................................191

10.1.2 购买旺铺..........................................................................191

10.2 普通店铺...................................................................................192
10.2.1 普通店铺的特点..............................................................192

10.2.2 可供装修区域..................................................................193

10.3 旺铺基础版..............................................................................196

10.3.1 旺铺基础版的特点..........................................................196

10.3.2 可供装修的区域..............................................................199

10.4 旺铺专业版..............................................................................200

第11章普通店铺装修篇................................................................................... 204

11.1 店铺计数器..............................................................................205

11.2 宝贝分类设计与设置.............................................................206

11.2.1 宝贝分类制作的注意事项..............................................206

11.2.2 制作宝贝分类图片..........................................................207

11.2.3 上传图片并设置宝贝的分类..........................................209

11.3 公告区域的制作.....................................................................211

11.3.1 制作公告区时的注意事项..............................................211

11.3.2 制作精美的图片公告......................................................212

11.3.3 在店铺中应用图片公告..................................................215

11.4 店标的设计与发布.................................................................219

11.4.1 什么是网店的店标..........................................................219

11.4.2 店标设计的原则..............................................................220

11.4.3 店标制作的基本方法......................................................221

11.4.4 设计店铺标志..................................................................222

11.4.5 将店标发布到店铺上......................................................226

12.1 制作个性店招..........................................................................228

12.1.1 店招制作的注意事项......................................................228

12.1.2 服装店招设计实例..........................................................228

12.1.3 将店招应用到店铺中......................................................231

12.2 巧妙制作宝贝促销区.............................................................233

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

12.2.2 宝贝促销区的制作方法..................................................234

12.2.3 宝贝促销区设计实例......................................................236

12.2.4 将宝贝促销区应用到旺铺中..........................................238

12.3 制作宝贝描述模板.................................................................241

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

12.3.2 在Photoshop 中设计宝贝描述模板.................................242

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

12.3.4 使用Dreamweaver 生成网页代码....................................248

12.3.5 发布商品描述模板..........................................................251

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

12.5 制作图片轮播..........................................................................254

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

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

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

== '''前言''' ==

中国互联网经过10多年的发展，目前网民规模已达6亿人。淘宝网经过几年的发展，从最初的星星之火，到目前的红红火火，现今很多SOHO一族都把在淘宝网上经营网店作为一种职业追求，越来越多的人在网上开店。虽然网上店铺很多，但是有相当一部分的销售量非常少，少到几天甚至半个月才能卖出一件商品，为什么会这样呢？除了推广之外，还有一个重要的原因是店铺的装修设计方面不到位。对于网络店铺来说，装修更是店铺兴旺的制胜法宝。一般来说，经过装修设计的网络店铺特别能吸引网友的目光。装修店铺其实并不难，但是想要将店铺装修得十分精美却不是一件简单的事情。

在众多淘宝书籍中，《淘宝网店页面设计、布局、配色、装修一本通》历经两年，仍然显示出极大的生命力：2011年第1版重印了多次，不论是销量，还是读者的认可度，本书的成绩斐然。两年来本书在淘宝网、当当网、京东商城和各大新华书店销售一直在同类书中名列前茅。虽然图书一直销售很好，不过淘宝网平台经历了多次升级更新，为了保证书中内容的与时俱进，我们改版升级了本书。相对于第1版，首先，整书进行了更新，所有淘宝装修操作页面均为最新版，读者跟着书上的操作就可以成功地将网店装修好。此外，我们根据读者的最关心的问题和淘宝的变化进行了部分的内容更新，力图做到在新的平台下内容架构的系统和合理。

=== 本书主要内容 ===

目前市场上虽然有一些网店装修的书，但是大部分是只讲述按钮的设计、店标的设计、宣传公告等设计。而本书却是指引淘宝卖家怎样根据自己所卖的商品去进行页面设计布局、配色与装修。翻开本书，你会发现本书并不是一本仅仅讲解网店装修的图书，其中还有大量的关于创意、页面布局、页面视觉设计、页面配色等方面的知识，可谓一书在手，网店设计装修无忧。希望大家通过本书的学习，能打造一个独具特色的淘宝店铺，在广阔的淘宝家园中开拓出自己的一片天地！

本书共12章，主要内容包括网店装修入门基础、网店页面的元素与布局、网店页面的视觉元素设计、网店页面创意和风格、大型购物网店页面设计分析、页面色彩搭配知识、网店色调与配色、各行业网店设计与配色案例解析、淘宝店铺各版本特点、普通店铺与淘宝旺铺的装修等。

=== 本书特色 ===

● 一般的网店装修图书只讲述了网店装修技术的使用，如设计店标、设计分类按钮、设计广告栏，而网店装修技术含量本身并不高，一般只需精通制图软件就可胜任。若要彰显独特个性，最重要的还是得有创意，需懂得灵感和色彩的运用，才能获得稳定的客源。

● 畅销图书升级。原版图书在淘宝网、当当网、京东商城和各大新华书店销售一直在同类书中名列前茅，多次印刷。

● 图文并茂，易于阅读。全书每章都配有大量的图例说明，并附以生动的文字讲解，阅读门槛低，无论是淘宝的新手还是老卖家都可以方便地阅读。

●通过分析实际的设计案例，帮助大家了解商品页面设计的趋势，以及流行的设计技术。详细讲解了商品页面的制作方法，让您赶上最新的设计潮流，永不落伍。 

●首先讲述了网店装修所需要的知识，接着讲述了页面的布局与视觉元素设计、页面色彩搭配、图片的处理、普通店铺的装修和旺铺的装修。

●作者具有多年的网店设计与装修的经验，曾设计了1000多家店铺模板，总结开店过程中的经验和技巧，涵盖了开店过程中遇到的许多细节问题。

=== 本书适合读者 ===

如果您想在网上开店、进行网上创业，如果您正在经营网店，想通过网店的整体包装提升店铺档次、将生意做大做强，如果您是网店设计与网店装修的专业人员，那么本书非常适合您。

本书的编者中既有拥有多年网店设计装修经验的人员，又有网页设计与网站建设方面的人员。除了署名中的编者外，参加本书编写工作的还有：郭海旺、孙东梅、邓静静、李银修、刘宇星、邓方方、孙良军、李晓民、何秀明、刘中华、何海霞、陈石送、徐洪峰、孙起云、吕志彬等。由于作者水平有限，本书存在不足之处在所难免，欢迎广大读者批评指正。



                                                             编者
                                                          2014年1月