淘宝天猫网店微店装修设计从入门到精通（首页设计 主图优化 广告海报 产品详页 促销设计）

第1篇 基础入门篇
第01章　了解网店与微店装修设计
1．1　网店 微店装修入门基础　11
1．1．1　认识网店 微店装修　11
1．1．2　网店 微店装修的重要性　12
1．2　装修网店与微店的意义　12
1．2．1　展示店铺信息，加深品牌印象　12
1．2．2　展示商品详情，吸引顾客购买　14
1．2．3　实现视觉营销，提升店铺转化率　15
1．2．4　确定装修风格，突出产品的特色　16
1．3　10大常见网店与微店平台　17
1．3．1　淘宝与天猫　17
1．3．2　唯品会　18
1．3．3　京东　19
1．3．4　当当网　19
1．3．5　口袋购物与微店　20
1．3．6　微信小店　22
1．3．7　有赞　24
1．3．8　微盟旺铺　25
1．3．9　微店网　26
1．3．10　微小店　27
第02章　视觉营销让宝贝夺人眼球
2．1　网店 微店的色彩设计知识　29
2．1．1　无彩色系和有彩色系　29
2．1．2　认识色彩的三种属性　31
2．1．3　色调：色彩的基调　34
2．2　冷暖色系的网店 微店配色　37
2．2．1　暖色系色彩的特点　37
2．2．2　冷色系色彩的特点　38
2．3　网店 微店配色的常用方案　39
2．3．1　网店 微店中的对比配色技巧　39
2．3．2　网店 微店中的调和配色技巧　40
2．4　网店 微店的文字应用技巧　43
2．4．1　网店 微店的常见字体风格　43
2．4．2　网店 微店的文字编排规则　45
2．4．3　网店 微店的文字分割方式　46
2．5　网店 微店的版式布局技巧　48
2．5．1　网店 微店的版式布局原则　48
2．5．2　网店 微店的图片布局处理　52
2．5．3　网店 微店的版式布局指向　54
第03章　Photoshop电脑专业修图
3．1　Photoshop CC的基本应用　57
3．1．1　认识Photoshop　57
3．1．2　学会使用图层　60
3．1．3　使用基础工具　61
3．1．4　编辑蒙版技巧　63
3．2　网店 微店图片的基本处理　67
3．2．1　调整图像尺寸　67
3．2．2　裁剪图像素材　68
3．2．3　更改图片的文件格式　70
3．3　网店 微店图片的修复操作　71
3．3．1　运用仿制图章工具去除多余图像　71
3．3．2　运用修补工具修复图像瑕疵　72
3．3．3　运用修复画笔工具修复图像　72
3．3．4　运用模糊工具模糊局部图像　73
3．3．5　运用红眼工具清除人物红眼　74
3．4　网店 微店图片的抠图技法　75
3．4．1　抠取单色背景图　75
3．4．2　抠取规则对象　76
3．4．3　抠取多边形对象　78
3．4．4　抠取轮廓清晰的图像　78
3．4．5　抠取精细的图像　79
3．4．6　抠取半透明的图像　81
3．5　网店 微店图片的调色技巧　83
3．5．1　自动校正图像的色彩与色调　83
3．5．2　色彩浓度的调整——“色相 饱和度”命令　84
3．5．3　调整图像的颜色——“色彩平衡”命令　85
3．5．4　画面冷暖调的改变——“照片滤镜”命令　86
3．5．5　调整照片的局部色调——“可选颜色”命令　86
3．5．6　掌握黑白转换技巧——“黑白”命令　87
3．6　网店 微店图片的影调处理　87
3．6．1　修正光线的明暗——“曝光度”命令　87
3．6．2　控制照片的明暗对比——“亮度 对比度”命令　88
3．6．3　局部的明暗处理——“色阶”命令　89
3．6．4　单个通道的明暗调整——“曲线”命令　90
3．6．5　暗部和亮部的处理——“阴影 高光”命令　91
3．7　网店 微店图片的文字编辑　91
3．7．1　添加单行或单列文字　91
3．7．2　编辑段落文字　92
3．8　网店 微店图片的高级处理　93
3．8．1　锐化图像细节　93
3．8．2　添加水印效果　93
3．8．3　制作边框效果　94
3．8．4　制作网页切片　95
3．8．5　照片的批量处理　95
第04章　手机美图秀秀快速美化照片
4．1　新手上路：初识美图秀秀　98
4．1．1　美图秀秀的下载与安装　98
4．1．2　美图秀秀的基本操作　98
4．2　一键搞定：网店 微店商品照片美化　99
4．2．1　调整照片的色彩和色调　100
4．2．2　智能美化商品照片　102
4．2．3　商品照片的裁剪、旋转与锐化　103
4．2．4　为商品照片应用特效　106
4．2．5　为商品照片添加边框效果　108
4．2．6　使用魔幻笔修饰商品照片　111
4．2．7　为商品照片添加马赛克　112
4．2．8　为商品照片添加文字效果　113
4．2．9　为商品照片添加背景虚化效果　115
4．3　美容化妆：网店 微店模特照片美化　116
4．3．1　一键美颜　116
4．3．2　磨皮美白　116
4．3．3　祛斑祛痘　118
4．3．4　瘦脸瘦身　118
4．3．5　快速增高　119
4．3．6　眼睛放大　120
4．3．7　祛黑眼圈　120
4．3．8　亮眼功能　121
4．4　拼图效果：完美组合商品照片　121
4．4．1　模版拼图　122
4．4．2　自由拼图　122
4．4．3　海报拼图　124
4．4．4　拼接合成　124
第05章　店铺装修5大核心区域设计
5．1　打出过目不忘的招牌——店招　126
5．1．1　店招的设计要求　126
5．1．2　店招的主要功能　129
5．1．3　实例：花店类店招设计与详解　129
5．2　帮助顾客精确定位——导航条　131
5．2．1　导航条的设计分析　131
5．2．2　实例：儿童玩具店铺导航条设计与详解　133
5．3　巧用心思赢得回头客——店铺收藏区　135
5．3．1　收藏区的设计分析　135
5．3．2　实例：店铺收藏区设计与详解　136
5．4　给顾客解惑答疑——客服区　140
5．4．1　客服区的设计分析　140
5．4．2　实例：奶粉店铺客服区设计与详解　141
5．5　方便顾客了解店铺信息——公告栏　143
5．5．1　公告栏的设计分析　143
5．5．2　实例：店铺公告栏设计与详解　145
第2篇　核心技能篇
第06章　首页设计——引人注目的第一印象
6．1　首页欢迎模块的设计分析　149
6．1．1　了解首页欢迎模块　149
6．1．2　首页欢迎模块的设计要点　150
6．1．3　首页欢迎模块的设计技巧　151
6．2　实例：女装网店首页设计　153
6．2．1　制作首页背景效果　153
6．2．2　制作商品图像效果　154
6．2．3　制作宣传文案效果　155
6．3　实例：农产品微店首页设计　157
6．3．1　制作首页背景效果　157
6．3．2　制作商品图像效果　158
6．3．3　制作首页文案效果　160
第07章　主图优化——增加商品直观视觉效果
7．1　商品主图优化的设计分析　165
7．1．1　收集装修图片素材　165
7．1．2　一定要配有清晰的图片　166
7．2　实例：电脑网店主图优化　167
7．2．1　制作主图背景效果　168
7．2．2　制作主图商品效果　169
7．2．3　制作主图文案效果　170
7．3　实例：玩具微店主图优化　173
7．3．1　制作主图背景效果　173
7．3．2　制作细节图效果　174
7．3．3　制作主图文案效果　175
第08章　广告海报——热销商品页面设计理念
8．1　广告海报的设计分析　178
8．1．1　网络广告海报的分类　178
8．1．2　广告海报设计的要点　180
8．2　实例：首饰网店广告海报　181
8．2．1　制作广告海报的背景效果　182
8．2．2　制作广告海报的商品效果　184
8．2．3　制作广告海报的文案效果　185
8．3　实例：化妆品微店广告海报　188
8．3．1　制作广告海报的背景效果　188
8．3．2　制作广告海报的商品效果　191
8．3．3　制作广告海报的文案效果　192
第09章　产品详页——全方位地详细展示商品
9．1　产品详页的设计分析　195
9．1．1　产品详页的设计规范　195
9．1．2　产品详页的设计要点　195
9．2　实例：时尚女包产品详页　198
9．2．1　制作产品详页的商品效果　199
9．2．2　制作产品详页的文案效果　200
9．3　实例：电动车产品详页　202
9．3．1　制作产品详页的背景效果　202
9．3．2　制作产品详页的商品效果　205
9．3．3　制作产品详页的文案效果　206
第10章　促销方案——让买家心动促成交易
10．1　促销方案的设计分析　211
10．1．1　商品促销区的制作方法　211
10．1．2　促销方案的设计要点　212
10．1．3　促销活动的过程与类型　213
10．2　实例：汽车用品促销方案　217
10．2．1　制作促销方案的背景效果　217
10．2．2　制作促销方案的整体效果　219
10．3　实例：化妆品促销方案　221
10．3．1　制作促销方案的背景效果　222
10．3．2　制作促销方案的整体效果　224
第3篇　行业实战篇
第11章　女包店铺装修实战
11．1　女包店铺装修设计与详解　227
11．1．1　布局策划解析　227
11．1．2　主色调：清新蓝色和灰色　227
11．1．3　案例配色扩展　228
11．1．4　案例设计流程　229
11．2　女包店铺装修实战步骤详解　230
11．2．1　制作店铺背景和导航条　230
11．2．2　制作首页欢迎模块　231
11．2．3　制作促销方案　232
11．2．4　制作收藏区与广告海报　235
11．2．5　制作商品展示区　237
第12章　美妆店铺装修实战
12．1　美妆店铺装修设计与详解　241
12．1．1　布局策划解析　241
12．1．2　主色调：淡雅黄色调　241
12．1．3　案例配色扩展　242
12．1．4　案例设计流程　243
12．2　美妆店铺装修实战步骤详解　244
12．2．1　制作店铺店招和导航　244
12．2．2　制作首页欢迎模块　246
12．2．3　制作促销方案　248
12．2．4　制作商品展示区　250
12．2．5　制作热销商品区　252
第13章　手机店铺装修实战
13．1　手机店铺装修设计与详解　255
13．1．1　布局策划解析　255
13．1．2　主色调：黑白灰多层次搭配　255
13．1．3　案例配色扩展　256
13．1．4　案例设计流程　257
13．2　手机店铺装修实战步骤详解　258
13．2．1　制作店铺背景和店招　258
13．2．2　制作首页欢迎模块　260
13．2．3　制作商品展示区　261
13．2．4　制作单品简介区　263
13．2．5　制作其他商品区　265
第14章　家居店铺装修实战
14．1　家居店铺装修设计与详解　269
14．1．1　布局策划解析　269
14．1．2　主色调：棕色暖色调　269
14．1．3　案例配色扩展　270
14．1．4　案例设计流程　271
14．2　家居店铺装修实战步骤详解　272
14．2．1　制作店铺导航和店招　272
14．2．2　制作首页欢迎模块　274
14．2．3　制作单品简介区　276
14．2．4　制作广告海报　278
14．2．5　制作服务信息区　280
第15章　家具店铺装修实战
15．1　家具店铺装修设计与详解　282
15．1．1　布局策划解析　282
15．1．2　主色调：怀旧色调　282
15．1．3　案例配色扩展　283
15．1．4　案例设计流程　284
15．2　家具店铺装修实战步骤详解　285
15．2．1　制作店铺店招和导航　285
15．2．2　制作首页欢迎模块　287
15．2．3　制作掌柜推荐区　289
15．2．4　制作爆款推荐区　291
15．2．5　制作促销活动区　293
第16章　饰品店铺装修实战
16．1　饰品店铺装修设计与详解　295
16．1．1　布局策划解析　295
16．1．2　主色调：高明度暖色调　295
16．1．3　案例配色扩展　296
16．1．4　案例设计流程　297
16．2　饰品店铺装修实战步骤详解　298
16．2．1　制作店铺店招和导航　298
16．2．2　制作首页欢迎模块　301
16．2．3　制作促销方案　303
16．2．4　制作商品展示区1　305
16．2．5　制作商品展示区2　307
第17章　美食店铺装修实战
17．1　美食店铺装修设计与详解　310
17．1．1　布局策划解析　310
17．1．2　主色调：低纯度黄色系　310
17．1．3　案例配色扩展　311
17．1．4　案例设计流程　312
17．2　美食店铺装修实战步骤详解　313
17．2．1　制作店铺店招和导航　313
17．2．2　制作首页欢迎模块　315
17．2．3　制作商品推荐区　316
17．2．4　制作商品展示区　319
17．2．5　制作底部功能区　322
第18章　母婴店铺装修实战
18．1　母婴店铺装修设计与详解　324
18．1．1　布局策划解析　324
18．1．2　主色调：蓝色调　324
18．1．3　案例配色扩展　325
18．1．4　案例设计流程　326
18．2　母婴店铺装修实战步骤详解　327
18．2．1　制作店铺店招和导航　327
18．2．2　制作首页欢迎模块　329
18．2．3　制作主打商品区　332
18．2．4　制作标题栏　332
18．2．5　制作商品展示区　333