资源简介

(共20张PPT)
店铺装修与模块制作
第3章
3.3
店铺的风格管理与布局设计
搭建好网店店面的基本框架后，店铺装修工作并没有到此为止。以建房子来打比方，这只相当于完成了房子的房梁、墙壁等基本建设，接下来装修工人还要对房屋内部进行粉刷并划分空间格局。对于店铺装修来说，也就是对店铺进行风格管理和布局设计。
3.3.1 店铺风格管理
3.3.1.1 店铺风格概述
网店装修花式百出，如何巧夺天工，吸引客户眼球，成了网店卖家关注的重点。网店装修最重要的是要确定店铺的整体风格，卖什么产品就用什么风格，不然会给人一种不伦不类的感觉。另外，网店的各个页面、元素最好也保持相同的风格，才能使网店有整体感。
3.3.1 店铺风格管理
3.3.1.2 色彩与店铺风格
色彩与店铺风格的关系如图所示。
3.3.1 店铺风格管理
3.3.1.3 商品与店铺风格
店铺设计风格要与主营商品相符。针对不同的消费群体有不同的主题模板，一般来讲插画、时尚可爱、桃心、花边等元素适合女装类店铺；而黑白搭配、有金属质感的设计元素更适合男装店铺；毋庸置疑，卡通元素是童装店的最佳选择。下面介绍几种经典搭配。
3.3.1 店铺风格管理
3.3.1.3 商品与店铺风格
以紫色的优雅风格，柔美奔放的首页，突出女性魅力，强有力地吸引顾客眼球，如图所示。
女装店铺
3.3.1 店铺风格管理
3.3.1.3 商品与店铺风格
以橙黄色的时尚风格，现代潮流的首页，文字与模特有着统一美感，如图所示。
潮流时装店铺
3.3.1 店铺风格管理
3.3.1.3 商品与店铺风格
卡通风格，色彩形式丰富，但不压抑繁杂，属活泼可爱型，如图所示。
儿童用品店铺
3.3.1 店铺风格管理
3.3.1.4 消费者行为学与店铺风格
消费者行为及心理
消费者购物时的心理活动是本身需要和客观影响的综合反映；店铺装修设计中应针对消费者这一系列心理活动指定对策，使买家顺利实现购物行动。
认识过程与视觉心理
根据视觉心理学原理，卖家可增强商品与背景的对比、掌握适当的刺激强度，合理地确定商品标志、广告的数量与位置，以及布局的划分范围等。
情绪心理与购买行动
唤起兴趣，诱发联想，唤起欲望，促进信赖。
3.3.1 店铺风格管理
3.3.1.5 装修元素与店铺风格
创造主体意境
依据商品的特点梳理一个主题，围绕它形成店铺装修的一套手法。
重复主题
一些专门经营某种直营品牌产品的商店，常利用该品牌产品标志做装饰，反复出现，强化顾客的印象。经营品种较多的店铺也可以以某种图案为主题在装修中反复应用，加深买家的印象。
灵活变动
消费潮流不断地变化，所以店铺应随时调整布局。
3.3.2 店铺基本布局设计
在实体店铺中，店铺布局设计的主要功能就是方便顾客购买、刺激顾客消费。对于网上店铺来说也同样如此。下面就以淘宝旺铺专业版为例说明店铺基本布局设计的要点和流程。
3.3.2 店铺基本布局设计
3.3.2.1 店铺布局概述
店铺的店面是由店铺页面构成的，针对店铺的布局设计，主要就是对不同页面进行规划和功能设计。在淘宝网上，淘宝旺铺有三大页面，包括店铺首页、店铺列表页和店铺详情页。三大页面也都由页头、页面、页尾组成，如图所示。
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤1
首先进入“卖家中心”页面，单击左侧“店铺管理”区域中的“店铺装修”超链接，在打开的“店铺装修”页面中单击【布局管理】按钮，如图所示。
单击【布局管理】按钮
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤2
添加布局单元。单击【添加布局单元】按钮，如左图所示，然后选择想要的布局，如右图所示。
单击【添加布局单元】按钮
选择想要的布局（共有3种选择）
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤3
单击【移动】按钮可以拖动该布局单元到任意合适位置。单击【删除】按钮可以删除该布局单元，如图所示。
单击【移动】按钮
单击【删除】按钮
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤4
添加模块。模块尺寸分3类：一是通栏宽度为950 px的模块；二是通栏宽度为190 px的模块；三是通栏宽度为750 px的模块。通栏宽度950 px的和750 px的基础模块分别有2种；通栏宽度190 px的基础模块有14种，如图所示。
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤5
选择所需模块，并拖动至合适位置。本例在所有尺寸类型下，选择添加“自定义区”模块，操作如图所示。
拖动模块至合适的位置
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤6
注意添加模块的宽度需在布局单元的限定宽度内。如果对效果不满意，单击【删除】按钮可以删除该模块，如图所示。
单击【删除】按钮
3.3.2 店铺基本布局设计
3.3.2.2 编辑店铺布局的操作步骤
步骤7
设置其他页面的布局。单击不同的页面名称，就可以设置不同页面的布局管理，如图所示。
单击不同的页面名称，就可以设置不同页面的布局
感谢您的观看指导
BUSINESS

展开更多......

收起↑