第二章2-网页交互设计规划-思维导图工具XMind-教案.doc

第二章2-网页交互设计规划-思维导图工具XMind-教案.doc

  1. 1、本文档共2页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
序号:04 课程 数字媒体交互设计 系部 数字艺术系 任课教师 张靖瑶 课题名称:web产品交互设计开发前期: 学习任务二 网页交互设计规划-思维导图工具XMind 内容提要与时间分配: 一、课程说明与要求 1.课程说明 ( 3分钟) 2.工具材料准备说明 ( 2分钟) 二、学情分析与课程导入 ( 2分钟) 三、理论知识讲解 1.思维导图软件XMind的介绍 ( 5分钟) 2.XMind思维导图的作用和特性 ( 5分钟) 3.XMind软件的操作 (10分钟) ……重点 4.如何绘制信息架构图 (5分钟) ……难点 四、实践技能训练 1.xmind软件的基本工具使用 (15分钟) 2.使用xmind绘制产品信息架构图【思政融入】(25分钟) ……难点 五、课堂总结 ( 3分钟) 六、课后思考 ( 5分钟) 注:共计2学时 教学方法:讲授法+案例法+实训指导 说明:教案按每个授课单元或根据授课特点按章节进行设计。 教学目的与要求 1. 了解思维导图在设计工作中所起到的作用与特性 2.掌握思维导图具体制作方法 3.使学生掌握在web交互设计前期绘制信息架构图的重要性 授课班级 授课日期 节次 与难点 教学重点 教学重点:xmind软件的基本操作、扩展功能如:插入图片及超链接等;包括在项目管理中的应用。 教学难点:运用思维导图软件绘制信息架构图,首先要掌握绘制的要点,考虑对产品信息的内容在交互上的丰富度,并进行梳理和优化,使架构图看起来调理清晰。 授课地点 授课方式与 授课方式:理论讲授、实训指导 授课地点: 参考资料 使用教材及 教材:《交互设计:设计思维与实践》由芳,王建民编著,电子工业出版社 资料:教学课件、案例 及作业题 复习思考 1. 从现实生活中的各类网页中分析信息架构的构成 2. 尝试使用xmind思维导图工具将看到的网页的信息架构绘制出框架 习要点 下次课预 预习和思考网页交互设计中原型设计阶段的流程图的介绍 学效果分析 实施情况及教 【此处内容须为课后手写,内容参考如下】 本次课按计划实施教学,教学内容充实,结合设计案例讲授理论知识,学生理解较好。通过作品分析训练,学生能很好地理解思维导图的作用和特性;通过引导学生对网页交互设计中的信息架构进行图形化表达,强化学生参与性和感受力。在实践环节,通过有针对性地指导,学生能够熟练的使用xmind工具并应用到网页交互设计上。综上,通过本次课的教学,学生针对思维导图有了初步的认识,能从满足需求设计的角度去认识网页交互设计前期信息架构的工作,并能将所学的知识完整表达、灵活运用到实践中,达到了本课的教学目标。 教研室主任审核: 年 月 日 说明:教师备课笔记附后。

文档评论(0)

弹弹 + 关注
实名认证
内容提供者

人力资源管理师、教师资格证持证人

该用户很懒,什么也没介绍

版权声明书
用户编号:6152114224000010
领域认证该用户于2024年03月13日上传了人力资源管理师、教师资格证

1亿VIP精品文档

相关文档