淘宝天猫网店设计从入门到精通 店铺装修+广告海报+修图修片+架构布局+配色应用+设计模版PDF电子书下载

导读 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章 店铺装修的基础工具——美图秀秀和DW 67

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 专业的网页制作工具——Dreamweaver 75

4.2.1 认识Dreamweaver 75

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

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

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

4.2.5 文本的输入和编辑 81

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

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

5.1 走进Photoshop 86

5.1.1 认识Photoshop 86

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.8 Photoshop在装修中的高级应用 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章 给顾客解惑答疑——客服区 198

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

11.3 实例：高雅风格的宝贝描述设计与详解 227

11.4 实例：清爽风格的宝贝描述设计 231

11.5 实例：甜美风格的宝贝描述设计 233

11.6 实例：轻快风格的宝贝描述设计 235

第三篇 统一整店风格强化客户对店铺及品牌的意识 237

第12章 服装类店铺装修大集合 237

12.1 实例：复古色调的女性服装店铺装修设计与详解 238

12.1.1 布局策划解析 238

12.1.2 主色调：复古的棕色系 239

12.1.3 案例配色扩展 239

12.1.4 案例设计流程图 240

12.1.5 案例步骤详解 241

12.2 实例：清新风格的女装店铺装修设计 247

12.1.1 布局策划解析 247

12.2.2 主色调：清新浅墨绿色 248

12.2.3 案例配色扩展 248

12.2.4 案例设计流程图 249

12.3 实例：粉色调的儿童服装店铺装修设计 250

12.3.1 布局策划解析 250

12.3.2 主色调：纯美粉色系 251

12.3.3 案例配色扩展 251

12.3.4 案例设计流程图 252

第13章 鞋包配饰类店铺装修大集合 253

13.1 实例：怀旧色调的户外背包店铺装修设计与详解 254

13.1.1 布局策划解析 254

13.1.2 主色调：双色调背景 255

13.1.3 案例配色扩展 255

13.1.4 案例设计流程图 256

13.1.5 案例步骤详解 257

13.2 实例：复古风格的可爱女鞋网店设计 263

13.2.1 布局策划解析 263

13.2.2 主色调：低纯度的棕色系 264

13.2.3 案例配色扩展 264

13.2.4 案例设计流程图 265

13.3 实例：蓝绿色调的女式箱包店铺装修设计 266

13.3.1 布局策划解析 266

13.3.2 主色调：蓝绿色系 267

13.3.3 案例配色扩展 267

13.3.4 案例设计流程图 268

第14章 珠宝手表类店铺装修大集合 269

14.1 实例：暗红色调民族风首饰店铺装修设计与详解 270

14.1.1 布局策划解析 270

14.1.2 主色调：民族风情的配色 271

14.1.3 案例配色扩展 271

14.1.4 案例设计流程图 272

14.1.5 案例步骤详解 273

14.2 实例：白色调清新风格的首饰店铺装修设计 281

14.2.1 布局策划解析 281

14.2.2 主色调：丝绸般的光泽色 282

14.2.3 案例配色扩展 282

14.2.4 案例设计流程图 283

14.3 实例：暗色冷酷风格手表店铺装修设计 284

14.3.1 布局策划解析 284

14.3.2 主色调：神秘的暗色调 285

14.3.3 案例配色扩展 285

14.3.4 案例设计流程图 286

第15章 手机数码类店铺装修大集合 287

15.1 实例：单纯蓝色调风格的数码店铺装修设计与详解 288

15.1.1 布局策划解析 288

15.1.2 主色调：清爽蓝色调 289

15.1.3 案例配色扩展 289

15.1.4 案例设计流程图 290

15.1.5 案例步骤详解 291

15.1.6 更改整体配色的操作 300

15.2 实例：黑暗炫彩星空风格的手机店铺装修设计 301

15.2.1 布局策划解析 301

15.2.2 主色调：深色调与多彩色 302

15.2.3 案例配色扩展 302

15.2.4 案例设计流程图 303

15.3 实例：多彩靓丽风格的数码店铺装修设计 304

15.3.1 布局策划解析 304

15.3.2 主色调：暖色到冷色的过渡 305

15.3.3 案例配色扩展 305

15.3.4 案例设计流程图 306

第16章 彩妆美肤类店铺装修大集合 307

16.1 实例：清爽风格美妆商品店铺设计与详解 308

16.1.1 布局策划解析 308

16.1.2 主色调：高明度蓝色 309

16.1.3 案例配色扩展 309

16.1.4 案例设计流程图 310

16.1.5 案例步骤详解 311

16.2 实例：多彩风格美甲商品店铺设计 317

16.2.1 布局策划解析 317

16.2.2 主色调：绚丽色彩 318

16.2.3 案例配色扩展 318

16.2.4 案例设计流程图 319

16.3 实例：淡雅风格美肤产品店铺设计 320

16.3.1 布局策划解析 320

16.3.2 主色调：淡雅黄色调 321

16.3.3 案例配色扩展 321

16.3.4 案例设计流程图 322

第17章 家居家纺类店铺装修大集合 323

17.1 实例：简约风格家居装饰店铺首页设计与详解 324

17.1.1 布局策划解析 324

17.1.2 主色调：怀旧色调 325

17.1.3 案例配色扩展 325

17.1.4 案例设计流程图 326

17.1.5 案例步骤详解 327

17.2 实例：现代风格家居店铺首页设计 333

17.2.1 布局策划解析 333

17.2.2 主色调：高纯度与低纯度的搭配 334

17.2.3 案例配色扩展 334

17.2.4 案例设计流程图 335

17.3 实例：高雅风格家纺店铺首页设计 336

17.3.1 布局策划解析 336

17.3.2 主色调：高雅紫色调 337

17.3.3 案例配色扩展 337

17.3.4 案例设计流程图 338

第18章 小商品类店铺装修大集合 339

18.1 实例：复古风格眼镜店铺首页设计与详解 340

18.1.1 布局策划解析 340

18.1.2 主色调：棕色系 341

18.1.3 案例配色扩展 341

18.1.4 案例设计流程图 342

18.1.5 案例步骤详解 343

18.2 实例：暖色调礼品店铺首页设计 349

18.2.1 布局策划解析 349

18.2.2 主色调：高明度暖色调 350

18.2.3 案例配色扩展 350

18.2.4 案例设计流程图 351

18.3 实例：古典风韵茶具店铺首页设计 352

18.3.1 布局策划解析 352

18.3.2 主色调：低明度色彩 353

18.3.3 案例配色扩展 353

18.3.4 案例设计流程图 354

附录 355

附录01 网店装修常用布局 356

版式01：分组清晰 356

版式02：展示形象 356

版式03：注重搭配 357

版式04：引导视线 357

版式05：集中视觉 358

版式06：信息丰富 358

版式07：对称页面 359

版式08：金字塔型 359

附录02 网店装修常用配色 360

风格01：高贵 360

风格02：朴素 360

风格03：复古 361

风格04：自然 361

风格05：理智 362

风格06：稚嫩 362

风格07：开放 363

风格08：性感 363

风格09：静谧 364

风格10：阳光 364