数字媒体交互设计（张靖瑶 慕课版） 教案首页汇总全 1--32 1.1 录课-第一章1网页交互设计流程初识---6.2 unity虚拟交互工具介绍.docx

《数字媒体交互设计（张靖瑶 慕课版） 教案首页汇总全 1--32 1.1 录课-第一章1网页交互设计流程初识---6.2 unity虚拟交互工具介绍.docx》由会员分享，可在线阅读，更多相关《数字媒体交互设计（张靖瑶 慕课版） 教案首页汇总全 1--32 1.1 录课-第一章1网页交互设计流程初识---6.2 unity虚拟交互工具介绍.docx（69页珍藏版）》请在第一文库网上搜索。

1、课程数字媒体交互设计系部数字艺术系任课教师张靖瑶课题名称：认识交互设计：学习任务一网页交互设计流程初识（一）内家提要与时间分配：一、谋福说明与要求1 .课程性质与考核方式说明2 .课程说明3 .组织签刊及建立班级课程微信群4 .工具材料准备说明（2分钟）（3分钟）（3分钟）（2分钟）二、学情分析与课程导入（2分钟）三、理论知例讲解1.交互设计概念讲解（5分钟）2.网页交互设计流程C5分钟）3.用户体验要素（5分钟）4.结构层信息架构及框架层-界面设计（20分钟）重占、5.开发人员配置及交互原型的分类【思政融人】C1O分钟）8、实成技能训综1.设讨流程中的“工作角色”触入体验ro分钟）2.行业网

2、站交互需求构架剖折（15分钟）唯点支、课堂总每（3分钟）六、课后感老（5分仲）注：共计2学时（讲授法+案例法）1.使学生了解交互产品的市场需求授课班级授课日期节次说明：教案按每个授课单元或根据授课特点按章节进行设巾2 .使学生清晰交互设计基本步骤3 .掌握交互需求的分析方法并理解与用户沟通的意义与难点教学重点教学重点：结构层面的信息架构、主要是对结构层的四种方法的理解；框架层面的界面设计，掌握交互界面设计的步骤流程教学难点：行业网站交互需求构架剖析，分析出信息架构都使用了哪些结构方法，以及这些方法如何结合应用在交互设计中授课地点授课方式与授课方式：理论讲授、案例引导、实训指导授课地点：参考资料

3、使用教材及教材：网页交互设计基础与实例，严晨著，北京理工大学出版社资料：教学课件、案例及作业题复习思考1 .以实际应用出发整理一篇网页交互设计需求文字2 .根据需求文字，建议合理的信息架构类型与界面框架类型，并辅以建立理由习要点下次课预预习和思考：App交互设计与网页的共通性与自有的设计特点学效果分析实施情况及教【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合设计案例讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解网页交互设计的基本流程；通过互动引导学生对现实中的网页功能性进行表达，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够融入

4、到设计流程工作中。综上，通过本次课的教学，学生针对网页交互设计有了初步的认识，能从需求方与设计方两个角度去认识网页交互设计，并能将自身的认识完整表达与有效沟通，达到了本课的教学目标。教研室主任审核：年月日课程数字媒体交互设计系部I数字艺术系I任课教师I张布课题名称：认识交互设计：学习任务二App交互设计工作流程内家提要与时间分配：一、课程说明与要求1.课程性质与考核方式说明（2分钟）2.课程说明（3分钟）3.组织签刊及建立班级课程微信群（3分钟）4.工具材料准备说明（2分创U二、学情分析与课程导入（2分钟）三、理论知例讲解1.App交互设计流程概念（5分钟）2.App设计各阶段讲斛【思政融入】

5、（25分钟）重占3.搜集用户反馈方式C1O分钟）重占8、实成技能训综1 .行业App交互设计中的市场需求分析（10分钟）2 .根据需求设计用户反馈表（15分钟）睢皮五、语堂赵站（3分钟）六、课后息考（5分钟）注：共计2学时（讲授/+案例法）与要1.使学生了解App交互产品的市场需求授课班级授课日期节次说明：教案按每个授课单元或根据授课特点按章节进行设i*O2 .使学生清晰App交互设计基本步骤3 .掌握App交互需求与网页交互设计的区别与联系与难点教学重点教学重点：APP交互设计流程各个阶段的理解，着重讲解需求分析阶段的用户研究报告以及原型设计阶段涉及的交互设计文档，包括交互原型中的线框图和流

6、程图的作用教学难点：如何将App交互设计反馈与需求相结合、对比；对于项目产品的需求没有一次成型的，都是经过反复的用户需求调研、可用性测试、用户反馈来最终形成成熟体验度好的产品。授课地点授课方式与授课方式：理论讲授、案例引导、实训指导授课地点：参考资料使用教材及教材：APP交互设计全流程，Adobe官方著，人民邮电出版社资料：教学课件、案例及作业题复习思考1 .根据课上教师提供的市场素材分析APP需求，形成需求书2 .尝试根据需求整理出一份设计流程文本习要点下次课预预习和思考web产品交互设计开发前期的项目管理等知识学效果分析实施情况及教【此处内容须为课后手写，内容参考如下】本次课按计划实施教学

7、，教学内容充实，结合设计案例讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解APP交互设计的基本流程；通过互动引导学生对现实中的App功能性进行表达，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够完整的融入到设计流程工种中。综上，通过本次课的教学，学生针对App交互设计有了初步的认识，能从需求方与设计方两个角度去认识APP交互设计，并能将自身的认识完整表达与有效沟通，达到了本课的教学目标。教研室主任审核：年月日课程团队协作工具teambition初识系部数字艺术系任课教师课题名称：Web产品交互设计开发前期：学习任务一团队协作工具teambition初识内家提要

8、与时间分配：一、课程说明与要求1 .课程说明f3分钟）2 .工具材料准备说明（2分钟）二、学情分析与课程导入（2分钟）三、理先知钦耕解1TeambitiOn初识【思政融入】10分钟）2.Teambition的使用规范8、实或技能训练25分钟）重占1.根据所学的Teambition使用规范，选行项目搭建时操作熟余每个功能的用法。（10分钟）2.从Teambition项目模板中查看每个项目模板的基础结构。15分钟）五、语堂总站（3分钟）六*、课后思考（5分钟）注：共计2学时（讲授出+实操法）教学方法：讲授法+讨论法+实训指导01.了解Teambition的使用意义授课班级授课日期节次2 .掌握Te

9、ambitiOn的使用规范3 .要求学生能利用Teambition进行项目管理的设置与难点教学重点教学重点：Teambition的使用意义：团队协作软件它可以实现无纸化，移动办公，及时沟通，工作标准化的优点；Teambition的使用规范：创建一个项目的时候里面包含了一些应用跟插件，有任务看板、分享墙、文件库、日程等等界面教学难点：利用Teambition进行交互设计项目管理任务进度以及其他安排的设置授课地点授课方式与授课方式：理论讲授、实训指导、小组讨论授课地点：参考资料使用教材及教材：交互设计：设计思维与实践由芳编著，电子工业出版社资料：教学课件及作业题复习思考I.从传统方式中找到关于项目

10、管理的案例进行分析项目管理的特点2.尝试在teambition中进行搭建项目各个设置习要点下次课预预习和思考什么是思维导图，思维导图如何构建学效果分析实施情况及教【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合实操引导讲授理论知识，学生理解较好。通过实际操作，学生能很好地掌握TeambitiOn的使用规范；通过互动引导学生对项目管理工具teambition各个功能的进行使用，强化学生对功能的理解。在实践环节，通过有针对性地指导，学生能够完成项目管理的设置。综上，通过本次课的教学，学生对项目管理工具teambition的使用技能有了提升，能根据需要进行项目管理的设置

11、，并能将所学知识运用到初步的设计实践中，达到了本课的教学目标。教研室主任审核：年月日课程数字媒体交互设计系部数字艺术系任课教师张靖瑶课题名称：Web产品交互设计开发前期：学习任务二网页交互设计规划-思维导图工具XMind内叁提要与时间分配：一、语秘说明与要求1 .课程说明（3分钟）2 .工具材料准备说明（2分钟）二、学情分析与课程导入（2分钟）三、理毒知例耕解1 .思维导图软件XMind的介绍（5分钟）2 .XMind思维导图的作用和特性（5分钟）3 .XMind软件的操作0分钟）重点4 .如何绘制信息架构图（5分钟）睢皮8、卖或技能创综1.mind软件的基本工具使用15分钟）2.使用mind

12、绘制产品信息架构图【思政融入】（25分钟/五、课堂总站（3分钟）去、语后感者（5分仲）注：共计2学时教学方法：讲授法+案例法+实训指导唯点与要一1.了解思维导图在设计工作中所起到的作用与特授课班级授课日期节次说明：教案按每个授课单元或根据授课特点按章节进行设i性2 .掌握思维导图具体制作方法3 .使学生掌握在web交互设计前期绘制信息架构图的重要性与难点教学重点教学重点：Xmind软件的基本操作、扩展功能如：插入图片及超链接等；包括在项目管理中的应用。教学难点：运用思维导图软件绘制信息架构图，首先要掌握绘制的要点，考虑对产品信息的内容在交互上的丰富度，并进行梳理和优化，使架构图看起来调理清晰。

13、授课地点授课方式与授课方式：理论讲授、实训指导授课地点：参考资料使用教材及教材：交互设计：设计思维与实践由芳，王建民编著，电子工业出版社资料：教学课件、案例及作业题复习思考1 .从现实生活中的各类网页中分析信息架构的构成2 .尝试使用xmind思维导图工具将看到的网页的信息架构绘制出框架习要点下次课预预习和思考网页交互设计中原型设计阶段的流程图的介绍学效果分析实施情况及教【此处内容须为课后手写，内容参考如下】本次课按计划实施教学，教学内容充实，结合设计案例讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解思维导图的作用和特性；通过引导学生对网页交互设计中的信息架构进行图形化表达，强

14、化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够熟练的使用Xmind工具并应用到网页交互设计上。综上，通过本次课的教学，学生针对思维导图有了初步的认识，能从满足需求设计的角度去认识网页交互设计前期信息架构的工作，并能将所学的知识完整表达、灵活运用到实践中，达到了本课的教学目标。教研室主任审核：年月日课题名称：Web产品交互设计开发前期：学习任务三Visio的具体应用内家提要与时间分配：一、课程说明与要求1.课程说明（3分创U2.工具材料准备说明（2分钟）二、学情分析与课程导入r2分钟）三、理先知钦耕斛1Visio简介（5分钟）2.Visi。软件应用（25分钟）重点3.Visio流程图的使用【思政融入（20分钟）重点、四、实践技能训综1布置训练任务（5分钟）2.实战项目案例（5分仲）五、课堂总站（3分钟）去、谋后思者（5分钟）注：共计2学时（讲授决+实操法）教学方法：讲授法+案例法+讨