内容简介

随着电商竞争的加剧，电商店铺的装修成为提高客流量与转化率的重要着力点。如何通过图片与文字的恰当搭配与编排，让店铺的商品在众多竞争对手中脱颖而出，是每个电商店铺进行装修时必须考虑的问题。《教你轻松学电商之店铺装修设计》专门讲解电商店铺装修制作方法和技巧。

《教你轻松学电商之店铺装修设计》共分为12章。第1～2章介绍电商店铺的装修、包含内容、布局方法、图像文件格式等基本知识。第3章介绍商品美化的几种方法，比如裁剪、调色、抠图和边框处理等。第4～10章讲述的是电商店铺中的店标、LOGO、活动图、店招、公告栏、导航条、首页海报、主图视图和详情页视频、首页、详情页等店铺页面区域的装修技巧和方法。第11章则讲的是手机端电商店铺的首页、详情页等页面的装修技巧和方法。第12章通过3个大型的服装店铺装修案例，详细讲解店铺装修的各种操作技巧。

《教你轻松学电商之店铺装修设计》不仅适合作为淘宝店主、淘宝美工自学或提高的教材，也适合想要从事电商方面工作又缺乏美术基础的人员阅读。同时也适合作为培训机构、职业院校相关专业的参考教材。

 

前言

随着电子商务的快速发展、电商企业的规模不断扩大，对人才专业化、细分化的需求更为迫切，然而实战型的电商人才匮乏，已成为电商行业快速发展的瓶颈。网店跟实体店一样，也需要装修，电商店铺装修是网店营销的着力点，通过装修电商店铺，可以提高店铺的客流量和转化率。

一、编写目的

鉴于电商飞速发展，以及Photoshop强大的功能和深厚的工程应用底蕴，我们力图编写一套全方位介绍Photoshop在电商行业实际应用情况的丛书。本书以店铺装修设计的理念为出发点，配以专业的图形处理软件Photoshop做讲解，帮助读者实实在在地掌握店铺装修设计理念和店铺装修案例的分析和设计。

二、本书内容安排

本书主要通过理论加案例实战的组合形式，介绍Photoshop、会声会影在店铺装修设计中各板块的功能，从商品美化图、电商店铺设计、电商首页设计、小视频制作、辅助页面设计、促销广告设计、详情页装修设计、手机端设计等，内容覆盖度极为宽广全面，可谓同类书中之冠。

而为了让读者更好地学习本书的知识，在编写时特地对本书采取了疏导分流的措施，将近250页的内容划分为了12章共计40多个案例，具体编排如下表所示。

章名               内 容 安 排

第1章       主要介绍店铺装修的意义、包含内容、搭配布局等基本知识

第2章       主要介绍店铺装修的图像文件格式、装修常识、图片空间获取等基础知识

第3章       主要介绍商品美化方法，比如裁剪、调色、抠图、加边框等

第4章       主要介绍电商店铺中的店标、LOGO、活动图等案例设计

第5章       主要介绍电商店铺中的店招、公告栏、导航条、首页海报等案例设计

第6章       主要介绍电商店铺中的主图视频、详情页视频案例设计与基础知识

第7章       主要介绍电商店铺中的首页欢迎区、店铺收藏区、客服区等案例设计

第8章       主要介绍电商店铺中的促销广告的基础知识与案例设计

第9章       主要介绍电商店铺中的详情页的基础知识与案例设计

第10章      主要介绍电商店铺中的宝贝陈列展区、分类引导区、店铺页尾等案例设计

第11章      主要介绍手机端电商店铺中各个页面的基础知识与装修技巧

第12章      主要介绍女性服装店铺、男性服装店铺以及儿童服装店铺的装修技巧

三、本书写作特色

为了让读者更好地学习与翻阅，本书在具体的写法上也暗藏玄机，具体总结如下。

零起点快速起步，软件技术全面掌握

本书从电商店铺装修的基本概念讲起，由浅入深，逐渐深入，对电商店铺装修的设计思路、原则、方法和技巧进行了全面的阐述。

案例贴身实战，技巧原理细心解说

本书每个知识点都配有课堂举例，直观、生动地演示每个技术核心。在一些重点和要点处，还添加了大量的提示和技巧讲解，帮助读者理解和加深认识，从而真正掌握，以达到举一反三、灵活运用的目的。

15种行业类型，行业应用全面接触

本书实例涉及服装、化妆、箱包、数码等常见15种行业类型，读者可以从中积累相关经验，拓展设计思路，以快速适应灵活多变的电商店铺装修制作要求。

40多个制作实例，设计技能快速提升

本书讲解的电商店铺装修设计案例，全部来源于实际商业项目，包含一流的创意和智慧，为读者了解一个主题或产品应如何展示提供了较好的“临摹”蓝本。

高清视频讲解，学习效率轻松翻倍

全书40个实例长达13小时，可以通过扫描实例中的二维码随时随地享受专家课堂式的讲解，提高学习兴趣和效率。另外，书中实例所需素材以及源文件可通过扫描右侧的二维码进行下载。

网络在线答疑，自学沟通零距离

为了方便自学的读者，本系列图书提供了免费在线答疑QQ群，有专业老师在线为各位读者解答学习中遇到的任何问题，解除读者的后顾之忧。

四、本书写作团队

本书由聂榕、叶振艳、刘豫军编著，其他参与编写的还有江凡、张洁、马梅桂、戴京京、骆天、胡丹、陈运炳、申玉秀、陈云香、陈文香、陈军云、彭斌全、林小群、刘清平、钟睦、刘里锋、朱海涛、廖博、喻文明、易盛、陈晶、张绍华、陈文轶、杨少波、杨芳、刘有良、刘珊、赵祖欣、毛琼健、江涛、张范、田燕等。

由于编者水平有限，书中疏漏与不妥之处在所难免。在感谢您选择本书的同时，也希望您能够把对本书的意见和建议告诉我们。

编 者

目录

第1章 电商装修的初步了解

1.1 店铺装修介绍         2

1.1.1 装修概述         2

1.1.2 意义      3

1.2 店铺装修包含的内容         4

1.2.1 店招      4

1.2.2 导航      5

1.2.3 详情页  5

1.2.4 促销模板         6

1.3 店铺的搭配布局     7

1.3.1 装修版面布局            7

1.3.2 图片与文字布局        8

1.3.3 配色方案布局          10

第2章 电商装修的基础

2.1 店铺装修用到的图像文件           12

2.1.1 PSD图像格式           12

2.1.2 GIF图像格式            12

2.1.3 JPEG图像格式         12

2.1.4 PNG图像格式          13

2.1.5 BMP图像格式          13

2.2 店铺装修常识       13

2.2.1 确定销售商品的类型          14

2.2.2 收集可用素材          14

2.2.3 认识店铺的种类      15

2.3 获取店铺图片的存储空间           16

2.4 店铺装修基础       18

2.4.1 选择风格       18

2.4.2 布局管理       19

2.4.3 宝贝分类管理          20

第3章 商品美化图

3.1 商品的裁剪           22

3.1.1 自定裁剪区   22

3.1.2 按尺寸裁剪   23

3.1.3 裁剪倾斜图片          25

3.2 商品图调色处理   27

3.2.1 处理偏暗的图片      27

3.2.2 处理色彩暗淡的图片          28

3.2.3 处理偏色的图片      29

3.3 多种抠图    30

3.3.1 不规则形状抠图      31

3.3.2 简单背景抠图          33

3.3.3 复杂图形抠图          34

3.4 边框、水印、批处理       36

3.4.1 添加边框       36

3.4.2 添加水印       38

3.4.3 批处理提高工作效率          40

第4章 电商店铺设计

4.1 店标设计    43

4.1.1 制作静态店标          43

4.1.2 制作动态店标          46

4.1.3 将店标应用到店铺中          48

4.2 LOGO设计            48

4.2.1 LOGO的意义           48

4.2.2 制作店铺LOGO       49

4.2.3 为商品添加LOGO   50

4.3 活动图制作           51

4.3.1 制作直通车图          52

4.3.2 制作钻展图   58

4.3.3 制作聚划算图          62

第5章 电商首页设计

5.1 店招的制作           70

5.1.1 店招的设计原则和要求      70

5.1.2 店招的类别   70

5.1.3 店招的设计逻辑      70

5.1.4 案例制作：休闲服装店招设计与详解          71

5.2 制作精美公告栏   75

5.2.1 文字公告栏   75

5.2.2 图片公告栏   76

5.2.3 动态公告栏   76

5.2.4 案例制作：店铺公告栏设计与详解   76

5.3 精准的定位——导航条   78

5.3.1 导航条介绍   79

5.3.2 导航条的设计要求  79

5.3.3 案例制作：导航条设计与详解     80

5.4 首页海报/轮播图设计      85

5.4.1 海报的视觉要点      85

5.4.2 制作海报图   86

5.4.3 海报图装修   92

5.4.4 轮播图装修   93

第6章 小视频制作

6.1 视频拍摄    95

6.1.1 淘宝商品拍摄流程  95

6.1.2 视频构图的基本原则          96

6.1.3 景别与角度   98

6.2 认识会声会影       99

6.2.1 会声会影的工作界面          99

6.2.2 视频制作流程       100

6.3 视频制作  100

6.3.1 制作9s主图视频     101

6.3.2 制作详情页视频    104

6.3.3 为视频添加LOGO  107

6.3.4 为视频添加音乐    108

6.4 上传视频  109

第7章 辅助页面设计

7.1 首页欢迎区         112

7.1.1 概述  112

7.1.2 设计分析     112

7.1.3 案例制作     113

7.2 店铺收藏区         118

7.2.1 概述  118

7.2.2 设计分析     118

7.2.3 案例制作     118

7.3 客服区      124

7.3.1 概述  124

7.3.2 设计分析     124

7.3.3 案例制作     124

第8章 促销广告设计

8.1 促销广告设计的标准     130

8.1.1 主题突出     130

8.1.2 目标明确     131

8.1.3 形式美观     131

8.2 促销广告的实施步骤     133

8.2.1 设计实施步骤        133

8.2.2 设计需求表            133

8.2.3 素材库管理            134

8.3 案例制作：促销广告设计与详解  134

第9章 详情页装修设计

9.1 详情页概述         142

9.2 设计分析  143

9.2.1 构成框架     143

9.2.2 设计原则     145

9.2.3 制作流程     145

9.3 案例制作：女鞋详情页面设计 146

第10章 电商页面其他装修

10.1 宝贝陈列展示设计       165

10.1.1 宝贝陈列展示的视觉要点         165

10.1.2 宝贝推荐模块设置         165

10.1.3 自定义展区制作  166

10.2 分类引导设计   172

10.3 店铺页尾设计   178

10.3.1 页尾的视觉要点  178

10.3.2 页尾的制作         179

第11章 手机端设计

11.1 手机端店铺的装修要点            184

11.2 手机端首页设计            184

11.2.1 首页装修技巧     185

11.2.2 店招          185

11.2.3 焦点图      185

11.2.4 优惠券      186

11.2.5 活动区      186

11.2.6 分类区      186

11.2.7 商品展示区         187

11.3 手机端详情设计            187

11.3.1 手机端与PC端的不同    187

11.3.2 设计规范  188

11.3.3 产品描述要素     188

11.4 手机端其他设计            189

11.5 案例制作：手机端零食店铺首页装修设计       191

第12章 服装类店铺装修案例集合

12.1 女性服装店铺装修设计案例   208

12.1.1 设计分析  208

12.1.2 制作步骤  208

12.2 男性服装店铺装修设计案例   221

12.2.1 设计分析  221

12.2.2 制作步骤  222

12.3 儿童服装店铺装修设计案例   234

12.3.1 设计分析  235

12.3.2 制作步骤  235