还剩22页未读，继续阅读
本资源只提供10页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便
文本内容:
教学组织形式教学方法建议
1、教师以提出需要解决的问题为引导，已提出问题的解
1、以班级为单位教学决方案为总结，提供学生一个局部的知识体系构架，并预
2、分小组进行实践讨论留后续课程的知识衔接接口，提升学生的学习主动性
2、以课程中提供的案例为载体，首先对案例进行客观剖析，再引导学生提出主观认识，进行灵活的分析，总结教师能力要求考核方式
1、熟悉市场交互产品基本需求，进行过市场调研
1、提交一篇针对交互设计的命
2、熟练操作课程所涉及的设计工具题讨论文字
3、具有一定的市场实践经历，与产品运维经验备注
2.Web梳理交互设计创意学习情境Web梳理交互设计创意学时3能力目标＞了解思维导图在设计工作中所起到的作用与目的＞掌握思维导图具体制作方法＞使学生掌握在web交互设计前期结合思维导图的方案＞使学生掌握web设计中前期思维导图规划与低保真流程图的工作衔接方式主要内容
1、重点掌握xmind导图工具的具体制作方法
2、结合web交互设计特点理解导图工具在设计中的指导意义工作任务以提出问题解决问题为导向，Web梳理交互设计创意包含以下任务
1、提出交互设计中的思路问题并说明导图工具的意义所在
2、思维导图工具xmind的具体功能训练
3、网页交互思维导图制作训练
4、为web低保真原型制作进行知识铺垫，做初步衔接训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训案例指导4市场典型交互应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop Xmind Visio Teambition Axure RP
9、墨刀、Adobe XDo教学组织形式教学方法建议
1.从关键知识点出发，首先描述出设计工具的基本框架，
1、以班级为单位教学在此基础上填充细节性的知识点，如工具的命令，操作技
2、分小组进行实践讨论巧，快捷方式等周边内容2,由益于接受的基本理论入手，由浅入深，以具象化的实例描述抽象化的概念，再用以形成的概念，去引申下一个具象化的实例教师能力要求考核方式
1、具有良好的逻辑思维能力
1、提交网页思维导图设计规
2、具有一定的思维导图设计及创作经验划案
3、具有一定的市场项目参与经历
2、提交学科问卷调查表备注
3.制作网站框架和用户交互体验流程图工具Visio学习情境制作网站框架和用户交互体验学时3能力目标＞了解流程图规划在网页交互设计中的意义＞使学生掌握Visio流程图工具的主要制作方法＞掌握网页中交互功能类型在流程图中的呈现方式＞使学生掌握流程图与原型设计的工作衔接方式主要内容
1、深刻理解流程图与思维导图之间的工作交接意义
2、掌握流程图对网页交互设计的表现方式
3、了解流程图表现与交互原型发布之间的衔接关系工作任务以考核知识点为依托，制作网站框架和用户交互体验包含以下任务
1、根据思维导图知识，提出网页交互的流程图设计需求，引导学生了解流程图的意义
2、进行流程图工具Visio的关键技术训练
3、以实训案例为基础，分析网页典型交互类型，进行Visio工具操作训练
4、递进提出网页交互设计原型发布需求，进行后续课程内容衔接实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本
（3）Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind、Visio Teambition、Axure RP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师在教学的过程中设置若干个小问题，逐步将大问
1、以班级为单位教学题化整为零，使学生在解决问题中学习，不断加深强化所
2、分小组进行实践讨论学到的内容
2、教师在教学中向学生推荐工具相关的课程计划外拓展教程做到以课堂知识为框架，先充实，再拓展，引导学生的自我学习能力，有效的使课程学习走出课堂之夕卜教师能力要求考核方式
1、熟悉网页交互中的各交互元件功能
1、提交网页流程图设计规划案
2、了解流程图工具Visio的关键技术
2、提交学科问卷调查表
3、具有一定的市场项目参与经历
4.管理Web项目（团队协作工具Teambition）学习情境管理Web项目学时2能力目标了解交互设计在web整体设计制作中的项目地位使学生掌握项目进度把控中的关键要素概念掌握团队协作工具Teambit ion的关键操作功能从实际案例出发模拟团队协作中的多种情况的工具模拟主要内容
1、网页交互设计项目进度与品质把控
2、网页交互项目的方向指导能力培养工作任务考核知识点为依托，管理Web项目包含以下任务
1、通过完整项H案例描述交互设计的工作地位与配合手段
2、项目进程与品控指导训练
3、引入具体团队协作工具进行上述训练的补充
4、项目执行中的突发情况训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为
（1）课程教材教师配置教师机及大屏幕
（2）授课PPT课件
2、实训课需要为每位学生配置1台课桌即可
（3）实训指导案例
（4）市场典型案例应用教学组织形式教学方法建议
1、教师进行项目模拟分组训练，采用边练边学的方式
1、以班级为单位教学进行相关项目管理的知识讲解
2、分小组进行实践讨论
2、模拟训练后，根据实训指导案例进行项目管理方面的课堂讨论，学生阐述自己的观点
3、总结课堂训练中的经验与不足，加深项目管理理解教师能力要求考核方式
1、熟悉项目流程管理工具
1、提交项目进度管理记录
2、具有一定的市场项目管理及把控经验
5.制作Web交互低保真原型原型工具Axure学习情境制作Web交互低保真原型学时6能力目标了解低保真呈现在web交互设计中的意义与作用掌握网页低保真设计中的界面元素特征与分布特点使学生掌握web交互逻辑的低保真呈现交代方式掌握低保真到web高保真原型设计的原则与基本方案主要内容
1、Web交互低保真项目呈现
2、Web低保真制作必要性
3、网页交互低保真呈现于高保真原型的技术过渡工作任务考核知识点为依托，制作Web交互低保真原型包含以下任务
1、引导学生针对Web交互设计的低保真制作需求进行理解
2、将网页中的交互元素与低保真原型工具进行对接训练
3、进行原型工具Axure的关键技术实现训练
4、总结原型工具Axure技术特征，与高保真设计课程进行衔接实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境3实训指导案例4市场典型案例应用要求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind、Visio Teambition、Axure RP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师根据设计工具的特点、流程，梳理出三类关键点
1、以班级为单位教学即设计工具的用途做什么，设计工具的实现方式如何
2、分小组进行实践讨论做，设计工具的操作理念为什么这样做，进行工具的以点带面讲解
2、教师以实训案例为载体，根据上述知识点进行案例剖析，完成案例作品的模拟训练教师能力要求考核方式
1、熟练web交互设计基本理论，熟练原型工具软件
1、提交实训作品
2、具有一定的原型图设计及创作经验
2、提交实训过程问卷文字
3、具有一定的交互市场经验
6.交互组件设计组件设计工具Photoshop学习情境Web交互组件设计学时4能力目标了解web交互中的组件分类原则与处理基本方案掌握Photoshop矢量工具在组件设计中的操作方法使学生掌握组件设计的发布方式与存储方案掌握组件在原型制作工具中的植入原则与方法了解web元素设计与交互界面设计之间的联系与协同方案主要内容1Photoshop矢量工具组件设计
2、低保真原型中的组件设计填充
3、与Web整体界面设计的配合工作任务考核知识点为依托，Web交互组件设计包含以下任务
1、基于三大构成知识，对Web交互原型中的模拟组件进行具象化设计
2、Photoshop矢量工具在组件设计中的训练
3、低保真原型设计中的组件具象化植入训练
4、基于实训案例，对一个完整的Web交互项目进行分析，模拟
5、进行后续与整体界面设计的衔接训练实训环境教学资源为每位学生配置的计算机具备如下的软件环境1课程教材
1、为配合一体化教学，在讲授和实训课教学中，需要为2授课PPT课件教师配置教师机及大屏幕3实训指导案例
2、需要为每位学生配置1台计算机，计算机软件环境要4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop Xmind Visio Teambition Axure RP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师以前课程交互原型设计为载体，根据Photoshop
1、以班级为单位教学矢量设计相关知识背景及教学资源，按设计的过程逐步提
2、分小组进行实践讨论出要完成的任务
2、依据项目实训案例，进行设计元素剖析，完成对网页交互组件设计部分的模拟教师能力要求考核方式
1、熟练三大构成的基本理论，熟练平面构成方法
1、提交实训作品
2、具有一定的图形图像设计及创作经验
3、具有一定的审美经验
7.Web交互界面设计界面设计工具Photoshop学习情境Web交互界面设计学时4能力目标了解界面设计在web交互设计中的应用特点与原则使学生掌握在Photoshop中进行web界面设计的关键技术手段掌握完整界面的web裁图方法与高保真植入方法了解根据交互动态需求进行界面分割的方法与优化方案掌握界面与元素在web高保真设计中的合成方法主要内容1Photoshop平面设计在Web交互中的应用
2、低保真原型中的界面设计填充
3、与Web交互设计中的动画配合工作任务考核知识点为依托，色相对比训练包含以下任务
1、基于三大构成知识，对Web交互原型中的界面进行具象化设计
2、Photoshop矢量工具在界面设计中的训练
3、低保真原型设计中的界面具象化植入训练
4、基于实训案例，对一个完整的Web交互项目进行分析，模拟
5、进行后续与交互动画设计的衔接训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind Visio Teambition Axure RP9墨刀、Adobe XDo教学方法建议教学组织形式
1、教师以前课程交互原型设计为载体，根据Photoshop矢
1、以班级为单位教学量设计相关知识背景及教学资源，按设计的过程逐步提出
2、分小组进行实践讨论要完成的任务
2、依据项目实训案例，进行设计元素剖析，完成对网页交互界面设计部分的模拟教师能力要求考核方式
1、熟练三大构成的基本理论，熟练色彩搭配方法
1、提交实训作品
2、具有一定的图形图像设计及创作经验
3、具有一定的审美经验
8.Web交互动态效果设计动态设计工具Photoshop学习情境Web交互动态效果设计学时4能力目标了解动态元素设计于交互设计中的应用原则使学生掌握Photoshop中制作动态元素的关键方法掌握web交互设计中的元素动画方式类别与优化的原则掌握web交互设计高保真原型的综合输出方式主要内容1Photoshop动画设计在Web交互中的应用
2、低保真原型中的动画效果实训
3、Web交互设计的高保真动画输出工作任务考核知识点为依托，Web交互动态效果设计包含以下任务
1、基于动画规律知识，对Web交互原型进行高保真动画设计
2、Photoshop矢量工具在动画设计中的训练
3、高保真原型设计中的动画效果植入训练
4、基于实训案例，对一个完整的Web交互项目进行分析，模拟
5、进行Web交互设计的高保真动画输出训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind Visio Teambition Axure RP9墨刀、Adobe XDo教学方法建议教学组织形式
1、教师以前课程交互原型设计为载体，根据Photoshop动
1、以班级为单位教学画制作相关知识背景及教学资源，按设计的过程逐步提出
2、分小组进行实践讨论要完成的任务
2、依据项目实训案例，进行动态元素剖析，完成对网页交互设计动画部分的模拟教师能力要求考核方式
1、熟练Photoshop动画效果的基本方法，熟练动画输出
1、提交实训作品方法
2、具有一定的动画元素设计及创作经验
3、具有一定的动画运动基础理论
9.App交互设计创意思维导图工具xmind学习情境App交互设计创意学时3能力目标了解App交互设计创意思路特征使学生掌握思维导图对App交互设计意图的表达方法掌握App交互设计图谱的制作与发布方法了解思维导图对App后续逻辑设计的衔接方案主要内容
1、重点掌握xmind导图工具的针对App交互设计方面的具体制作方法
2、结合App交互设计特点理解导图工具在设计中的指导意义工作任务以提出问题解决问题为导向，App交互设计创意包含以下任务
1、提出交互设计中的思路问题并说明导图工具的意义所在
2、针对App交互有设计提供思维导图工具xmind的具体功能训练
3、App交互思维导图制作训练
4、为Appb低保真原型制作进行知识铺垫，做初步衔接训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训案例指导4市场典型交互应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop Xmind Visio Teambition Axure RP
9、墨刀、Adobe XDo教学组织形式教学方法建议L从关键知识点出发，首先描述出设计工具的基本框
1、以班级为单位教学架，在此基础上填充细节性的知识点，如工具的命令，操
2、分小组进行实践讨论作技巧，快捷方式等周边内容2,由益于接受的基本理论入手，由浅入深，以具象化的实例描述抽象化的概念，再用以形成的概念，去引申下一个具象化的实例教师能力要求考核方式
1、具有良好的逻辑思维能力
1、提交App思维导图设计规划
2、具有一定的思维导图设计及创作经验案
3、具有一定的市场项目参与经历
2、提交学科问卷调查表
10.App交互低保真设计逻辑工具Visio学习情境App交互低保真设计学时3能力目标了解低保真规划在App交互设计中的意义使学生掌握App低保真工具的主要制作方法掌握APP中交互功能类型在低保真中的呈现方式使学生了解低保真说明于团队协作中的指导意义主要内容
1、深刻理解逻辑低保真工具与思维导图之间的工作交接意义
2、掌握逻辑工具对App交互设计的表现方式
3、了解逻辑低保真表现与交互原型发布之间的衔接关系工作任务以考核知识点为依托，App交互低保真设计包含以下任务
1、根据思维导图知识，提出App交互的逻辑设计需求，引导学生了逻辑低保真的意义
2、进行逻辑工具Visio的关键技术训练
3、以实训案例为基础，分析App典型交互类型，进行Visio工具操作训练
4、递进提出App交互设计原型发布需求，进行后续课程内容衔接实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop Xmind Visio Teambition Axure RP
9、墨刀、Adobe XDo教学组织形式教学方法建议
1、教师在教学的过程中设置若干个小问题，逐步将大
1、以班级为单位教学问题化整为零，使学生在解决问题中学习，不断加深强化
2、分小组进行实践讨论所学到的内容
2、教师在教学中向学生推荐工具相关的课程计划外拓展教程做到以课堂知识为框架，先充实，再拓展，引导学生的自我学习能力，有效的使课程学习走出课堂之外教师能力要求考核方式
1、熟悉App交互中的各交互元件功能
1、提交网页流程图设计规划案
2、了解逻辑工具Visio的关键技术
2、提交学科问卷调查表
3、具有一定的市场项目参与经历
11.App交互产品管理团队协作工具WPS学习情境App交互产品管理学时2能力目标了解wps工具的功能分布使学生掌握wps工具的云端操作方法掌握App项目的规划如何在wps中进行协调推进了解wps各种文件格式的相互转化方法以及与其他工具相协同的规范主要内容
1、App交互设计项目进度与品质把控
2、App交互项目的方向指导能力培养工作任务考核知识点为依托，App交互产品管理构成包含以下任务
1、通过完整项目案例描述交互设计的工作地位与配合手段
2、项目进程与品控指导训练
3、引入具体团队协作工具进行上述训练的补充
4、项目执行中的突发情况训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop Xmind Visio Teambition Axure RP
9、墨刀、Adobe XDo教学组织形式教学方法建议
1、教师进行项目模拟分组训练，采用边练边学的方式
1、以班级为单位教学则和行为规范具有社会责任感和社会参与意识
（3）具有质量意识、环保意识、安全意识、信息素养、工匠精神、创新思维
（4）勇于奋斗、乐观向上具有自我管理能力、职业生涯规划的意识，有较强的集体意识和团队合作精神
（4）培养学生树立质量意识、安全意识、标准和规范意识以满足专业岗位的要求；
（5）培养学生自主学习和拓展知识的能力2知识目标
（1）掌握交互产品逻辑推理的思维方式
（2）掌握用户需求画像的概念整理方式
（3）掌握UI元素设计与交互界面排版的行业规范
（4）掌握交互动画设计与制作的软件应用技法
（5）掌握产品推进对接与沟通知识
（6）掌握知识结构自更新方法意识3能力目标
（1）具有正确理解产品方向的能力
（2）建立有效产品对话机制的能力
（3）灵活的设计驾驭能力
（4）针对需求提供多方案解决的能力
（5）并行处理交互设计工作的能力
三、与前后课程的联系
1.与前续课程的联系本课程需要的前期知识储备包括对PS与AI设计工具的基础掌握，《用户界面设计》、《图像创意设计》、《版式设计》课程可以为本课程的先导课程，作为交互理论的基础知识铺垫
2.与后续课程的联系本课程是后续《VR虚拟仿真》等交互制作实现类课程的设计基础课程，与制作类等实践性课程有着紧密的联系，并且对学生将来的实习与就业起到必要的专业技术支撑作用
四、学习内容与学时分配
（一）学习内容本课程以交互设计中三大行业需求为内容支点，围绕交互设计总体规划，交互流程图初步设计，高保真交互原型实现等交互设计关键内容展开，具体课程内容包括从行业需求出发介绍Web交互、App交互、VR交互的基本行业背景与设计流程；交互设计思路构建工具;项目进度管理工具；交互设计逻辑呈现工具；动态高保真原型制作；web网页交互设计实践;App移动端交互程序设计实践；VR虚拟产品交互实训；思政类交互作品创意研讨；交互设计延申衔接内容；自选交互设计综合实训作业进行相关项目管理的知识讲解
2、分小组进行实践讨论
2、模拟训练后，根据实训指导案例进行项目管理方面的课堂讨论，学生阐述自己的观点
3、总结课堂训练中的经验与不足，加深项目管理理解教师能力要求考核方式
1、熟悉项目流程管理工具
1、提交项目进度管理记录
2、具有一定的市场项目管理及把控经验
12.App交互过渡原型设计原型工具墨刀学习情境App交互过渡原型设计学时5能力目标基于App的移动交互特点了解墨刀工具的基本工作特征使学生掌握墨刀原型工具的关键操作方法掌握墨刀原型工具在App交互设计中的元素表现方式了解墨刀工具的原型发布方法与成果共享方式依据教学案例进行工具的实践演练主要内容
1、App交互低保真项目呈现
2、App低保真制作必要性
3、App交互低保真呈现于高保真原型的技术过渡工作任务考核知识点为依托，App交互过渡原型设计成包含以下任务
1、引导学生针对App交互设计的低保真制作需求进行理解
2、将App中的交互元素与低保真原型工具进行对接训练
3、进行原型工具墨刀的关键技术实现训练
4、总结原型工具墨刀技术特征，与高保真设计课程进行衔接实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境3实训指导案例4市场典型案例应用要求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind、VisioTeambitionAxureRP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师根据设计工具的特点、流程，梳理出三类关键点
1、以班级为单位教学即设计工具的用途做什么，设计工具的实现方式如何
2、分小组进行实践讨论做，设计工具的操作理念为什么这样做，进行工具的以点带面讲解
2、教师以实训案例为载体，根据上述知识点进行案例剖析，完成案例作品的模拟训练教师能力要求考核方式
1、熟练App交互设计基本理论，熟练原型工具软件
1、提交实训作品
2、具有一定的原型图设计及创作经验
2、提交实训过程问卷文字
3、具有一定的交互市场经验
13.App交互界面元素设计元素设计工具Photoshop学习情境App交互界面元素设计学时5能力目标了解App交互中涉及的元素类别与基本特征使学生掌握App元素设计的构成方法与设计规律掌握Photoshop中矢量工具在App兀素设计的方法了解Android与los系统中的元素设计倾向根据实例命题进行操作设计实践主要内容1Photoshop矢量工具组件设计
2、低保真原型中的组件设计填充
3、与App整体界面设计的配合工作任务考核知识点为依托，App交互界面元素设计包含以下任务
1、基于三大构成知识，对App交互原型中的模拟组件进行具象化设计2Photoshop矢量工具在App组件设计中的训练
3、低保真原型设计中的App组件具象化植入训练
4、基于实训案例，对一个完整的App交互项目进行分析，模拟
5、进行后续与整体界面设计的衔接训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、XmindVisioTeambitionAxureRP
9、墨刀、Adobe XDo教学组织形式教学方法建议
1、教师以前课程交互原型设计为载体，根据Photoshop
1、以班级为单位教学矢量设计相关知识背景及教学资源，按设计的过程逐步提
2、分小组进行实践讨论出要完成的任务
2、依据项目实训案例，进行设计元素剖析，完成对交互界面元素设计部分的模拟教师能力要求考核方式
1、熟练三大构成的基本理论，熟练平面构成方法
1、提交实训作品
2、具有一定的图形图像设计及创作经验
3、具有一定的审美经验
14.以App导向为目的的界面版式设计界面设计工具Photoshop学习情境App导向为目的的界面版式设计学时5能力目标了解界面设计在App交互设计中的应用特点与原则使学生掌握在Photoshop中进行App界面设计的关键技术手段掌握完整界面的App裁图方法与高保真植入方法了解根据App交互动态需求进行界面分割的方法与优化方案掌握界面与元素在App高保真设计中的合成方法主要内容1Photoshop平面设计在Web交互中的应用
2、低保真原型中的界面设计填充
3、与Web交互设计中的动画配合工作任务考核知识点为依托，App导向为目的界面版式设计包含以下任务
1、基于三大构成知识，对App交互原型中的界面进行具象化设计
2、Photoshop矢量工具在App界面设计中的训练
3、低保真原型设计中的App界面具象化植入训练
4、基于实训案例，对一个完整的App交互项目进行分析，模拟
5、进行后续与交互动画设计的衔接训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、XmindVisioTeambitionAxureRP9墨刀、Adobe XDo教学方法建议教学组织形式
1、教师以前课程App交互原型设计为载体，根据
1、以班级为单位教学Photoshop矢量设计相关知识背景及教学资源，按设计的过
2、分小组进行实践讨论程逐步提出要完成的任务
2、依据项目实训案例，应用“教、学、做”三位一体教学法，进行设计元素剖析，完成对APP交互界面版式设计部分的模拟教师能力要求考核方式
1、熟练三大构成的基本理论，熟练色彩搭配方法
1、提交实训作品
2、具有一定的图形图像设计及创作经验
3、具有一定的审美经验
15.App交互高保真原型制作原型制作工具Adobe XD学习情境App交互高保真原型制作学时5能力目标了解高保真原型于App交互设计的意义使学生掌握App原型设计工具的关键操作方式掌握App交互原型设计中的动画制作规范与设计理念从教学实例出发进行一个命题形式的原型输出实践主要内容
1、原型制作工具Adobe XD在App交互中的应用
2、高保真原型中的动态效果实训
3、App交互设计的高保真动画输出工作任务考核知识点为依托，App交互高保真原型制作包含以下任务
1、基于App前期技术知识，对App交互原型进行高保真动态设计
2、Adobe XD工具在动态设计中的训练
3、高保真原型设计中的联机输出效果训练
4、基于实训案例，对一个完整的App交互项目进行分析，模拟
5、进行App交互设计的高保真动画输出训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型案例应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、XmindVisioTeambitionAxureRP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师以前课程交互原型设计为载体，根据App动态交
1、以班级为单位教学互制作相关知识背景及教学资源，按设计的过程逐步提出
2、分小组进行实践讨论要完成的任务
2、依据项目实训案例，应用“案例分析法”与“任务驱动法”相结合的授课方式，进行动态元素剖析，完成对App交互高保真原型制作的模拟教师能力要求考核方式
1、熟练Photoshop动画效果的基本方法，熟练动画输出
1、提交实训作品方法
2、具有一定的动画元素设计及创作经验
3、具有一定的动画运动基础理论
16.VR交互设计基本方法与流程介绍Unity3D设计工具学习情境VR交互设计基本方法与流程介绍学时4能力目标了解VR交互设计的基本特征使学生建立从平面交互向立体交互过渡的理论基础了解Unity3D中的交互基本方式与工具特征通过实训案例加深对交互产品的全面理解A与虚拟知识的衔接介绍主要内容
1、了解VR交互引擎中的基本工作机制
2、了解三维空间中的交互设计基本原则工作任务以基本了解为目的，VR交互设计基本方法与流程介绍包含以下任务:
1、虚拟引擎的基本工作机制了解
2、交互机制于三维空间动态元素的基础训练
3、以实训案例为依据，进行增强现实交互设计的基础训练实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例求4市场典型案例应用1操作系统Windows10版木2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、XmindVisioTeambitionAxureRP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师以示范性作品为载体，提供相关知识背景及教学
1、以班级为单位教学资源，按作品设计的过程逐步提出要完成的任务
2、分小组进行实践讨论
2、教师讲授示范性作品，学生模仿，完成相似的交互设计作品教师能力要求考核方式
1、具有一定的空间结构设计及创作经验
1、提交实训作品
2、具有一定的虚拟引擎应用经验
3、具有一定的交互市场经验
17.项目驱动化综合性交互设计实践学习情境项目驱动化综合性交互设计实践学时2能力目标使学生统筹交互设计方法，建立产品观念使学生掌握创造性思维方法使学生能够运用交互设计法则，完成特定主题综合创意设计主要内容
1、利用所学交互设计的基本理论进行主题综合创意表现设计工作任务以实训案例为依托，主题综合创意设计包含以下任务
1、主题的设定与分析
2、创意的思路实训交流
3、作品的规格与要求实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件3实训指导
2、需要为每位学生配置1台计算机，计算机软件环境要4历届学生优秀作品集求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、Xmind、VisioTeambitionAxureRP9墨刀、Adobe XDo教学组织形式教学方法建议
1、教师以示范性作品为载体，提供相关知识背景及教学
1、以班级为单位教学资源，按作品设计的过程逐步提出要完成的任务
2、分小组进行实践讨论
2、教师讲授示范性作品，学生模仿，完成相似的交互原型作品教师能力要求考核方式
1、熟练交互设计基本理论
1、提交实训作品
2、具有一定的交互产品原型设计及创作经验
3、具有一定的市场产品运维经验
（二）学时分配本课程总课时为64学时，讲授课时为22学时，独立实践学时为42学时教学学时分配如下:学时分配学习一体化实践比单元学习任务学习要求备注学时例（%）编号
1.使学生了解交互产品的市场需求交互设计概况与技
2.使学生清晰交互设计基本步骤1466%能需求
3.掌握交互需求的分析方法并理解与用户沟通的意义
1.了解思维导图在设计工作中所起到的作用与目的
2.掌握思维导图具体制作方法梳理交互设计创意
3.使学生掌握在Web交互设计前期结2（思维导图工366%合思维导图的方案具Xmind）
4.使学生掌握web设计中前期思维导图规划与低保真流程图的工作衔接方式
1.了解流程图规划在网页交互设计中的意义制作网站框架和用
2.使学生掌握Visio流程图工具的主户交互体验（流3要制作方法366%程图工具
3.掌握网页中交互功能类型在流程图Visio）中的呈现方式
4.使学生掌握流程图与原型设计的工作衔接方式
1.了解交互设计在web整体设计制作中的项目地位
2.使学生掌握项目进度把控中的关键管理Web项目要素概念（团队协作工具4266%Teambition）
3.掌握团队协作工具Teambition的关键操作功能
4.从实际案例出发模拟团队协作中的多种情况的工具模拟
1.了解低保真呈现在Web交互设计中的意义与作用制作Web交互低保
2.掌握网页低保真设计中的界面元素5真原型（原型工666%特征与分布特点具Axure）
3.使学生掌握Web交互逻辑的低保真呈现交代方式
4.掌握低保真到Web高保真原型设计的原则与基本方案
1.了解Web交互中的组件分类原则与处理基本方案
2.掌握Photoshop矢量工具在组件设计中的操作方法Web交互组件设计3,使学生掌握组件设计的发布方式与6（组件设计工具466%存储方案Photoshop）
4.掌握组件在原型制作工具中的植入原则与方法
5.了解Web元素设计与交互界面设计之同的联系与协同方案
1.了解界面设计在Web交互设计中的应用特点与原则
2.使学生掌握在Photoshop中进行web界面设计的关键技术手段Web交互界面设计
3.掌握完整界面的Web裁图方法与高7（界面设计工具466%保真植入方法Photoshop）
4.了解根据交互动态需求进行界面分割的方法与优化方案
5.掌握界面与元素在Web高保真设计中的合成方法
1.了解动态元素设计于交互设计中的应用原则
2.使学生掌握Photoshop中制作动态Web交互动态效果元素的关键方法8设计（动态设计工466%
3.掌握Web交互设计中的元素动画方具Photoshop）式类别与优化的原则
4.掌握Web交互设计高保真原型的综合输出方式
1.了解App交互设计创意思路特征
2.使学生掌握思维导图对App交互设App交互设计创计意图的表达方法9意（思维导图工具366%
3.掌握App交互设计图谱的制作与发Xmind）布方法
4.了解思维导图对App后续逻辑设计的衔接方案
1.了解低保真规划在App交互设计中的意义
2.使学生掌握App低保真工具的主要App交互低保真设制作方法10366%计（逻辑工具Visio）
3.掌握APP中交互功能类型在低保真中的呈现方式
4.使学生了解低保真说明于团队协作中的指导意义
1.了解WPS工具的功能分布
2.使学生掌握WPS工具的云端操作方App交互产品管理法11（团队协作工具266%
3.掌握App项目的规划如何在WPS中WPS）进行协调推进
4.了解WPS各种文件格式的相互转化方法以及与其他工具相协同的规范
1.基于App的移动交互特点了解墨刀工具的基本工作特征
2.使学生掌握墨刀原型工具的关键操App交互过渡原型作方法12设计（原型工具墨566%
3.掌握墨刀原型工具在App交互设计刀）中的元素表现方式
4.了解墨刀工具的原型发布方法与成果共享方式
5.依据教学案例进行工具的实践演练L了解App交互中涉及的元素类别与基本特征2,使学生掌握App元素设计的构成方法App交互界面元素与设计规律13设计（元素设计工566%
3.掌握Photoshop中矢量工具在App兀具Photoshop）素设计的方法4,了解Android与los系统中的元素设计倾向
5.根据实例命题进行操作设计实践
1.了解界面设计在App交互设计中的应用特点与原则以App目的导向为
2.使学生掌握在Photoshop中进行App原则的界面版式设14界面设计的关键技术手段566%计（界面设计工具
3.掌握完整界面的App裁图方法与高Photoshop）保真植入方法
4.了解根据App交互动态需求进行界面分割的方法与优化方案
5.掌握界面与元素在App高保真设计中的合成方法）
1.了解高保真原型于App交互设计的意义2,使学生掌握App原型设计工具的关键App交互高保真原操作方式15型制作（原型制作工566%
3.掌握App交互原型设计中的动画制具Adobe XD）作规范与设计理念
4.从教学实例出发进行一个命题形式的原型输出实践1,了解VR交互设计的基本特征2,使学生建立从平面交互向立体交互过渡的理论基础VR交互设计基本方法与流程介绍
3.了解Unity3D中的交互基本方式与16466%（Unity3D设计工工具特征具）
4.通过实训案例加深对交互产品的全面理解
5.与虚拟知识的衔接介绍L使学生统筹交互设计方法，建立产品观念项目驱动化综合性2,使学生掌握创造性思维方法17266%交互设计实践
3.使学生能够运用交互设计法则，完成特定主题综合创意设计合计6466%
五、课程考核方式及标准本课程考核采取平时考核与期末考核的方式平时成绩占总分的40%,期末成绩占总分的60%,课程总评成绩为100分制，60分及以上为合格平时成绩以平时作业的完成情况和完成质量评定，兼顾考虑出勤和课堂表现情况期末成绩以期末结课作品的形式考核
六、教学与实践环境要求
1.为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及高清投影仪大屏幕教师机和学生机软件环境要求
（1）操作系统Windows10版本2教学中涉及到的教学软件如下:
①网页交互软件网页交互原型工具Axure网页交互流程图制作工具Visio网页交互元素设计工具PhotoShop
②App交互设计软件交互设计规划、思维导图工具XmindApp低保真原型工具墨刀App原型设计工具Adobe XD
③流程管理类软件团队协作工具Teambit ion项目管理工具WPS
2.本课程的实训具有连续性，以往的实训环境和实训结果应该予以保留，以便新的实训能够在原有实训的基础上扩充和完善
3.为能模拟软件开发环境和运行环境，所有计算机应能组成局域网，每台计算机应能上网
七、课程实施建议
1.教材选用建议序号教材名称作者出版社年份1《APP交互设计全流程》Adobe官方人民邮电出版社20182《网页交互设计基础与实例》严晨北京理工大学出版社20193《交互设计从理论到实践》李芳宇浙江大学出版社2019注教师也可在本课程标准的前提下，自备相关教学资料
2.教学建议交互设计在市场应用中具有特殊的地位，它本质上是各种行业门类的操作粘合剂，是各个行业与用户进行沟通的窗口，他将线上与线下的内容连接起来，将每个行业之间联系起来，这也奠定了交互设计课程在整体专业教学中的特殊地位尤其是针对多媒体专业与信息化专业而言，交互设计课程是基本课程，也是头部课程，它起到串联知识引导专业体系的重要作用本门交互课程在执行上，将着重考虑与思政专业课程、网络信息化课程、和移动媒体课程之间的高呼应性具体建议如下1建议课程知识讲解内容上定位于团体工作体系，从学生未来工作中的团队配合出发，每个知识点将完整描述基于其他课程领域的配合过程，使学生在课程学习中树立良好的团队精神，为未来的职业生涯打下更为广泛而坚实的基础2针对Web交互设计课程，建议从形式上入手，为Web信息化交互提供更多的实现手段，从传统的网络动图交互过渡到以AI手段为补充的，语言识别，图形识别，手势识别等多元化的互动手段课程建议从这些新媒体交互方式入手，讲授基于HTML5构架的Web交互课程建议交互设计课程的章节讲授中，将新媒体方式与Web页面经典布局设计理论相统一，使学生在学习过程中可以将平面设计课程中的知识与之共通、嵌入，达到设计体系的完美统一3针对APP交互设计课程，建议立足于丰富的移动应用类型之上，根据不同的应用门类，讲授相对应的交互课程内容由于APP移动端应用课程代表了众多社会行业门类重点包括制造业、商贸业、服务业三大门类，所以，在APP交互的实践教学中，建议采用行业驱动型案例，从行业需求出发，提出实践目标，给出标准化执行流程，使得交互设计可以用来引导制作端的实现，使高保真的APP交互设计课程内容成为APP制作课程的先导课程，进而实现本课程设计的人才培养目标4交互课程中，针对思政课程的对接建议从交互心理学，交互硬件认识，人机对话设计三个方面入手，使思政课程可以提供更加生动的思政信息，更加多样的反馈接收，从交互设计方面加深受众群对思政信息化作品的体验感与融入感建议交互课程设计中，学生设计的交互作品做到无缝的走进思政教学课堂；而在思政课堂上的应用反馈，也可以作为第一手应用经验资料对交互课程建设形成有效的促进作用，从而打造两门课程之间的专业闭环5在交互设计的实践教学环节中，建议更加凸显“设计理念”在教学中的重要性,紧密围绕当今市场前沿交互理念，实践环节中鼓励学生的独立思维与创新意识，做到在扎实中产生突破的教学效果6课程中建议注重培养学生了解市场需求的能力，提高学生的市场观察力与敏锐度,从而准确把握交互产品市场的需求走向课程章节内容的讲授具备开放性，避免拘泥于封闭的观点，每个章节在传统的教学资源内容之外，建议增设灵活的市场性讨论课题，为学生的学习提供一个头脑创意的空间7建议重视课程题材的多样性与灵活性，主要体现在交互行业分类多样化、交互知识点针对性广泛等两个方面力求每个章节的知识描述辐射到市场前沿的大部分行业需求知识点之间也可以设计为交叉辐射形式几个点对应一个案例的不同部分或者几个案例对应到一个知识点，这种知识点与案例的交叉指向方式，可以使学生在本课程的学习过程中具备高度的连贯性，有利于建立学生的知识体系网络
3.教师要求担任本课程教学的主讲教师应该熟悉交互设计的基本理论，具有一定的动态图像设计能力，熟练平面构成方法、交互心里方法、UI界面方法等方面的技巧，有较丰富的创作经验同时，还要求主讲教师具备较丰富的教学经验及课堂组织能力教师具有一定的实际创作能力，能够在教学中引入创作实例，将实际工作需要的基本技能融入教学中
八、课程资源的利用
1.课程教材
2.课程教学PPT课件
3.实训指导案例
4.章节知识教学视频
5.登录校内精品课学习网站
6.推荐以下学习网站http:〃www.sikiedu.com思考学院设计网站中国设计网.gjart.com国际艺术界东方视觉.com千库设计网
九、学习情境设计根据本课程的培养目标确定17个学习情境，其具体内容如下:
1.交互设计概况与技能需求学习情境交互设计概况与技能需求学时4能力目标使学生了解交互产品的市场需求使学生清晰交互设计基本步骤掌握交互需求的分析方法并理解与用户沟通的意义主要内容
1、认知性引导与介绍
2、掌握交互设计的基本思路与设计沟通方法工作任务以实训案例为依托，交互设计概况与技能需求包含以下任务
1、搜集市场著名案例说明市场需求特征
2、罗列后续课程涉及的设计工具，以图谱形式引导学生清晰设计步骤
3、根据实际案例设置沟通问题，以传达沟通的意义与方法实训环境教学资源
1、为配合一体化教学，在讲授和实训课教学中，需要为1课程教材教师配置教师机及大屏幕2授课PPT课件
2、需要为每位学生配置1台计算机，计算机软件环境要3实训指导案例4市场典型交互应用求1操作系统Windows10版本2浏览器IE
7.0或以上版本3Word2007以上版本
3、需要准备的安装软件如下Photoshop、XmindVisioTeambitionAxureRP9墨刀、Adobe XDo。
个人认证
优秀文档
获得点赞 0
