《网店视觉营销设计》教案 模块5 手机端网店视觉营销设计.docx

《网店视觉营销设计》教案5-1

教师姓名

授课形式

授课课时

2

教案编号

授课班级

授课日期

年 月 日 第 周 星期

授课章节

名 称

5.1分析手机端网店页面设计

使用教具

网店运营推广实训室标准机房一个

教学目标

（含思政目标）

知识目标：了解手机端网店页面的设计要点，掌握手机端和PC端网店装修的区别。

能力目标：熟练运用色彩搭配、排版、图像处理等技巧，能够根据网店手机端装修的定位和目标进行分析和优化。

思政目标：基于移动端与PC端网店的对比，思考、分析与总结，培养勤思

考、善分析的工作品质，追求社会主义核心价值的自我体现。

教学重点

手机端网店页面的设计要点

教学难点

手机端和PC端网店装修的区别

更新、补充、删节

内 容

无

课外作业

补充练习

教学后记

工作任务的完成情况检查反馈

授课主要内容或板书设计

理论一体化教学，无板书。

《网店视觉营销设计》备课笔记

教学

过程

主要教学内容及步骤(包括教学方法与教学手段)

学生

活动

课程思

政设计

导入

理实一体教学

任务导入：

随着移动设备和移动网络的不断升级，手机端网店页面的发展也越来越成熟和完善，由于手机端与PC端的尺寸大小不同，电商企业需要不断改进和优化手机端网店页面的设计和布局，以适应不断变化的用户需求和市场竞争。爱尚服饰为吸引更多手机端流量，提高用户体验，需对手机端网店进行优化设计。在这之前，爱尚服饰美工部门需要对手机端网店的页面设计进行分析，设计手机端网店页面装修布局和风格。

教学实施：一、任务解析

学习手机端和PC端网店装修的区别以及手机端网店页面设计的要点，了解手机端网店与PC端网店装修差异，能够对手机端网店与PC端网店页面进行分析，对于手机端网店设计有初步认识。

二、知识准备

（一）手机端和PC端网店装修的区别

1.屏幕尺寸

2.页面布局

3.颜色和字号大小

4.分类导航设计

5.兼容性

（二）手机端网店装修要点

1.布局设计简洁明了

2.视觉传达突出重点

3.色彩搭配风格统一

4.字号大小便于阅读

5.图片尺寸符合要求，图片容量尽量压缩三、任务实施

PC端首页与手机端首页的对比分析

（一）尺寸对比

分析任务

分析任务目标

归纳

理解概念

（二）构图与布局对比

（三）卡片式设计

（四）分类模块对比

（五）颜色对比

四、任务拓展

请选择三家装修较为优秀的淘宝网店，浏览并比较其手机端与PC端网店，就尺寸、布局、颜色等角度和细节对比分析，对手机端网店页面与PC端网店页面的区别进行讨论，完成表5.1.1。

搜索网络对比手机端和

pc端网店区别。思考、分析与总结

培养团队合作意识。

不断创新和改进移动网店装修设计，精益求精。

小结

课堂小结：

1、主要学习内容：手机端网店页面与PC端网店装修的区别、手机端网店装修要点

2、任务完成情况：总体情况，存在的问题点评。

回顾小结

《网店视觉营销设计》教案5-2

教师姓名

授课形式

授课课时

2

教案编号

授课班级

授课日期

年 月 日 第 周 星期

授课章节

名 称

5.2设计与制作手机端网店首页

使用教具

网店运营推广实训室标准机房一个

教学目标

（含思政目标）

知识目标：掌握手机端首页装修要点，了解手淘首页装修模块和旺铺首页装修步骤

能力目标：熟悉手机端首页设置方法，能够利用淘宝旺铺平台，完成首页装修设置。

思政目标：帮助学生了解淘宝首页装修规则，遵守平台规范进行网店装修；

通过首页设计培养加强学生用户体验意识，提升职业素养。

教学重点

手机端首页装修要点

教学难点