五项前期准备工作

网店装修的概念、照片拍摄、视觉营销三要素、装修基础软件和Photoshop 软件基础操作，前期准备工作全解析。

六大核心装修区域

网店店招、导航、欢迎模块、收藏区、客服区和详情页面核心的装修区域，要点和技巧全掌握。

七种类型店铺装修

服装、鞋包、饰品、数码手机、护肤彩妆、家居家纺和小商品七种不同类型商品店铺的装修技巧全面解读。

随书资源辅助学习

53个实例分析及其规范分层源文件，18章的PPT 教学课件，7个精彩案例视频详解，学习网店装修设计更轻松。

作者简介

创锐设计，由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍，不仅在国内处于领先地位，还有大量作品输出过海外版权，备受读者青睐。

在课程教材方面，由于他们拥有多年教育培训的经验，因此十分了解初学读者的心理需求，从而研究出了一套行之有效的教学方法；此外，他们又参加过多个商业项目的设计工作，熟悉行业规范、了解客户需求，拥有较高的设计水平，积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路。

出版的优秀图书有：

《Photoshop CC摄影后期专业技法》

《数码摄影后期密码 Photoshop CS6调色秘籍》

《数码摄影后期密码 Photoshop CS6人像精修》

《数码摄影后期密码 Photoshop CS6旅游风光》

《行摄 Photoshop CS6后期修片高手之道》

《中文版Photoshop CS6实例教程》

目录

导读4

01本书怎么读？5

02五个步骤搞定网店装修8

第一步：替换源文件中的图片和文本信息8

第二步：在Photoshop中制作切片并优化处理8

第三步：将切片处理后的图片上传到网络空间9

第四步：在Dreamweaver中添加链接并制作代码9

第五步：复制代码到店铺装修指定区域9

第一篇网店装修前的准备工作15

第1章对店铺装修进行初步了解15

1.1什么是网店装修16

1.2网店装修的意义17

1.2.1获取店铺信息17

1.2.2直观掌握更多的商品信息18

1.3店铺装修与转化率的关系19

1.4常见电商平台及其配色20

1.4.1淘 宝与天猫20

1.4.2唯品会20

1.4.3京 东21

1.4.4当 当网21

1.5如何确定装修的风格22

1.5.1网店整体色调的选择22

1.5.2详情页面橱窗照的设计22

1.5.3网店中各个模块的合理布局23

1.6网店装修中的误区24

第2章做好准备让装修有条不紊—前期工作25

2.1拍摄宝贝图片26

2.1.1摄影器材的选择26

2.1.2布置拍摄场地28

2.1.3多角度、重细节地拍摄宝贝31

2.1.4拍摄小窍门32

2.1.5后期修片原则34

2.2收集装修所需的设计素材36

2.3获得图片的存储空间37

2.3.1常用的免费空间相册37

2.3.2其他获取图片空间的方法38

2.4了解装修中遇到的文件格式40

第3章视觉营销三大要素—色彩、文字、版式43

3.1了解色彩的基本要点44

3.1.1色彩的种类44

3.1.2色彩三要素45

3.1.3色调的倾向48

3.2记忆中的色彩50

3.2.1暖色系色彩的性格和表现50

3.2.2冷色系色彩的性格和表现51

3.3常见配色方案52

3.3.1对比配色在网店装修中的应用52

3.3.2调和配色在网店装修中的应用54

3.4文字的重要表现56

3.4.1常见的字体风格56

3.4.2了解文字的编排准则58

3.4.3运用合理分割方式来安排文字59

3.4.4字体的创意设计61

3.5版式布局对网页界面的影响62

3.5.1版式设计的形式法则62

3.5.2版式布局中图片的处理64

3.5.3了解版式布局中的视觉流程65

3.5.4版式布局中的对齐方式66

第4章店铺装修的基础工具—美图秀秀和DW67

4.1最易上手的商品图片修饰软件——美图秀秀68

4.1.1认识美图秀秀68

4.1.2超炫特效让宝贝照片一键变身69

4.1.3为宝贝添加美轮美奂的智能边框70

4.1.4制作个性动感的GIF图片71

4.1.5拼图功能让宝贝全方位展示72

4.1.6为商品照片添加上水印73

4.1.7使用美图秀秀批量处理商品照片74

4.2专业的网页制作工具——Dreamweaver75

4.2.1认识Dreamweaver75

4.2.2练习：用表格功能制作商品尺寸简介76

4.2.3练习：为网页元素添加超链接78

4.2.4插入图像更改网页显示效果80

4.2.5文本的输入和编辑81

4.2.6练习：将设计的装修图片转换为代码82

第5章专业的网店装修利器——Photoshop85

5.1走进Photoshop86

5.1.1认识Photoshop86

5.1.2理解图层的作用让操作更流畅87

5.1.3基础工具的使用88

5.1.4掌握蒙版的编辑方法89

5.2照片的基础调整92

5.2.1“图像大小”改变照片分辨率92

5.2.2“裁剪工具”精确裁剪照片92

5.2.3更改照片的文件格式93

5.3照片的瑕疵修复93

5.3.1去除照片中多余的图像93

5.3.2消除人物的眼袋94

5.3.3抹去烦人的黑眼圈94

5.3.4模糊局部图像95

5.3.5清除红眼效果95

5.4抠取商品的六大法宝96

5.4.1单色背景的快速抠取96

5.4.2规则对象的抠取96

5.4.3多边形对象的抠取97

5.4.4轮廓清晰图像的抠取98

5.4.5精细图像的抠取98

5.4.6半透明图像的抠取99

5.5宝贝调色的六大秘诀100

5.5.1自动调色100

5.5.2有针对性的色彩处理——色相／饱和度100

5.5.3调整色彩的高、中、低调——色彩平衡101

5.5.4模拟特殊图像色彩——照片滤镜101

5.5.5局部色调的变换——可选颜色102

5.5.6无色系图像的层次处理——黑白102

5.6照片影调的五大秘密武器103

5.6.1对光线的明暗修正——曝光度103

5.6.2图像明暗的层次——亮度／对比度103

5.6.3局部明暗处理——色阶104

5.6.4自由处理各区域明暗——曲线104

5.6.5亮部与暗部的对比——阴影／高光105

5.7文字的添加和编辑106

5.7.1单行或单列文字的添加106

5.7.2段落文字的编辑107

5.7.3艺术化修饰标题文字107

5.8Photoshop在装修中的高级应用108

5.8.1细节的锐化108

5.8.2练习：水印的添加109

5.8.3边框的制作110

5.9网页切片的制作111

5.10批量处理多张照片112

第二篇网店装修六大核心区域的设计113

第6章打出过目不忘的招牌——店招113

6.1店招的设计分析114

6.1.1店招设计尺寸和格式114

6.1.2店招的作用114

6.1.3店招所包含的信息115

6.1.4店招的设计逻辑116

6.2实例：森女系女装店招设计与详解117

6.3实例：时尚美甲店招设计与详解122

6.4实例：艺术品收藏店招设计128

6.5实例：休闲装店招设计133

6.6实例：个性服装店招设计135

6.7实例：古董销售店招设计137

第7章帮助顾客精确定位——导航条139

7.1导航条的设计分析140

7.2实例：清爽风格导航条设计与详解141

7.3实例：时尚风格导航条设计与详解146

7.4实例：简洁风格导航条设计151

7.5实例：阳光风格导航条设计153

7.6实例：精致风格导航条设计155

7.7实例：古朴风格导航条设计157

第8章第一印象很重要—首页欢迎模块159

8.1首页欢迎模块的设计分析160

8.1.1欢迎模块的分类160

8.1.2欢迎模块设计的前期准备和表现因素160

8.1.3欢迎模块设计的技巧161

8.2实例：女式箱包“双十二”促销设计与详解164

8.3实例：品牌内衣活动版块设计与详解169

8.4实例：首饰广告商品展示设计173

8.5实例：母婴产品年度促销设计175

8.6实例：女鞋新品发布预告设计177

第9章巧用心思赢得回头客—店铺收藏区179

9.1收藏区的设计分析180

9.1.1收藏区的设计要点180

9.1.2练习：如何将设计的收藏区发布到店铺181

9.2实例：以店庆为主题的收藏区设计与详解183

9.3实例：收藏区添加大量优惠券信息与详解187

9.4实例：将收藏与侧边栏进行结合191

9.5实例：将收藏与欢迎模块进行结合193

9.6实例：热情风格的收藏区设计195

第10章给顾客解惑答疑——客服区

10.1客服区的设计分析198

10.1.1客服区的设计原则198

10.1.2练习：将设计的客服区上传到店铺199

10.1.3使用淘 宝装修助手制作在线客服202

10.2实例：素雅风格的客服区设计与详解203

10.3实例：可爱风格的客服区设计与详解207

10.4实例：清爽风格的客服区设计211

10.5实例：简约风格的客服区设计213

10.6实例：侧边栏客服区设计215

第11章体现宝贝的专业品质—宝贝描述217

11.1宝贝描述的设计分析218

11.1.1宝贝描述的设计原则218

11.1.2在宝贝描述中突出卖点的技巧219

11.1.3宝贝详情图片框架结构分析221

11.2实例：柔和风格的宝贝描述设计与详解222

文摘

版权页：

插图：