中职 网店视觉营销与制作电子教案项目6 任务3活动2.doc

中职 高教版网店视觉营销与制作电子教案项目6 任务3活动2 教 师 课 时 教 学 设 计 教学日期 学习班级学习地点教学内容生成详情模板教学目标知识能力: 1、 了解手机端的详情页的设计理念。2、 提高视觉审美能力。过程和方法: 1. 情景带入，导入新课；2. 结合软件和网店后台，操作展示；3. 归纳总结，布置作业。情感态度和价值观: 1、 培养学生观察能力。2、提高对知识点的应用能力和动手能力。教学重点了解手机端详情页单屏的构图和设计理念。教学难点掌握手机端详情页的设计要素。课 型实训课教 具多媒体机房实训内容为手机端店铺设计详情页前三屏的内容。课堂组织形式1、教师主导，学生主体2、任务驱动的实训课程教师教的过程设计学生学的过程设计设计意图时 间一、情景导入：分类图在手机店铺首页十分重要，分类图可以快速引导消费者者浏览更多的商品，增加转化率。那么分类图在设计的时候，需要注意哪些问题呢？一起来学习吧。二、探索新知：随着手机全屏时代的到来，屏幕的高度尺寸也产生了变化；受到屏幕限制的原因，可以考虑利用竖版构图展示商品信息。设计时可以将一张完整图显示在一屏的浏览界面上；详情页一屏的参考尺寸：iphone8 5.5寸，淘宝：750px×1118px 天猫：790px×1178px安卓机6.0寸全面屏，淘宝：750px×1297px 天猫：790px×1366px实际尺寸可结合手机用户大数据分析；以及店铺商品特点等。三、实训练习为手机端店铺设计详情页前三屏的内容四、总结与拓展作业通过本活动的学习，小可掌握了手机端详情设计能力，了解了手机端详情页与PC端的不同之处，画面整体布局符合手机端浏览习惯，并对比PC端的图文，优化手机端图文。通过情境导入，引发思考，明确本节课的学习目标。利用ps软件进行设计新内容课程对比引入结合平台操作展示相关技能5分钟10分钟10分钟15分钟5分钟课后训练及作业请根据所提供素材，为手机端店铺设计详情页前三屏的内容，要做到抓住消费者目光，使其对商品产生兴趣，愿意继续浏览下去。教学反思及小结