淘宝网店页面设计、布局、配色、装修一本通的内容简介

随着电子商务广泛地深入到人们的现实生活中，越来越多的人将创业的目光瞄准了网络开店，尤其是一些年青人更是视其为就业的另一条出路。如今，网购市场日益火爆，各类网店雨后春笋般涌现。为了在日趋激烈的竞争中脱颖而出，网店掌柜们纷纷装点门面，以吸引人眼球。于是，网店装修逐渐走俏起来。虽然无需日晒雨淋，只要轻点鼠标即可，但是这个行业竞争也很激烈，网店装修师也需要掌握网店页面的配色、页面布局设计和装修的基本知识。

目前市场上有几本网店装修的书，但大部分只讲述了按钮、店标、宣传公告等方面的设计。翻开目录，你会发现本书并不仅仅是一本讲解网店装修的图书，其中还有大量的关于创意、页面布局、页面视觉设计、页面配色等方面的知识，可谓一书在手，网店设计装修无忧。

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

本书适合想在网上开店、进行网上创业的读者阅读；也适合正在经营网店，想通过网店的整体包装提升店铺档次，将生意做大做强的读者阅读；同时也适合网店设计与网店装修的专业人员参考。

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

据中国电子商务研究中心最新数据显示：中国网民规模达到4.57亿人，其中网络购物用户增长了48.6%，网络购物成为增长最快的应用。2010年我国电子商务交易额达4.5万亿元，同比增长22%；其中，网上零售市场交易规模达5131亿元，同比增长97.3%。如此诱人的市场让不少人决定网上开店。

权威统计数据表明，虽然网上开铺很多，但是有相当一部分的销售量非常少，少到几天甚至半个月才能卖出一件商品。这一切一般都源于店铺的装修设计等方面不到位。

在网上开店，也要把门面装修得漂亮点才能吸引买家。作为视觉动物，第一印象对于人的认知会产生相当大的影响。同样，逛街购物也是如此。装修靓丽而富有特色的门店可给人舒畅的购物心情，下单的时候自然会爽快一些。倘若店铺的装修毫无特色，货品堆放毫无秩序，相信你的购物欲望也会大打折扣，甚至有赶快离开的心理。而对于网络店铺来说，装修更是店铺兴旺的制胜法宝。商品的任何信息买家都只能通过网店页面来获得，所以更要在美观上下一些功夫。一般来说，经过装修设计的网络店铺特别能吸引网友的目光。

本书主要内容

目前市场上有几本网店装修的书，但大部分只讲述了按钮、店标、宣传公告等方面的设计。翻开目录，你会发现本书并不仅仅是一本讲解网店装修的图书，其中还有大量的关于创意、页面布局、页面视觉设计、页面配色等方面的知识，可谓一书在手，网店设计装修无忧。

本书是最全面的一本网店设计装修与配色的书，在各大网站和书店销售名列前茅，经过多次重印。

本书特色

一般的网店装修图书只讲述了网店装修技术的使用，如设计店标、设计分类按钮、设计广告栏，而网店装修技术含量本身并不高，一般只需精通制图软件就可胜任。若要彰显独特个性，最重要的还是创意，须懂得灵感和色彩的运用，才能获得稳定的客源。本书展示了时下最流行的商品页面风格，提供各种商品页面设计模板。《淘宝网店页面设计、布局、配色、装修一本通》通过分析实际的设计案例，帮助大家了解商品页面设计的趋势，以及流行的设计技术。还详细地讲解了商品页面制作方法，让您赶上最新的设计潮流，永不落伍。全面。网店装修最新、最全面的实战宝典。本书首先讲述了网店装修所需要的知识，接着讲述了页面的布局与视觉元素设计，页面色彩搭配，图片的处理，普通店铺的装修和旺铺的装修。实用。本书作者具有多年的网店设计与装修经验，将开店过程中的经验和技巧总结出来，涵盖了开店过程中遇到的许多细节问题。

本书适合读者

本书适合想在网上开店、进行网上创业的读者阅读；也适合正在经营网店，想通过网店的整体包装提升店铺档次，将生意做大做强的读者阅读；同时也适合网店设计与网店装修的专业人员参考。

本书的编者中既有具备国内多年网店设计装修经验的人员，又有网页设计与网站建设方面的人员，除了署名的编者外，另外参加编写和提供素材的还有邓静静、李银修、刘宇星、邓方方、张礼明、杨建伟、李晓民、孙良志、刘中华、晁辉、陈石送、孙启云、王方等。由于作者水平有限，加之创作时间仓促，本书不足之处在所难免，欢迎广大读者批评指正。

装修一本通-第一章-开工前准备

第一章开工前的准备

1、风格的选择：

一般有简约、欧式、和式、中式等风格。选择自己喜欢的风格，并整体统一，不要左顾右盼。比如我就喜欢简约，那么就注重简化物质，提升材料和质感。同时，装修的新趋势是“轻装修、重装饰”，装饰就是家具、摆件、窗帘、绿植等这些可以随意搭配和移动的物件。装修时尽量简单，将重点留给装饰，也就是软装。

2、装修方式的选择：

目前市面上有全包、半包、清包三种方式的做法。全包就是包工包料，这样客户可以节约时间，但就要求装修公司非常靠谱，否则可能客户出了很多钱但不出效果。半包则是更主流的做法，客户负责购买一些主材，比如瓷砖、木地板、乳胶漆等，装修公司负责一些辅料和人工。这样的话客户可以全程参与进来，将主要成本控制住，同时将琐碎的事交给专业的装修公司处理。清包是客户负责所有材料，只请工人来做。这样花费可能是最低的，取决于客户是否精通装修行业、装修建材、施工工艺等。如果客户也不是很熟悉装修行业，那么有可能会带来更多的时间成本、工艺成本等问题。当我家进行装修的时候，我应该选择半包方式，这样就可以控制大头，也就是82原则。同时要注意主材的进场时间，太晚影响进度，太早则对管理带来负担。最好是提前和装修公司沟通，什么时候以什么顺序进场。

3、装修施工：

总计包括拆改工程、水电工程、泥水工程、木工工程、油漆工程、安装工程、工程验收，七个阶段。其中拆改工程主要是土建完成后根据客户的实际需求增加隔断或拆除隔断，以达到空间需求。水电工程是隐蔽工程，涉及水路、电路、弱电等，一定要提前涉设计好用水、用电、用网设备的安装位置、规格等。泥水工程主要是水电后进行，地面找平、防水、贴瓷砖等。木工工程主要是门窗、定制家具、天花、背景墙等制作。油漆工程则一般等比较脏的工程完成后进行，包括乳胶漆粉刷、木器油漆粉刷等各种涂料施工。安装工程主要是开关插座、橱柜、卫浴产品、五金配件等材料的安装。工程验收一般分为中期验收和最终验收，业主要在每到工序完工后进行验收，通过后才可以进行下一道工序。否则必须进行返工。最后再统一进行整体的验收。验收通过后还需要进行环保检测，对指标过大的污染物进行环保处理。没问题后软装就可以进场了，包括家具电器、床及床上用品、窗帘、摆件绿植等。

4、装修材料用料计算：

在装修前有必要对房子进行装修面积的测量。通常需要预估用料的地方有天棚、墙面、地面、门窗等几个部分。

乳胶漆的用料计算粗略估计为地面面积*2.5-3.用2.5还是3主要取决于房间的窗子是否够多够大。如果窗子不多就乘以3。窗子多就乘以2.5。

需要做防水的地方主要有卫浴间、厨房、阳台。虽然土建做了一次建筑防水，但是因为混泥土缺陷问题，不可能做到完全的防水，所以在用水多的地方再做一次防水可以起到双保险的作用，有备无患。

卫浴间的防水面积等于（地面周长-门宽度）*1.8米+地面面积。1.8米不一定就是这个数，如果一面墙的背面是一个木柜，那么实际的高度可能就要调整为木柜的高度。一般来说1.8米是足够了。

厨房也是用水重地，防水面积等于（地面周长-门宽度）*0.3米+地面面积+洗菜池宽度*1.5米。阳台的话主要就是地面面积就够了。防水涂料一般是按照每平方米需要多少公斤来计算。

瓷砖的用料粗略计算为需要铺设的面积除以单块瓷砖的面积再乘以1.05或1.08左右。

吊顶的用料，比如石膏板、石膏线等。面积一般看造型是否复杂，不复杂的话一般就为顶棚面积，复杂的话可以计算展开面积，这样更精确。根据复杂度的不同可能会预留10%-40%的余量。

壁纸的预估等于需要铺贴的面积除以每卷可以铺设的面积再预留5%即可。

5、装修预算：

装修费用包括装修公司收费部分加业务自购材料和家电的费用。

装修公司收费部分包括材料费、人工费、设计费、管理费、利润。其中材料费和人工费占大头，约60%-80%左右。材料费还好，主要就是人工费较高，并且呈增长趋势。设计费主要是支付设计师的时间成本，设计师需要到现场调研、研究墙体设计、创意、绘图并呈现给客户等服务。好的设计可以让业务住的舒心并且节约用料，所以支付一定的设计费是有必要的。管理费主要是工地的管理，一般按照工程量的3%-4%收取。主要涉及材料及使用的管理、垃圾清理和搬运等。好的项目管理可以节约业主的时间和用料。利润是装修公司的毛利，一般为30-40%。装修公司还需要支付设计师的提成、项目经理的分成和运营成本。最后到手差不多是20%。

业务自购材料和家具的费用主要根据其喜好和实际用量计算。

装修预算需要注意的几个问题有：注意材料名和规格不详、注意装修公司漏报项目、注意损耗情况、注意无中生有、注意工程数量虚增、注意工艺做法不明确。

注意材料名和规格不详：仔细检查材料的品牌、规格、型号。一定要核对产品到货的时候和合同是一致的，这样可以有效减少装修公司作假的可能性。

注意装修公司漏报项目：仔细查看是否有疏漏的部分，避免装修公司以低价拿单后又在实际工作中临时加价。

注意损耗情况：业务要清楚哪些地方没有损耗，哪些地方是有损耗的。

注意无中生有：注意报价中不是装修公司该收的费用。比如一些材料，比如门窗、木地板、铝扣板等，材料费用中已经包括了安装费，这部分工作由供应商安装。如果装修公司对这部分进行收费的话就需要剔除掉，并且对装修公司的诚信问题做出谨慎考虑。

注意工程数量虚增：装修合同一般都会写明按照实际工程量结算。一定要清楚实际的工程量，并且甲乙双方在现场共同确认工程量。不能说什么就是什么。

注意工艺做法不明确：有些装修项不仅要写明用料的品牌、规格、型号、数量，还需要写明关键的工艺。因为不同的工艺会造成工程质量区别，价格也不一样。比如乳胶漆项内就应该写明工艺应该是三遍扇灰和一底两面。如果装修公司只做两边扇灰和一底一面的话，价格肯定是有差别的。

如何控制装修预算不超标？主要注意以下几点：

仔细审核设计图纸：装修的预算基本上都是根据图纸上的尺寸、材料、工艺决定的。一些在图纸上无法体现的，比如水电改造、灯具安装等项目也应该体现在预算清单中。做到MCME。

价格的比较方法：不能单纯的看哪家价格低就选哪家。而是要看装修的设计、用料、工艺工序等来进行客观的评估。即用正常的价格买到好装修。

量入为出：要根据预算清单进行实施，不能看到某个更好的东西就随意的变化。

确保预算中没有重大漏项：确保装修范围没有重大的遗漏，一些小的配件可能价格不菲，比如一个水龙头，价格可能在几百元到上千元。

轻易不要在装修中途更换设计：更换装修公司，设计理念不一样，造成拆改的话，费用更高。另外，可能下一个装修公司也不一定更好。但是要注意沉没成本问题，如果一个装修公司确实非常不靠谱，比如设计不好，偷工减料的话，就有必要采取更换措施。所以业主在装修时一定要会选人，而且还要以身作则全程督查。

6、合同签订：

确定设计、预算清单没有问题后，则可以签订合同。合同的核心主要就是付款方式。装修行业一般分三次付款，开始支付50，中期验收后支付40，最后10作为尾款。作者建议业主可以分为4次付款。首付10的定金，然后装修公司可以组织人进行图纸设计，业务即使更换装修公司，但至少也省去了设计费。然后支付40的项目款用于装修公司购买辅料、组织人力等，接着在中期验收通过后，主要就是水电改造、泥瓦工结束并通过验收后支付40的项目款用于装修公司后续的木工、油漆工的工程量。最后预留10的尾款作为装修居住一定时间没有问题或者出现问题进行扣除后再进行支付。

当然，合同中可以保护业主的最重要环节就是支付方式。但在前期业主一定要做到几点：深度的介入设计阶段并尽量细化方案、中期验收要认真对待，特别是隐蔽工程时一定要多到现场督查、最终验收要仔细，最好请懂的人来看看、住了一段时间，确定没有问题后，再结清尾款。

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

第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