导读 11
01 本书怎么读 12
02 5个步骤搞定网店装修 15
第一步：替换源文件中的图片和文本信息 15
第二步：在Photoshop中制作切片并优化处理 15
第三步：将切片处理后的图片上传到网络空间 16
第四步：在Dreamweaver中添加链接并制作代码 16
第五步：复制代码到店铺装修指定区域 16
第1章 初步了解店铺装修 17
1.1 什么是网店装修 18
1.2 网店装修的意义 19
1.2.1 获取店铺信息 19
1.2.2 直观掌握更多的商品信息 20
1.3 店铺装修与转化率的关系 21
1.4 常见电商平台及其配色 22
1.4.1 淘宝与天猫 22
1.4.2 唯品会 23
1.4.3 京东 24
1.4.4 当当网 24
1.5 如何确定装修的风格 25
1.5.1 网店整体色调的选择 25
1.5.2 详情页面橱窗照的设计 26
1.5.3 网店中各个模块的合理布局 26
1.6 网店装修中的误区 27
第2章 视觉营销三大要素——色彩、文字、版式 29
2.1 了解色彩的基本要点 30
2.1.1 色彩的种类 30
2.1.2 色彩三要素 31
2.1.3 色调的倾向 34
2.2 记忆中的色彩 36
2.2.1 暖色系色彩的性格和表现 37
2.2.2 冷色系色彩的性格和表现 38
2.3 常见的配色方案 39
2.3.1 对比配色在网店装修中的应用 39
2.3.2 调和配色在网店装修中的应用 41
2.4 文字的表现形式 43
2.4.1 常见的字体风格 43
2.4.2 了解文字的编排准则 45
2.4.3 运用合理分割方式来安排文字 47
2.4.4 字体的创意设计 49
2.5 版式布局对网页界面的影响 50
2.5.1 版式设计的形式法则 50
2.5.2 版式布局中图片的处理 52
2.5.3 了解版式布局中的视觉流程 53
2.5.4 版式布局中的对齐方式 54
第3章 店铺装修的基础工具——美图秀秀和DW 55
3.1 最易上手的商品图片修饰软件——美图秀秀 56
3.1.1 认识美图秀秀 56
3.1.2 超炫特效让宝贝照片一键变身 57
3.1.3 为宝贝添加美轮美奂的智能边框 58
3.1.4 制作个性动感的GIF图片 59
3.1.5 拼图功能让宝贝全方位展示 60
3.1.6 为商品照片添加水印 61
3.1.7 使用美图秀秀批量处理商品照片 63
3.2 专业的网页制作工具——Dreamweaver 64
3.2.1 认识Dreamweaver 64
3.2.2 练习：用表格功能制作商品尺寸简介 65
3.2.3 练习：为网页元素添加超链接 68
3.2.4 插入图像更改网页显示效果 70
3.2.5 文本的输入和编辑 71
3.2.6 练习：将设计的装修图片转换为代码 73
第4章 专业的网店装修利器——Photoshop 77
4.1 走进Photoshop 78
4.1.1 认识Photoshop 78
4.1.2 理解图层的作用让操作更流畅 79
4.1.3 基础工具的使用 80
4.1.4 掌握蒙版的编辑方法 82
4.2 照片的基础调整 85
4.2.1 “图像大小”改变照片分辨率 85
4.2.2 “裁剪工具”精确裁剪照片 85
4.2.3 更改照片的文件格式 86
4.3 照片的瑕疵修复 87
4.3.1 去除照片中多余的图像 87
4.3.2 消除人物的眼袋 87
4.3.3 抹去烦人的黑眼圈 88
4.3.4 模糊局部图像 88
4.3.5 清除红眼效果 89
4.4 抠取商品的六大法宝 89
4.4.1 单色背景的快速抠取 90
4.4.2 规则对象的抠取 90
4.4.3 多边形对象的抠取 91
4.4.4 轮廓清晰图像的抠取 92
4.4.5 精细图像的抠取 93
4.4.6 半透明图像的抠取 93
4.5 宝贝调色的六大秘诀 94
4.5.1 自动调色 94
4.5.2 有针对性的色彩处理——色相／饱和度 95
4.5.3 调整色彩的高、中、低调——色彩平衡 95
4.5.4 模拟特殊图像色彩——照片滤镜 96
4.5.5 局部色调的变换——可选颜色 97
4.5.6 色系图像的层次处理——黑白 97
4.6 照片影调的五大秘密武器 98
4.6.1 对光线的明暗进行修正——曝光度 98
4.6.2 图像明暗的层次——亮度／对比度 98
4.6.3 局部明暗处理——色阶 99
4.6.4 自由处理各区域的明暗——曲线 100
4.6.5 亮部与暗部的对比——阴影／高光 100
4.7 文字的添加和编辑 101
4.7.1 单行或单列文字的添加 101
4.7.2 段落文字的编辑 103
4.7.3 艺术化修饰标题文字 103
4.8 Photoshop在装修中的高级应用 104
4.8.1 节的锐化 104
4.8.2 练习：水印的添加 105
4.8.3 边框的制作 106
4.9 网页切片的制作 108
4.10 批量处理多张照片 109
第5章 打出过目不忘的招牌——店招 111
5.1 店招的设计分析 112
5.1.1 店招的设计尺寸和格式 112
5.1.2 店招的作用 112
5.1.3 店招所包含的信息 113
5.1.4 店招的设计逻辑 114
5.2 实例：森女系女装店招设计与详解 115
5.3 实例：时尚美甲店招设计与详解 121
第6章 帮助顾客精确定位——导航条 129
6.1 导航条的设计分析 130
6.2 实例：清爽风格导航条的设计与详解 131
6.3 实例：时尚风格导航条的设计与详解 137
第7章 第一印象很重要——首页欢迎模块 143
7.1 首页欢迎模块的设计分析 144
7.1.1 欢迎模块的分类 144
7.1.2 欢迎模块设计的前期准备和表现因素 144
7.1.3 欢迎模块设计的技巧 145
7.2 实例：女式箱包“双十二”促销设计与详解 148
7.3 实例：品牌内衣活动板块设计与详解 153
第8章 巧用心思赢得回头客——店铺收藏区 159
8.1 收藏区的设计分析 160
8.1.1 收藏区的设计要点 160
8.1.2 练习：如何将设计的收藏区发布到店 161
8.2 实例：以店庆为主题的收藏区设计与详解 163
8.3 实例：收藏区添加大量优惠券信息与详解 168
第9章 给顾客解惑答疑——客服区 173
9.1 客服区的设计分析 174
9.1.1 客服区的设计原则 174
9.1 2练习：将设计的客服区上传到店铺 175
9.1.3 使用淘宝装修助手制作在线客服 178
9.2 实例：素雅风格客服区的设计与详解 179
9.3 实例：可爱风格客服区的设计与详解 184
第10章 体现宝贝的专业品质——宝贝描述 189
10.1 宝贝描述的设计分析 190
10.1.1 宝贝描述的设计原则 190
10.1.2 在宝贝描述中突出卖点的技巧 191
10.1.3 宝贝详情图片框架结构分析 193
10.2 实例：柔和风格的宝贝描述设计与详解 194
10.3 实例：高雅风格的宝贝描述设计与详解 200
第11章 女性服装店铺装修设计与详解 205
11.1 布局策划解析 206
11.2 主色调：复古的棕色系 206
11.3 案例配色扩展 207
11.4 案例设计流程图 208
11.5 案例步骤详解 209
第12章 户外背包店铺装修设计与详解 215
12.1 布局策划解析 216
12.2 主色调：双色调背景 216
12.3 案例配色扩展 217
12.4 案例设计流程图 218
12.5 案例步骤详解 219
第13章 首饰店铺装修设计与详解 225
13.1 布局策划解析 226
13.2 主色调：民族风情的配色 226
13.3 案例配色扩展 227
13.4 案例设计流程图 228
13.5 案例步骤详解 229
第14章 手机数码类店铺装修设计与详解 237
14.1 布局策划解析 238
14.2 主色调：清爽蓝色调 238
14.3 案例配色扩展 239
14.4 案例设计流程图 240
14.5 案例步骤详解 241
14.6 更改整体配色的操作 250
第15章 美妆商品店铺装修设计与详解 251
15.1 布局策划解析 252
15.2 主色调：高明度蓝色 253
15.3 案例配色扩展 253
15.4 案例设计流程图 254
15.5 案例步骤详解 255
第16章 家居装饰店铺装修设计与详解 261
16.1 布局策划解析 262
16.2 主色调：怀旧色调 262
16.3 案例配色扩展 263
16.4 案例设计流程图 264
16.5 案例步骤详解 265
附录 271
附录01 网店装修常用布局 272
版式01：分组清晰 272
版式02：展示形象 272
版式03：注重搭配 273
版式04：引导视线 273
版式05：集中视觉 274
版式06：信息丰富 274
版式07：对称页面 275
版式08：金字塔形 275
附录02 网店装修常用配色 276
风格01：高贵 276
风格02：朴素 276
风格03：复古 277
风格04：自然 277
风格05：理智 278
风格06：稚嫩 278
风格07：开放 279
风格08：性感 279
风格09：静谧 280
风格10：阳光 280