《网店美工与店铺装修》教案 第14课 PC端电子产品店铺装修（一）.pdf

课题PC端电子产品店铺装修（一）

课时2课时（90min）

知识目标：

掌握PC端店铺首页的设计与制作方法

技能目标：

教学目标

能够设计、制作PC端店铺首页

素质目标：

培养周到细致、全面系统的思维方式

教学重点：店铺装修规划

教学重难点

教学难点：设计与制作店铺首页

教学方法问答法、讨论法、讲授法、实践法

教学用具电脑、投影仪、多媒体课件、教材

教学过程主要教学内容及步骤

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解电子产品

课前任务PC端店铺首页设计与制作的相关知识

【学生】完成课前任务

【教师】使用APP进行签到

考勤

【学生】按照老师要求签到

【教师】提出以下问题

问题导入你认为一个优秀的店铺首页应是怎样的？

【学生】聆听、思考、回答

【教师】通过大家的发言，引入新的知识点，讲解电子产品PC端店铺首页设计与制作的相关知识

9.1电子产品PC端店铺首页的设计与制作

【教师】组织学生扫码播放“电子产品PC端店铺首页的设计与制作”视频（详见教材），以电子产品PC

端店铺首页的设计与制作为例，讲解PC端店铺首页的设计技巧与制作方法

9.1.1店铺装修规划

1．店铺布局规划

传授新知

【师生互动】

【教师】展示“店铺布局规划示意图”（详见教材），随机邀请学生回答问题：

分析一下这个店铺的布局。

【学生】聆听、观察、思考、回答

【教师】总结学生的回答，讲解店铺的布局规划

(1)页头。从左到右依次安排用于展示店铺形象、信息的店铺标志和品牌口号，用于吸引消费者目光的优惠

券、新品，便于消费者快速查找所需商品的链接，这样安排页头既分区明确，让消费者一目了然，又能逐步引

1

导消费者在店内消费。

(2)页中。从上到下依次安排主推单品海报、“新品上市”商品展示区、优惠券、分类导航和商品展示区，

这么安排能够起到逐步引导消费者在店内消费的作用，让消费者产生“引起注意→了解店铺动态→产生购买欲

望→根据需要选购商品”心理活动。

(3)页尾。从上到下依次安排返回顶部按钮、底部导航、店铺声明，目的是便于消费者操作，同时提高消费

者对店铺的信任度。

此外，页中的组成元素大多采用长短、宽窄不同的矩形，这种设计可以消除画面过于规整所导致的沉闷、

呆板，使画面既稳定又活泼。

2．店铺配色方案确定

【师生互动】

【教师】展示“电子产品PC端店铺首页效果”（详见教材），随机邀请学生回答问题：

该店铺在配色上有何特点？

【学生】聆听、观察、思考、回答

【教师】总结学生的回答，讲解店铺的配色方案

本例中的店铺主营电子产品，将背景、页头颜色、大部分文案颜色等设置为无彩色系，可以使画面极具质

感，间接表现商品的品质与档次。另外，将重要信息设置为极具视觉冲击力的红色，能将其突显出来，吸引消

费者目光的同时使画面效果更加丰富。