数字媒体交互设计（慕课版） 课程标准

《数字媒体交互设计》课程标准主编张靖瑶主审教研室主任课程类型职业技术课课程代码206102101223开设学期第四学期学分4理论学时22实训学时42总学时64考核方式考试课制订时间2021年1月一、课程描述本课程是以理论为基础的实践导向型课程,所传达的课程内容围绕“以人为本”的设计原则，重点讲述人机交互的基本概念和重要意义以及发展历程、软件系统的人机交互设计原则和方法、网络系统的人机交互设计原则和方法、移动端应用人机交互技术、人机交互开发工具与环境等理论内容；简要介绍人机交互的认知心理学、计算机硬件的人机交互设计、人机交互技术的发展趋势,并培养学生利用交互设计工具制作交互产品原型的能力。课程布置方式以行业需求为出发点，抛出问题，分析问题，解决问题。教学中模拟岗位工作情境，以案例任务驱动教学进程，围绕企业中UI设计师、Unity开发工程师的岗位能力进行针对性培养教学，做到与企业管理理念无缝对接。课程所涉及教学案例，均取自市场一线工作任务，是本门课程做为校企合作的执行抓手。

课程从交互设计本身特点出发，有机融入相关思政建设内容，从实际应用角度设置线上思政互动教学，移动端思政应用方法实践等切实的思政教学内容，做到以思政带课堂，以知识促思政的教学思政闭环。综上所述，本课程内容的总原则是立足市场，使教、学、用形成统一的整体，课程拥有自主的市场生命力，增强数字媒体应用技术专业学生未来的市场竞争力。二、课程目标本课程以培养“UI设计师”、“Unity开发工程师”为目标，最大化完善学生对交互产品周边知识的学习理解，使学生未来可以有效的融入企业制作团队之中，与其他行业技术人员、市场人员做到高效能的沟通。通过本课程的学习，在掌握交互设计师必备的理论基础和工作实践技能基础上，培养出自身的“知识自更新能力”，在课后继续保持对相关交互产品的“行业探索能力”。课程以行业中的实际案例为教学导向，以交互式教学来反映交互设计本身的概念，使学生在学习过程中有强烈的知识沉浸感，并达到深刻理解“交互设计课程的精神与方法”的目的。1素质目标（1）坚定拥护中国共产党领导和我国社会主义制度。在习近平新时代中国特色社会主义思想指引下，践行社会主义核心价值观。具有深厚的爱国情感和中华民族自豪感。（2）崇尚宪法、遵法守纪、崇德向善、诚实守信、尊重生命、热爱劳动，履行道德准则和行为规范。具有社会责任感和社会参与意识。（3）具有质量意识、环保意识、安全意识、信息素养、工匠精神、创新思维。（4）勇于奋斗、乐观向上。具有自我管理能力、职业生涯规划的意识，有较强的集体意识和团队合作精神。（4）培养学生树立质量意识、安全意识、标准和规范意识以满足专业岗位的要求；（5）培养学生自主学习和拓展知识的能力。2知识目标：掌握交互产品逻辑推理的思维方式掌握用户需求画像的概念整理方式掌握UI元素设计与交互界面排版的行业规范掌握交互动画设计与制作的软件应用技法掌握产品推进对接与沟通知识掌握知识结构自更新方法意识3能力目标具有正确理解产品方向的能力建立有效产品对话机制的能力灵活的设计驾驭能力针对需求提供多方案解决的能力并行处理交互设计工作的能力三、与前后课程的联系1．与前续课程的联系本课程需要的前期知识储备包括对PS与AI设计工具的基础掌握，《用户界面设计》、《图像创意设计》、《版式设计》课程可以为本课程的先导课程，作为交互理论的基础知识铺垫。2.与后续课程的联系本课程是后续《VR虚拟仿真》等交互制作实现类课程的设计基础课程，与制作类等实践性课程有着紧密的联系，并且对学生将来的实习与就业起到必要的专业技术支撑作用。四、学习内容与学时分配（一）学习内容本课程以交互设计中三大行业需求为内容支点，围绕交互设计总体规划，交互流程图初步设计，高保真交互原型实现等交互设计关键内容展开，具体课程内容包括：从行业需求出发介绍Web交互、App交互、VR交互的基本行业背景与设计流程；交互设计思路构建工具；项目进度管理工具；交互设计逻辑呈现工具；动态高保真原型制作；web网页交互设计实践；App移动端交互程序设计实践；VR虚拟产品交互实训；思政类交互作品创意研讨；交互设计延申衔接内容；自选交互设计综合实训作业。（二）学时分配本课程总课时为64学时，讲授课时为22学时，独立实践学时为42学时。教学学时分配如下：学习单元编号学习任务学习要求学时分配备注一体化学时实践比例(%)1交互设计概况与技能需求1.使学生了解交互产品的市场需求2.使学生清晰交互设计基本步骤3.掌握交互需求的分析方法并理解与用户沟通的意义466%2梳理交互设计创意：（思维导图工具Xmind）1.了解思维导图在设计工作中所起到的作用与目的2.掌握思维导图具体制作方法3.使学生掌握在Web交互设计前期结合思维导图的方案4.使学生掌握web设计中前期思维导图规划与低保真流程图的工作衔接方式366%3制作网站框架和用户交互体验：（流程图工具Visio）1.了解流程图规划在网页交互设计中的意义2.使学生掌握Visio流程图工具的主要制作方法3.掌握网页中交互功能类型在流程图中的呈现方式4.使学生掌握流程图与原型设计的工作衔接方式366%4管理Web项目：（团队协作工具Teambition）1.了解交互设计在web整体设计制作中的项目地位2.使学生掌握项目进度把控中的关键要素概念3.掌握团队协作工具Teambition的关键操作功能4.从实际案例出发模拟团队协作中的多种情况的工具模拟266%5制作Web交互低保真原型：（原型工具Axure）1.了解低保真呈现在Web交互设计中的意义与作用2.掌握网页低保真设计中的界面元素特征与分布特点3.使学生掌握Web交互逻辑的低保真呈现交代方式4.掌握低保真到Web高保真原型设计的原则与基本方案666%6Web交互组件设计：（组件设计工具Photoshop）1.了解Web交互中的组件分类原则与处理基本方案2.掌握Photoshop矢量工具在组件设计中的操作方法3.使学生掌握组件设计的发布方式与存储方案4.掌握组件在原型制作工具中的植入原则与方法5.了解Web元素设计与交互界面设计之间的联系与协同方案466%7Web交互界面设计：（界面设计工具Photoshop）1.了解界面设计在Web交互设计中的应用特点与原则2.使学生掌握在Photoshop中进行web界面设计的关键技术手段3.掌握完整界面的Web裁图方法与高保真植入方法4.了解根据交互动态需求进行界面分割的方法与优化方案5.掌握界面与元素在Web高保真设计中的合成方法466%8Web交互动态效果设计：（动态设计工具Photoshop）1.了解动态元素设计于交互设计中的应用原则2.使学生掌握Photoshop中制作动态元素的关键方法3.掌握Web交互设计中的元素动画方式类别与优化的原则4.掌握Web交互设计高保真原型的综合输出方式466%9App交互设计创意：（思维导图工具Xmind）1.了解App交互设计创意思路特征2.使学生掌握思维导图对App交互设计意图的表达方法3.掌握App交互设计图谱的制作与发布方法4.了解思维导图对App后续逻辑设计的衔接方案366%10App交互低保真设计（逻辑工具Visio）1.了解低保真规划在App交互设计中的意义2.使学生掌握App低保真工具的主要制作方法3.掌握APP中交互功能类型在低保真中的呈现方式4.使学生了解低保真说明于团队协作中的指导意义366%11App交互产品管理（团队协作工具WPS）1.了解WPS工具的功能分布2.使学生掌握WPS工具的云端操作方法3.掌握App项目的规划如何在WPS中进行协调推进4.了解WPS各种文件格式的相互转化方法以及与其他工具相协同的规范266%12App交互过渡原型设计：（原型工具墨刀）1.基于App的移动交互特点了解墨刀工具的基本工作特征2.使学生掌握墨刀原型工具的关键操作方法3.掌握墨刀原型工具在App交互设计中的元素表现方式4.了解墨刀工具的原型发布方法与成果共享方式5.依据教学案例进行工具的实践演练566%13App交互界面元素设计：（元素设计工具Photoshop）1.了解App交互中涉及的元素类别与基本特征2.使学生掌握App元素设计的构成方法与设计规律3.掌握Photoshop中矢量工具在App元素设计的方法4.了解Android与Ios系统中的元素设计倾向5.根据实例命题进行操作设计实践566%14以App目的导向为原则的界面版式设计（界面设计工具Photoshop）1.了解界面设计在App交互设计中的应用特点与原则2.使学生掌握在Photoshop中进行App界面设计的关键技术手段3.掌握完整界面的App裁图方法与高保真植入方法4.了解根据App交互动态需求进行界面分割的方法与优化方案5.掌握界面与元素在App高保真设计中的合成方法）566%15App交互高保真原型制作（原型制作工具AdobeXD）1.了解高保真原型于App交互设计的意义2.使学生掌握App原型设计工具的关键操作方式3.掌握App交互原型设计中的动画制作规范与设计理念4.从教学实例出发进行一个命题形式的原型输出实践566%16VR交互设计基本方法与流程介绍（Unity3D设计工具）1.了解VR交互设计的基本特征2.使学生建立从平面交互向立体交互过渡的理论基础3.了解Unity3D中的交互基本方式与工具特征4.通过实训案例加深对交互产品的全面理解5.与虚拟知识的衔接介绍466%17项目驱动化综合性交互设计实践1.使学生统筹交互设计方法，建立产品观念2.使学生掌握创造性思维方法3.使学生能够运用交互设计法则，完成特定主题综合创意设计266%合计6466%五、课程考核方式及标准本课程考核采取平时考核与期末考核的方式。平时成绩占总分的40%，期末成绩占总分的60%，课程总评成绩为100分制，60分及以上为合格。平时成绩以平时作业的完成情况和完成质量评定，兼顾考虑出勤和课堂表现情况。期末成绩以期末结课作品的形式考核。六、教学与实践环境要求1．为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及高清投影仪大屏幕。教师机和学生机软件环境要求：操作系统：Windows10版本。教学中涉及到的教学软件如下：①网页交互软件：网页交互原型工具Axure网页交互流程图制作工具Visio网页交互元素设计工具PhotoShop②App交互设计软件：交互设计规划、思维导图工具XmindApp低保真原型工具墨刀App原型设计工具AdobeXD③流程管理类软件：团队协作工具Teambition项目管理工具WPS2．本课程的实训具有连续性，以往的实训环境和实训结果应该予以保留，以便新的实训能够在原有实训的基础上扩充和完善。3.为能模拟软件开发环境和运行环境，所有计算机应能组成局域网，每台计算机应能上网。课程实施建议1．教材选用建议序号教材名称作者出版社年份1《APP交互设计全流程》Adobe官方人民邮电出版社20182《网页交互设计基础与实例》严晨北京理工大学出版社20193《交互设计：从理论到实践》李芳宇浙江大学出版社2019注：教师也可在本课程标准的前提下，自备相关教学资料。教学建议交互设计在市场应用中具有特殊的地位，它本质上是各种行业门类的操作粘合剂，是各个行业与用户进行沟通的窗口，他将线上与线下的内容连接起来，将每个行业之间联系起来，这也奠定了交互设计课程在整体专业教学中的特殊地位。尤其是针对多媒体专业与信息化专业而言，交互设计课程是基本课程，也是头部课程，它起到串联知识引导专业体系的重要作用。本门交互课程在执行上，将着重考虑与思政专业课程、网络信息化课程、和移动媒体课程之间的高呼应性。具体建议如下：（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.推荐以下学习网站：思考学院设计网站中国设计网国际艺术界东方视觉https://588千库设计网九、学习情境设计根据本课程的培养目标确定17个学习情境，其具体内容如下：交互设计概况与技能需求学习情境交互设计概况与技能需求学时4能力目标使学生了解交互产品的市场需求使学生清晰交互设计基本步骤掌握交互需求的分析方法并理解与用户沟通的意义主要内容认知性引导与介绍掌握交互设计的基本思路与设计沟通方法工作任务以实训案例为依托，交互设计概况与技能需求包含以下任务：1、搜集市场著名案例说明市场需求特征2、罗列后续课程涉及的设计工具，以图谱形式引导学生清晰设计步骤3、根据实际案例设置沟通问题，以传达沟通的意义与方法实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型交互应用教学方法建议1、教师以提出需要解决的问题为引导，已提出问题的解决方案为总结，提供学生一个局部的知识体系构架，并预留后续课程的知识衔接接口，提升学生的学习主动性。2、以课程中提供的案例为载体，首先对案例进行客观剖析，再引导学生提出主观认识，进行灵活的分析，总结教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟悉市场交互产品基本需求，进行过市场调研。2、熟练操作课程所涉及的设计工具。3、具有一定的市场实践经历，与产品运维经验考核方式1、提交一篇针对交互设计的命题讨论文字备注2．Web梳理交互设计创意学习情境Web梳理交互设计创意学时3能力目标了解思维导图在设计工作中所起到的作用与目的掌握思维导图具体制作方法使学生掌握在web交互设计前期结合思维导图的方案使学生掌握web设计中前期思维导图规划与低保真流程图的工作衔接方式主要内容1、重点掌握xmind导图工具的具体制作方法2、结合web交互设计特点理解导图工具在设计中的指导意义工作任务以提出问题解决问题为导向，Web梳理交互设计创意包含以下任务：1、提出交互设计中的思路问题并说明导图工具的意义所在2、思维导图工具xmind的具体功能训练3、网页交互思维导图制作训练4、为web低保真原型制作进行知识铺垫，做初步衔接训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训案例指导（4）市场典型交互应用教学方法建议1.从关键知识点出发，首先描述出设计工具的基本框架，在此基础上填充细节性的知识点，如工具的命令，操作技巧，快捷方式等周边内容。2.由益于接受的基本理论入手，由浅入深，以具象化的实例描述抽象化的概念，再用以形成的概念，去引申下一个具象化的实例。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、具有良好的逻辑思维能力2、具有一定的思维导图设计及创作经验3、具有一定的市场项目参与经历考核方式提交网页思维导图设计规划案提交学科问卷调查表备注3．制作网站框架和用户交互体验：（流程图工具Visio）学习情境制作网站框架和用户交互体验学时3能力目标了解流程图规划在网页交互设计中的意义使学生掌握Visio流程图工具的主要制作方法掌握网页中交互功能类型在流程图中的呈现方式使学生掌握流程图与原型设计的工作衔接方式主要内容1、深刻理解流程图与思维导图之间的工作交接意义2、掌握流程图对网页交互设计的表现方式3、了解流程图表现与交互原型发布之间的衔接关系工作任务以考核知识点为依托，制作网站框架和用户交互体验包含以下任务：1、根据思维导图知识，提出网页交互的流程图设计需求，引导学生了解流程图的意义2、进行流程图工具Visio的关键技术训练3、以实训案例为基础，分析网页典型交互类型，进行Visio工具操作训练4、递进提出网页交互设计原型发布需求，进行后续课程内容衔接实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师在教学的过程中设置若干个小问题，逐步将大问题化整为零，使学生在解决问题中学习，不断加深强化所学到的内容。2、教师在教学中向学生推荐工具相关的课程计划外拓展教程。做到以课堂知识为框架，先充实，再拓展，引导学生的自我学习能力，有效的使课程学习走出课堂之外。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟悉网页交互中的各交互元件功能2、了解流程图工具Visio的关键技术3、具有一定的市场项目参与经历考核方式1、提交网页流程图设计规划案2、提交学科问卷调查表4．管理Web项目：（团队协作工具Teambition）学习情境管理Web项目学时2能力目标了解交互设计在web整体设计制作中的项目地位使学生掌握项目进度把控中的关键要素概念掌握团队协作工具Teambition的关键操作功能从实际案例出发模拟团队协作中的多种情况的工具模拟主要内容1、网页交互设计项目进度与品质把控2、网页交互项目的方向指导能力培养工作任务考核知识点为依托，管理Web项目包含以下任务：1、通过完整项目案例描述交互设计的工作地位与配合手段2、项目进程与品控指导训练3、引入具体团队协作工具进行上述训练的补充4、项目执行中的突发情况训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、实训课需要为每位学生配置1台课桌即可。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师进行项目模拟分组训练，采用边练边学的方式进行相关项目管理的知识讲解。2、模拟训练后，根据实训指导案例进行项目管理方面的课堂讨论，学生阐述自己的观点。3、总结课堂训练中的经验与不足，加深项目管理理解教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟悉项目流程管理工具2、具有一定的市场项目管理及把控经验。考核方式1、提交项目进度管理记录5．制作Web交互低保真原型：（原型工具Axure）学习情境制作Web交互低保真原型学时6能力目标了解低保真呈现在web交互设计中的意义与作用掌握网页低保真设计中的界面元素特征与分布特点使学生掌握web交互逻辑的低保真呈现交代方式掌握低保真到web高保真原型设计的原则与基本方案主要内容1、Web交互低保真项目呈现2、Web低保真制作必要性3、网页交互低保真呈现于高保真原型的技术过渡工作任务考核知识点为依托，制作Web交互低保真原型包含以下任务：1、引导学生针对Web交互设计的低保真制作需求进行理解2、将网页中的交互元素与低保真原型工具进行对接训练3、进行原型工具Axure的关键技术实现训练4、总结原型工具Axure技术特征，与高保真设计课程进行衔接实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师根据设计工具的特点、流程，梳理出三类关键点。即：设计工具的用途（做什么），设计工具的实现方式（如何做），设计工具的操作理念（为什么这样做），进行工具的以点带面讲解2、教师以实训案例为载体，根据上述知识点进行案例剖析，完成案例作品的模拟训练教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练web交互设计基本理论，熟练原型工具软件2、具有一定的原型图设计及创作经验。3、具有一定的交互市场经验。考核方式提交实训作品提交实训过程问卷文字6．交互组件设计：（组件设计工具Photoshop）学习情境Web交互组件设计学时4能力目标了解web交互中的组件分类原则与处理基本方案掌握Photoshop矢量工具在组件设计中的操作方法使学生掌握组件设计的发布方式与存储方案掌握组件在原型制作工具中的植入原则与方法了解web元素设计与交互界面设计之间的联系与协同方案主要内容1、Photoshop矢量工具组件设计2、低保真原型中的组件设计填充3、与Web整体界面设计的配合工作任务考核知识点为依托，Web交互组件设计包含以下任务：1、基于三大构成知识，对Web交互原型中的模拟组件进行具象化设计2、Photoshop矢量工具在组件设计中的训练3、低保真原型设计中的组件具象化植入训练4、基于实训案例，对一个完整的Web交互项目进行分析，模拟5、进行后续与整体界面设计的衔接训练实训环境为每位学生配置的计算机具备如下的软件环境：1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师以前课程交互原型设计为载体，根据Photoshop矢量设计相关知识背景及教学资源，按设计的过程逐步提出要完成的任务。2、依据项目实训案例，进行设计元素剖析，完成对网页交互组件设计部分的模拟教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练三大构成的基本理论，熟练平面构成方法2、具有一定的图形图像设计及创作经验3、具有一定的审美经验考核方式1、提交实训作品7．Web交互界面设计：（界面设计工具Photoshop）学习情境Web交互界面设计学时4能力目标了解界面设计在web交互设计中的应用特点与原则使学生掌握在Photoshop中进行web界面设计的关键技术手段掌握完整界面的web裁图方法与高保真植入方法了解根据交互动态需求进行界面分割的方法与优化方案掌握界面与元素在web高保真设计中的合成方法主要内容1、Photoshop平面设计在Web交互中的应用2、低保真原型中的界面设计填充3、与Web交互设计中的动画配合工作任务考核知识点为依托，色相对比训练包含以下任务：1、基于三大构成知识，对Web交互原型中的界面进行具象化设计2、Photoshop矢量工具在界面设计中的训练3、低保真原型设计中的界面具象化植入训练4、基于实训案例，对一个完整的Web交互项目进行分析，模拟5、进行后续与交互动画设计的衔接训练 实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师以前课程交互原型设计为载体，根据Photoshop矢量设计相关知识背景及教学资源，按设计的过程逐步提出要完成的任务。2、依据项目实训案例，进行设计元素剖析，完成对网页交互界面设计部分的模拟教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练三大构成的基本理论，熟练色彩搭配方法2、具有一定的图形图像设计及创作经验。3、具有一定的审美经验。考核方式1、提交实训作品8．Web交互动态效果设计：（动态设计工具Photoshop）学习情境Web交互动态效果设计学时4能力目标了解动态元素设计于交互设计中的应用原则使学生掌握Photoshop中制作动态元素的关键方法掌握web交互设计中的元素动画方式类别与优化的原则掌握web交互设计高保真原型的综合输出方式主要内容1、Photoshop动画设计在Web交互中的应用2、低保真原型中的动画效果实训3、Web交互设计的高保真动画输出工作任务考核知识点为依托，Web交互动态效果设计包含以下任务：1、基于动画规律知识，对Web交互原型进行高保真动画设计2、Photoshop矢量工具在动画设计中的训练3、高保真原型设计中的动画效果植入训练4、基于实训案例，对一个完整的Web交互项目进行分析，模拟5、进行Web交互设计的高保真动画输出训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师以前课程交互原型设计为载体，根据Photoshop动画制作相关知识背景及教学资源，按设计的过程逐步提出要完成的任务。2、依据项目实训案例，进行动态元素剖析，完成对网页交互设计动画部分的模拟教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练Photoshop动画效果的基本方法，熟练动画输出方法2、具有一定的动画元素设计及创作经验。3、具有一定的动画运动基础理论。考核方式1、提交实训作品9．App交互设计创意：（思维导图工具xmind）学习情境App交互设计创意学时3能力目标了解App交互设计创意思路特征使学生掌握思维导图对App交互设计意图的表达方法掌握App交互设计图谱的制作与发布方法了解思维导图对App后续逻辑设计的衔接方案主要内容1、重点掌握xmind导图工具的针对App交互设计方面的具体制作方法2、结合App交互设计特点理解导图工具在设计中的指导意义工作任务以提出问题解决问题为导向，App交互设计创意包含以下任务：1、提出交互设计中的思路问题并说明导图工具的意义所在2、针对App交互有设计提供思维导图工具xmind的具体功能训练3、App交互思维导图制作训练4、为Appb低保真原型制作进行知识铺垫，做初步衔接训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训案例指导（4）市场典型交互应用教学方法建议1.从关键知识点出发，首先描述出设计工具的基本框架，在此基础上填充细节性的知识点，如工具的命令，操作技巧，快捷方式等周边内容。2.由益于接受的基本理论入手，由浅入深，以具象化的实例描述抽象化的概念，再用以形成的概念，去引申下一个具象化的实例。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、具有良好的逻辑思维能力2、具有一定的思维导图设计及创作经验3、具有一定的市场项目参与经历考核方式提交App思维导图设计规划案2、提交学科问卷调查表10．App交互低保真设计（逻辑工具Visio）学习情境App交互低保真设计学时3能力目标了解低保真规划在App交互设计中的意义使学生掌握App低保真工具的主要制作方法掌握APP中交互功能类型在低保真中的呈现方式使学生了解低保真说明于团队协作中的指导意义主要内容1、深刻理解逻辑低保真工具与思维导图之间的工作交接意义2、掌握逻辑工具对App交互设计的表现方式3、了解逻辑低保真表现与交互原型发布之间的衔接关系工作任务以考核知识点为依托，App交互低保真设计包含以下任务：1、根据思维导图知识，提出App交互的逻辑设计需求，引导学生了逻辑低保真的意义2、进行逻辑工具Visio的关键技术训练3、以实训案例为基础，分析App典型交互类型，进行Visio工具操作训练4、递进提出App交互设计原型发布需求，进行后续课程内容衔接实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师在教学的过程中设置若干个小问题，逐步将大问题化整为零，使学生在解决问题中学习，不断加深强化所学到的内容。2、教师在教学中向学生推荐工具相关的课程计划外拓展教程。做到以课堂知识为框架，先充实，再拓展，引导学生的自我学习能力，有效的使课程学习走出课堂之外。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟悉App交互中的各交互元件功能2、了解逻辑工具Visio的关键技术3、具有一定的市场项目参与经历考核方式1、提交网页流程图设计规划案2、提交学科问卷调查表11．App交互产品管理（团队协作工具WPS）学习情境App交互产品管理学时2能力目标了解wps工具的功能分布使学生掌握wps工具的云端操作方法掌握App项目的规划如何在wps中进行协调推进了解wps各种文件格式的相互转化方法以及与其他工具相协同的规范主要内容1、App交互设计项目进度与品质把控2、App交互项目的方向指导能力培养工作任务考核知识点为依托，App交互产品管理构成包含以下任务：1、通过完整项目案例描述交互设计的工作地位与配合手段2、项目进程与品控指导训练3、引入具体团队协作工具进行上述训练的补充4、项目执行中的突发情况训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师进行项目模拟分组训练，采用边练边学的方式进行相关项目管理的知识讲解。2、模拟训练后，根据实训指导案例进行项目管理方面的课堂讨论，学生阐述自己的观点。3、总结课堂训练中的经验与不足，加深项目管理理解教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟悉项目流程管理工具2、具有一定的市场项目管理及把控经验。考核方式1、提交项目进度管理记录12．App交互过渡原型设计：（原型工具墨刀）学习情境App交互过渡原型设计学时5能力目标基于App的移动交互特点了解墨刀工具的基本工作特征使学生掌握墨刀原型工具的关键操作方法掌握墨刀原型工具在App交互设计中的元素表现方式了解墨刀工具的原型发布方法与成果共享方式依据教学案例进行工具的实践演练主要内容1、App交互低保真项目呈现2、App低保真制作必要性3、App交互低保真呈现于高保真原型的技术过渡工作任务考核知识点为依托，App交互过渡原型设计成包含以下任务：1、引导学生针对App交互设计的低保真制作需求进行理解2、将App中的交互元素与低保真原型工具进行对接训练3、进行原型工具墨刀的关键技术实现训练4、总结原型工具墨刀技术特征，与高保真设计课程进行衔接实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师根据设计工具的特点、流程，梳理出三类关键点。即：设计工具的用途（做什么），设计工具的实现方式（如何做），设计工具的操作理念（为什么这样做），进行工具的以点带面讲解2、教师以实训案例为载体，根据上述知识点进行案例剖析，完成案例作品的模拟训练教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练App交互设计基本理论，熟练原型工具软件2、具有一定的原型图设计及创作经验。3、具有一定的交互市场经验。考核方式提交实训作品2、提交实训过程问卷文字13．App交互界面元素设计：（元素设计工具Photoshop）学习情境App交互界面元素设计学时5能力目标了解App交互中涉及的元素类别与基本特征使学生掌握App元素设计的构成方法与设计规律掌握Photoshop中矢量工具在App元素设计的方法了解Android与Ios系统中的元素设计倾向根据实例命题进行操作设计实践主要内容1、Photoshop矢量工具组件设计2、低保真原型中的组件设计填充3、与App整体界面设计的配合工作任务考核知识点为依托，App交互界面元素设计包含以下任务：1、基于三大构成知识，对App交互原型中的模拟组件进行具象化设计2、Photoshop矢量工具在App组件设计中的训练3、低保真原型设计中的App组件具象化植入训练4、基于实训案例，对一个完整的App交互项目进行分析，模拟5、进行后续与整体界面设计的衔接训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师以前课程交互原型设计为载体，根据Photoshop矢量设计相关知识背景及教学资源，按设计的过程逐步提出要完成的任务。2、依据项目实训案例，进行设计元素剖析，完成对交互界面元素设计部分的模拟。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练三大构成的基本理论，熟练平面构成方法2、具有一定的图形图像设计及创作经验3、具有一定的审美经验考核方式1、提交实训作品14．以App导向为目的的界面版式设计（界面设计工具Photoshop）学习情境App导向为目的的界面版式设计学时5能力目标了解界面设计在App交互设计中的应用特点与原则使学生掌握在Photoshop中进行App界面设计的关键技术手段掌握完整界面的App裁图方法与高保真植入方法了解根据App交互动态需求进行界面分割的方法与优化方案掌握界面与元素在App高保真设计中的合成方法主要内容1、Photoshop平面设计在Web交互中的应用2、低保真原型中的界面设计填充3、与Web交互设计中的动画配合工作任务考核知识点为依托，App导向为目的界面版式设计包含以下任务：1、基于三大构成知识，对App交互原型中的界面进行具象化设计2、Photoshop矢量工具在App界面设计中的训练3、低保真原型设计中的App界面具象化植入训练4、基于实训案例，对一个完整的App交互项目进行分析，模拟5、进行后续与交互动画设计的衔接训练实训环境1、为配合一体化教学，在讲授和实训课教学中，需要为教师配置教师机及大屏幕。2、需要为每位学生配置1台计算机，计算机软件环境要求：（1）操作系统：Windows10版本（2）浏览器：IE7.0或以上版本。（3）Word2007以上版本。3、需要准备的安装软件如下：Photoshop、Xmind、Visio、Teambition、AxureRP9、墨刀、AdobeXD。教学资源（1）课程教材（2）授课PPT课件（3）实训指导案例（4）市场典型案例应用教学方法建议1、教师以前课程App交互原型设计为载体，根据Photoshop矢量设计相关知识背景及教学资源，按设计的过程逐步提出要完成的任务。2、依据项目实训案例，应用“教、学、做”三位一体教学法，进行设计元素剖析，完成对APP交互界面版式设计部分的模拟。教学组织形式1、以班级为单位教学2、分小组进行实践讨论教师能力要求1、熟练三大构成的基本理论，熟练色彩搭配方法2、具有一定的图形图像设计及创作经验。3、具有一定的审美经验。考核方式1、提交实训作品15．App交互高保真原型制作（原型制作工具AdobeXD）学习情境App交互高保真原型制作学时5能力目标了解高保真原型于App交互设计的意义使学生掌握App原型设计工具的关键操作方式掌握App交互原型设计中的动画制作规范与设计理念从教学实例出发进行一个命题形式的原型输出实践主要内容1、原型制作工具AdobeX