内容正文:
项目二 店铺首页装修
《店铺运营》高教版2025-中高职一体化课程改革成果教材
任务一 定位店铺风格
同步精品课堂
学习目标
01
教学引入
02
师生互动
04
课堂练习
05
目 录 CONTENTS
知识讲授
03
课堂小结
06
2
教学目标
素养目标
培养良好的审美能力,树立精益求情的工匠精神。
能力目标
能根据店铺风格选择合适的店铺模板
能根据店铺风格和商品特点,确定合适的配色方案;
能根据店铺风格和商品特点,为店铺设置合适的店铺背景。
知识目标
了解店铺模板类型;
了解店铺模板配色方案;
掌握店铺风格的类型及作用。
3
情境导入
在小张的协助下,这家传统食品小商店成功入驻了淘宝网,并设置店铺名称为“粽香馆”。为了提升消费者的购物体验,小张开始着手对店铺界面进行个性化装修。通过与商家的深入沟通,他确定了装修的关键模块,并明确了每个模块需要展示的核心信息,以期打造一个既美观又实用的在线购物环境。
思考:
为了将店铺装修设计得个性化、人性化,方便消费者浏览
与购买,小张首先要做哪些装修准备工作?
确定店铺装修风格
选择合适的装修模板
设置模板配色和店铺背景
定位
店铺风格
教 学 内 容
实例分析
(1)实例中对应的店铺首页装修设计给你带来怎样的感受?这是哪一种店铺风格?
(2)实例中的商家在进行店铺装修时首先明确了自身店铺风格,那么除了这种店铺风格,常见的店铺风格还有哪些?
6
思考?
(1)除了实例中提到的古典/民族风格,你们还知道哪些店铺风格的类型?
(2)不同类型的店铺风格分别适用于什么商品?
互动环节
7
1.提升店铺品牌形象
2.提升店铺信任度
3.提升消费者的视觉体验
4.增加店铺页面的访问量
5.增加消费者浏览停留的时间。
店铺风格的作用(背诵)
教学内容
8
店铺风格的概念及类型
多见于经营玉器、茶叶、纯银饰品、中国风服装等的店铺。
潮流时尚风格的店铺追求年轻、时尚和前卫的形象。多见于经营潮流服饰、饰品等的店铺。
整个页面简单干净,非常适合快节奏生活下的都市人群,多见于经营电器、简约风格服饰的店铺。
整个页面活泼可爱,多见于经营童装、文具等的店铺。
古典/民族风格
简约风格
可爱风格
潮流时尚风格
店铺风格是指店铺的整体形象给消费者的综合感受。
教学内容
每个店铺都应该有自己的风格,确定店铺风格需要考虑多方面的因素,包括商品类型、目标消费者偏好、配色方案等。
(1)登录淘宝网,打开三个食品类目的淘宝店铺,收集信息,填入下表。
(2)思考“棕香馆”适合采用哪种店铺风格,并说明理由。
互动环节
定位店铺风格第一步——确定店铺风格
1.店铺风格是店铺的整体形象给消费者的综合感受。这个整体形象不包括以下哪个因素?
A.店铺的版面布局
B.商品展示
C.商品白底图
D.店铺标志
【答案】C
【解析】这个“整体形象”包括店铺的版面布局、商品展示及商品质量、标志、标语、色彩等诸多因素。
课堂练习
2.整个页面简单干净,非常适合快节奏生活下的都市人群,这是哪一种店铺风格的特点?
A.古典/民族风格
B.简约风格
C.可爱风格
D.潮流时尚风格
【答案】B
【解析】简约风格整个页面简单干净,非常适合快节奏生活下的都市人群,多见于经营电器、简约风格服饰的店铺。
课堂练习
3.整个页面活泼可爱,多见于经营童装、文具等的店铺,这是哪一种风格的特点?
A.古典/民族风格
B.简约风格
C.可爱风格
D.潮流时尚风格
【答案】C
【解析】可爱风格整个页面活泼可爱,多见于经营童装、文具等的店铺。
课堂练习
4.哪一种店铺风格多见于经营潮流服饰、饰品等的店铺?
A.古典/民族风格
B.简约风格
C.可爱风格
D.潮流时尚风格
【答案】D
【解析】潮流时尚风格的店铺追求年轻、时尚和前卫的形象。整个页面呈现出一种充满活力和时尚感的氛围、吸引众多时尚青年的关注。多见于经营潮流服饰、饰品等的店铺。
课堂练习
5.一般来说,主营电子产品的店铺给人们的感受是?
A.活色生香
B.专业严肃
C.生动活泼
D.古典淡雅
【答案】B
【解析】食品店铺是活色生香的,儿童商品店铺是生动活泼的,电子产品店铺是专业严肃的。
课堂练习
简约时尚官方模板
收费店铺官方模板
动感红官方模板
店铺模板是店铺展示商品信息的整体页面版式,可以通过结构搭配、颜色搭配、图案装饰等来体现店铺的风格。
教学内容
店铺模板
互动环节
定位店铺风格第二步——选择店铺模板
互动环节
如果卖家对系统提供的三套免费模板都不满意,应该怎么办?
定位店铺风格第二步——选择店铺模板
店铺的装修方式分为两种:一种是根据商品自身的特点和需要去设计独具个性的店铺页面;另一种是通过购买淘宝卖家中心提供的店铺模板来装修。
6.店铺模板是店铺展示商品信息的整体页面版式,可以通过结构搭配、颜色搭配、图案装饰等来体现?
A.店铺风格
B.店铺背景
C.模板配色
D.店铺形象
【答案】A
【解析】店铺模板是店铺展示商品信息的整体页面版式,可以通过结构搭配、颜色搭配、图案装饰等来体现店铺风格。
课堂练习
7.淘宝旺铺是淘宝网提供的一项增值服务和功能,淘宝旺铺主要包括哪几种?(多选题)
A.基础版
B.专业版
C.智能版
D.旗舰版
【答案】ABC
【解析】淘宝旺铺是淘宝网提供的一项增值服务和功能,拥有比普通店铺更加个性化的店铺界面。淘宝旺铺分为基础版、专业版和智能版三种。
课堂练习
教学内容
模板配色是指在确定店铺模板后,根据店铺风格和商品类型等为店铺模板框架选择的整体配色方案。
模板配色 店铺背景
店铺背景是指页面中店铺模板
框架没有覆盖的部分,包括页头
背景和页面背景,可以设置不同
的颜色,或者设置背景图片。
背 诵
店铺模板配色方案,主要分为比例搭配和色调搭配两大类。
1.主色+辅色。
2.主色+点缀色。
3.主色+辅色+点缀色。
主色可以占据店铺页面的60%~90%,辅色可以占据店铺页面的20%~40%,点缀色可以占据店铺页面的5%~10%。
1.同色搭配是指用同类色或近似色进行搭配。
2.对比色搭配是确定一个起主导作用的颜色,辅色为主色的对比色或互补色。
比例搭配
色调搭配
教学内容
22
请在“粽香馆”确定的店铺风格基础上,完成店铺模板配色和店铺背景的设置。
互动环节
定位店铺风格第三步——设置模板配色和店铺背景
小组讨论
8.在店铺模板配色方案中,比例搭配中点缀色的比重是?
A.5%-10%
B.20%-40%
C.50%-60%
D.60%-90%
【答案】A
【解析】主色可以占据店铺页面的60%-90%,辅色可以占据店铺页面的20%-40%,点缀色可以占据店铺页面的5%-10%。
课堂练习
9.以下关于店铺背景的说法错误的是?
A.店铺背景是指页面中店铺模板框架没有覆盖的部分
B.店铺背景分为页头背景和页面背景
C.店铺背景分为页头背景和页中背景
D.店铺背景可以设置不同的颜色或者设置背景图片
【答案】C
【解析】店铺背景是指店铺页面中店铺模板框架没有覆盖的部分,包括页头背景和页面背景,可以设置不同的颜色或者设置背景图片。
课堂练习
10.确定一个起主导作用的颜色,辅色为主色的对比色或互补色,这是哪一种配色方案?
A.比例搭配
B.同色搭配
C.对比色搭配
D.互补色搭配
【答案】C
【解析】对比色搭配是确定一个起主导作用的颜色,辅色为主色的对比色或互补色。
课堂练习
店铺风格的含义、类型、作用;
店铺模板的含义、类型;
店铺模板配色方案和店铺背景。
课堂小结
梳理本任务知识点,绘制思维导图,巩固知识。
上网搜索更多热门店铺,分析其装修风格,至少选取三个店铺说明该店铺装修的最大亮点或缺点。
课堂小结
谢谢观看!
EV录屏5.4.7软件录制
Lavf58.33.100
本视频由湖南一唯信息科技开发的EV录屏软件录制, www.ieway.cn
$