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

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

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

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

第1章 网店装修入门基础

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

1.1.1 什么是网店装修

1.1.2 为什么要进行网店装修

1.1.3 新手店铺装修的误区

 1.2 网店装修审美准则

1.2.1 网店的风格

1.2.2 网店审美的通用原则

 1.3 网店装修的一般流程

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

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

2.1.1 为什么要进行策划

2.1.2 网店的栏目策划

2.1.3 网店的页面策划

 2.2 网店布局的基本元素

 2.3 页面布局设计

2.3.1 页面布局原则

2.3.2 网店页面内容的排版

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

 3.1 网店导航设计

3.1.1 导航设计的基本要求

3.1.2 导航的基础要素

3.1.3 导航设计注意要点

 3.2 页面中的文字设计

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

3.2.2 文字的颜色

3.2.3 文字的图形化

3.2.4 让文字易读

 3.3 页面中的图片应用

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

3.3.2 商品图片的诚信原则

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

 3.4 让按钮更易点击

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

 4.1 页面设计创意思维

4.1.1 什么是创意

4.1.2 创意思维的原则

4.1.3 创意的产生过程

 4.2 常见的创意方法

4.2.1 富于联想

4.2.2 巧用对比

4.2.3 大胆夸张

4.2.4 趣味幽默

4.2.5 善用比喻

4.2.6 以小见大

4.2.7 偶像崇拜

4.2.8 古典传统

4.2.9 流行时尚

 4.3 网店页面风格

4.3.1 大幅配图

4.3.2 面板风格

4.3.3 三维风格

4.3.4 书报风格

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

 5.1 人气商品页面分析

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

5.1.2 详细展示商品

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

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

 5.2 热销商品页面设计理念

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

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

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

5.2.4 商品信息介绍准确详细

5.2.5 分享购买者的经验

5.2.6 展示相关证书或证明

5.2.7 文字注意可读性

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

 6.1 色彩的原理

 6.2 色彩的分类

6.2.1 无彩色

6.2.2 有彩色

 6.3 色彩的三要素

6.3.1 明度

6.3.2 色相

6.3.3 纯度

 6.4 色彩对比

6.4.1 明度对比

6.4.2 色相对比

6.4.3 纯度对比

6.4.4 色彩的面积对比

6.4.5 色彩的冷暖对比

 6.5 网店页面色彩搭配方法

 6.6 主色、辅助色、点缀色

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

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

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

第7章 网店色调与配色.

 7.1 红色系的配色

7.1.1 红色适合的配色方案

7.1.2 适用红色系的网店

 7.2 橙色系的配色

7.2.1 橙色适合的配色方案

7.2.2 适用橙色系的网店

 7.3 黄色系的配色

7.3.1 黄色适合的配色方案

7.3.2 适用黄色系的网店

 7.4 紫色系的配色

7.4.1 紫色适合的配色方案

7.4.2 适用紫色系的网店

 7.5 绿色系的配色

7.5.1 绿色适合的配色方案

7.5.2 适用绿色系的网店

 7.6 蓝色系的配色

7.6.1 蓝色适合的配色方案

7.6.2 适用蓝色系的网店

 7.7 无彩色的配色

7.7.1 白色系网店

7.7.2 灰色系网店

7.7.3 黑色系网店

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

 8.1 女装网店

8.1.1 女装网店的经营特点

8.1.2 页面分析

8.1.3 网店配色讲解

 8.2 美容化妆网店

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

8.2.2 页面分析

8.2.3 网店配色讲解

 8.3 计算机数码类产品网店

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

8.3.2 页面分析

8.3.3 网店配色讲解

 8.4 家居日用品网店

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

8.4.2 页面分析

8.4.3 网店配色讲解

 8.5 男性商品类网店

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

8.5.2 页面分析

8.5.3 网店配色讲解

 8.6 珠宝饰品网店

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

8.6.2 页面分析

8.6.3 网店配色讲解

 8.7 箱包网店

8.7.1 箱包网店的经营特点

8.7.2 页面分析

8.7.3 网店配色讲解

 8.8 鞋类网店

8.8.1 鞋类网店的经营特点

8.8.2 页面分析

8.8.3 网店配色讲解

 8.9 童装网店

8.9.1 童装网店的经营特点

8.9.2 页面分析

8.9.3 网店配色讲解

 8.10 食品网店

8.10.1 食品网店的经营特点

8.10.2 页面分析

8.10.3 网店配色讲解

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

 9.1 简单的照片处理

9.1.1 调整拍歪的照片

9.1.2 缩小图片

9.1.3 自由裁剪照片

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

 9.2 调整照片效果

9.2.1 调整曝光不足的照片

9.2.2 调整曝光过度的照片

9.2.3 调整模糊的照片

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

 9.3 为照片添加水印和边框

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

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

 9.4 照片特殊效果处理技法

9.4.1 把照片中的产品抠出来

9.4.2 快速更换图片的背景

9.4.3 给宝贝图片加圆角

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

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

第10章 普通店铺装修篇

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

 10.2 宝贝分类设计与设置

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

10.2.2 制作宝贝分类图片

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

 10.3 公告区域的制作

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

10.3.2 制作精美的图片公告

10.3.3 在店铺中应用图片公告

 10.4 店标的设计与发布

10.4.1 什么是网店的店标

10.4.2 店标设计的原则

10.4.3 店标制作的基本方法

10.4.4 设计店铺标志

10.4.5 将店标发布到店铺上

第11章 淘宝旺铺装修篇

 11.1 制作个性店招

11.1.1 店招制作的注意事项

11.1.2 服装店招设计实例

11.1.3 将店招应用到店铺中

 11.2 巧妙制作宝贝促销区

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

11.2.2 宝贝促销区的制作方法

11.2.3 促销海报排版

11.2.4 宝贝促销区设计实例

 11.3 制作宝贝描述模板

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

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

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

11.3.4 使用Dreamweaver生成网页代码

11.3.5 发布商品描述模板

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

 11.5 制作图片轮播

第12章 手机淘宝店铺装修

 12.1 手机淘宝

12.1.1 手机端与电脑端的区别

12.1.2 手机淘宝店铺装修要点

12.1.3 手机淘宝店铺装修误区

 12.2 下载与注册手机淘宝

12.2.1 下载手机淘宝客户端

12.2.2 登录手机淘宝

 12.3 手机店铺首页装修

 12.4 手机版宝贝详情页

 12.5 购买无线端装修模板

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

附录B 配色形容词色卡

附录C 页面安全色

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

网店装修的目的在于创造更多的销售额，为网店带来更高的人气和属于店铺的忠实客户。所以网店装修应该是建立在这个目的之上的，否则如果装修只是使图片更精美，而不能带来收益，那么装修网店就变得毫无价值和意义。

1.1.1什么是网店装修

网店装修可以理解为类似实体店铺的装修，店铺漂亮才能吸引顾客来购物甚至多次消费。对于网店来讲，一个好的店铺设计至关重要，毕竟买家只能通过网上的文字和图片来了解店铺，了解产品，所以店铺装修得好能增加买家的信任感，甚至还能对店铺品牌的树立起到关键作用。

网店装修就是在淘宝、易趣、拍拍等网店平台允许的结构范围内，尽量通过图片、程序模板等让店铺更加美观。“普通店铺”结构很固定，只能做一点装饰，功能性不强。而“旺铺”自由度非常大，功能也很强，关键是看自己的创意和技术。

1.1.2为什么要进行网店装修

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

第一，新手基本上都没有销售信誉，拿什么让买家相信你不是骗子呢?把网店装修得漂漂亮亮的，即使买家质疑你是骗子，你也可以挺直腰杆说：“有这么认真的骗子吗?”

第二，经过装修的网站会给买家留下一个好印象。很多新手在开店时，整个网店都可以看到马虎的痕迹。标题不规范，长的长，短的短；分类不整齐，有一个字的，有三个字的，有多个字的，看起来相当不协调；商品描述更是乱七八糟。而装修靓丽的网店会给顾客留下一个好印象，使其购买几率大大提高。

第三，装修网店时，要注意整体搭配。很多新手在装修时到处找免费的东西，七拼八凑，使整个店面花花绿绿的，跟垃圾场一样，那样的装修还不如不装修。

第四，网店商品虽然非常重要，但是绝对不能忽视装修。正所谓“三分靠长相七分靠打扮”，网店的美化如同实体店的装修一样，能让买家从视觉上和心理上感觉到店主对店铺的用心，并且能够最大限度地提升店铺的形象，有利于网店的品牌形成，提高浏览量。

第五，好的装修会增加顾客在网店停留的时间。漂亮、恰当的网店装修，可以给顾客带来美感，使顾客浏览网页时不易疲劳，自然会更细心地浏览你的店铺。好的商品在诱人的装饰品的衬托下，更不容易遭受拒绝，有利于促进成交。

如图1-1和图1-2所示分别为装修好的店铺和没有装修的店铺，可以看到装修后的店铺极大地提高了店铺的美观性和人气，网店销售量也有了很大的提高。

P14-P15