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

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

教师姓名授课形式授课课时2教案编号

授课班级授课日期年月日第周星期

授课章节

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

名称

使用教具网店运营推广实训室标准机房一个

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

的区别。

教学目标

能力目标：熟练运用色彩搭配、排版、图像处理等技巧，能够根据网店手机

（含思政

端装修的定位和目标进行分析和优化。

目标）

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

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

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

教学难点手机端和PC端网店装修的区别

更新、补

充、删节无

内容

课外作业补充练习

教学后记工作任务的完成情况检查反馈

授课主要内容或板书设计

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

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

教学学生课程思

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

过程活动政设计

导入任务导入：

随着移动设备和移动网络的不断升级，手机端网店页分析

面的发展也越来越成熟和完善，由于手机端与PC端的尺寸任务

大小不同，电商企业需要不断改进和优化手机端网店页面

的设计和布局，以适应不断变化的用户需求和市场竞争。

爱尚服饰为吸引更多手机端流量，提高用户体验，需对手

机端网店进行优化设计。在这之前，爱尚服饰美工部门需

要对手机端网店的页面设计进行分析，设计手机端网店页

面装修布局和风格。

理实教学实施：

一体一、任务解析分析

教学学习手机端和PC端网店装修的区别以及手机端网店页任务

面设计的要点，了解手机端网店与PC端网店装修差异，能目标

够对手机端网店与PC端网店页面进行分析，对于手机端网

店设计有初步认识。

二、知识准备

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

1.屏幕尺寸归纳

2.页面布局

3.颜色和字号大小

4.分类导航设计

5.兼容性

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

1.布局设计简洁明了概念

2.视觉传达突出重点

3.色彩搭配风格统一

4.字号大小便于阅读

5.图片尺寸符合要求，图片容量尽量压缩

三、任务实施

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

（一）尺寸对比

培养团

队合作