《数字交互设计》课程实验教学大纲 一、课程基本信息 课程代码：18230243 课程名称：数字交互设计 英文名称：Digital Interaction Design 实验总学时：48 适用专业：广告学 课程类别：实验教学 先修课程：设计思维 二、课程简介 本课程强调理论与实践相结合，围绕“以人为本”的设计原则，重点讲述 交互设计的基本概念和重要意义以及发展历程、软件系统的交互设计原则和方 法，简要介绍人机交互的认知心理学、数字交互设计的发展趋势，并培养学生 利用交互设计软件制作做实际作品的能力。课程包含对56个基础操作的讲解， 学生通过对这一部分内容的学习，就能够基本掌握Axur的使用方法和开发技巧 。通过对基础操作和实战案例的讲解，帮助学生深入了解如何进行Web与App平 台的产品原型开发以及各种交互效果的实现。 三、实验教学的总体目的和要求 1.对学生的要求： ·了解交互设计的基本原理和软件操作技能、交互设计师创造和优化用户 体验的过程和方法、了解推动体验创新的交互技术、常见的人机交互模 式：了解交互设计的原则、用户行为、概念模型和系统行为逻辑。 ·具有一定的综合创作能力，学会用例分析、用户体验分析、产品需求分 析的基本方法，使学生学会系统规划和全局思维
《数字交互设计》课程实验教学大纲 一、课程基本信息 课程代码： 18230243 课程名称： 数字交互设计 英文名称: Digital Interaction Design 实验总学时：48 适用专业：广告学 课程类别：实验教学 先修课程：设计思维 二、课程简介 本课程强调理论与实践相结合，围绕“以人为本”的设计原则，重点讲述 交互设计的基本概念和重要意义以及发展历程、软件系统的交互设计原则和方 法，简要介绍人机交互的认知心理学、数字交互设计的发展趋势，并培养学生 利用交互设计软件制作做实际作品的能力。课程包含对56个基础操作的讲解， 学生通过对这一部分内容的学习，就能够基本掌握Axure的使用方法和开发技巧 。通过对基础操作和实战案例的讲解，帮助学生深入了解如何进行Web与App平 台的产品原型开发以及各种交互效果的实现。 三、实验教学的总体目的和要求 1.对学生的要求： • 了解交互设计的基本原理和软件操作技能、交互设计师创造和优化用户 体验的过程和方法、了解推动体验创新的交互技术、常见的人机交互模 式；了解交互设计的原则、用户行为、概念模型和系统行为逻辑。 • 具有一定的综合创作能力，学会用例分析、用户体验分析、产品需求分 析的基本方法，使学生学会系统规划和全局思维
·掌握Axure?交互原型设计工具，能够独立完成一整套交互原型设计作品。 具有项目实践创新能力，在项目实践中具有发现问题、解决问题能力。 对老师的要求： ·培养学生团队合作能力，让其以小组形式完成一整套交互设计方案。 ·以弘扬社会主义核心价值观，传承中华优秀传统文化，增强国家文化软 实力为导向，指引学生进行交互设计创作。通过作品凸显中华优秀传统 文化中讲仁爱、重民本、守诚信、崇正义、尚和合、求大同的思想精华 和时代价值。 对实验条件的要求： ·实验空间：配备电源插座、能放置电脑、开发板及其套件的课桌(1组1 桌，1人1电源) ·硬件 操作系统要求：Winl0(推荐)/Linux//Tin7/Mac 内存：8GB(单系统) 硬盘(C盘)可用空间：一半以上 安装盘空间需求：1G以上 ·软件：Axure8.0、Photoshop、.Word、Mind map 四、实验教学内容 1.理论部分 第一部分交互设计概论 1.1什么是交互设计 1.2提出交互设计的背景 1.3交互设计和周边学科
• 掌握Axure交互原型设计工具，能够独立完成一整套交互原型设计作品。 具有项目实践创新能力，在项目实践中具有发现问题、解决问题能力。 对老师的要求： • 培养学生团队合作能力，让其以小组形式完成一整套交互设计方案。 • 以弘扬社会主义核心价值观，传承中华优秀传统文化，增强国家文化软 实力为导向，指引学生进行交互设计创作。通过作品凸显中华优秀传统 文化中讲仁爱、重民本、守诚信、崇正义、尚和合、求大同的思想精华 和时代价值。 对实验条件的要求： • 实验空间：配备电源插座、能放置电脑、开发板及其套件的课桌（1组1 桌，1人1电源） • 硬件： 操作系统要求：Win10（推荐）/Linux/Win7 /Mac 内存：8GB （单系统） 硬盘（C盘）可用空间：一半以上 安装盘空间需求：1G以上 • 软件：Axure 8.0、Photoshop、Word、Mind map 四、实验教学内容 1. 理论部分 第一部分 交互设计概论 1.1什么是交互设计 1.2 提出交互设计的背景 1.3交互设计和周边学科
【思政融合】中国交互设计概述：在中国交互设计过去的20年可以分为 人机交互研究、可用性概念研究、以用户为中心的设计实践、体验设计 概念提出、体验设计实践展开五个阶段。经过20多年的发展，中国交互设 计在国内知名计算机、互联网相关公司出现了代表性设计团队。中国交 互设计的研究也正在中国人行为习惯和使用情景方面开展探索… 第二部分基于UCD的用户需求研究 2.1UCD的基础设计理论 2.2交互设计的原则：用户行为、概念模型和系统行为逻辑 2.3 交互设计调研方法，调研对于项目的作用，怎么把收集到的调研数据变 成可视化设计。介绍交互设计中用户体验分析方法，如：persona storyboard、scenario、problem tree等。了解如何做一手和二手调研，了解Data Visualization 【思政案例】中国设计的蟾起：12个设计师的商业主张一中国设计的 商业未来 2.实验部分 实验项目一 实验名称：Axuret的56个基础操作一一元件篇 实验内容：本教程包含基础元件的介绍和操作，学生通过对这部分的学习掌握A xure元件的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axurei元件的基本使用方法，具体包括：
【思政融合】中国交互设计概述：在中国交互设计过去的20年可以分为 人机交互研究、可用性概念研究、以用户为中心的设计实践、体验设计 概念提出、体验设计实践展开五个阶段。经过20多年的发展,中国交互设 计在国内知名计算机、互联网相关公司出现了代表性设计团队。中国交 互设计的研究也正在中国人行为习惯和使用情景方面开展探索…… 第二部分 基于UCD的用户需求研究 2.1 UCD的基础设计理论 2.2 交互设计的原则：用户行为、概念模型和系统行为逻辑 2.3 交互设计调研方法，调研对于项目的作用，怎么把收集到的调研数据变 成可视化设计。介绍交互设计中用户体验分析方法，如: persona storyboard、 scenario、 problem tree等。了解如何做一手和二手调研，了解 Data Visualization 【思政·案例】中国设计的崛起：12个设计师的商业主张——中国设计的 商业未来 2. 实验部分 实验项目一 实验名称：Axure的56个基础操作——元件篇 实验内容：本教程包含基础元件的介绍和操作，学生通过对这部分的学习掌握A xure元件的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axure元件的基本使用方法，具体包括：
基础1添加元件到画布 基础2添加元件名称 基础3设置元件位置/尺寸 基础4设置元件默认角度 基础5设置元件颜色与透明 基础6设置形状或图片圆角 基础7设置矩形仅显示部分边框 基础8设置线段/箭头/边框样式 基础9设置元件文字边距/行距 基础10设置元件默认隐藏 基础11设置文本框输入为密码 基础12设置打开选择文件窗口 基础13限制文本框输入字符位数 基础14设置文本框提示文字 基础15设置文本框回车触发事件 基础16设置鼠标移入元件时的提示 基础17设置矩形为其他形状 基础18设置自定义形状 基础19设置形状水平/垂直翻转 基础20设置列表框的内容 基础21设置元件默认选中/禁用 基础22设置单选按钮*选中 基础23设置元件不同状态的交互样式 基础24设置图片文本 基础25切割/裁剪图片 基础26嵌入多媒体文件/页面 基础27调整元件的层级 基础28组合/取消组合元件 基础29转换元件为图片
基础1 添加元件到画布 基础2 添加元件名称 基础3 设置元件位置/尺寸 基础4 设置元件默认角度 基础5 设置元件颜色与透明 基础6 设置形状或图片圆角 基础7 设置矩形仅显示部分边框 基础8 设置线段/箭头/边框样式 基础9 设置元件文字边距/行距 基础10 设置元件默认隐藏 基础11 设置文本框输入为密码 基础12 设置打开选择文件窗口 基础13 限制文本框输入字符位数 基础14 设置文本框提示文字 基础15 设置文本框回车触发事件 基础16 设置鼠标移入元件时的提示 基础17 设置矩形为其他形状 基础18 设置自定义形状 基础19 设置形状水平/垂直翻转 基础20 设置列表框的内容 基础21 设置元件默认选中/禁用 基础22 设置单选按钮**选中 基础23 设置元件不同状态的交互样式 基础24 设置图片文本 基础25 切割/裁剪图片 基础26 嵌入多媒体文件/页面 基础27 调整元件的层级 基础28 组合/取消组合元件 基础29 转换元件为图片
基础30载入元件库 基础31切换元件库 实验项目二 实验名称：Axuref的56个基础操作一一页面设置篇 实验内容：本教程包含Azure页面设置功能的介绍和操作，学生通过对这部分的 学习掌握Axure页面设置的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axure页面设置的基本使用方法，具体包括： 基础32设置页面居中 基础33设置页面背景（图片/颜色） 基础34设置页面颜色（草图/黑白） 第3章设置条件 基础35添加条件判断 基础36设置条件逻辑关系 基础37用例条件转换 第4章使用变量/公式 基础38全局变量设置 基础39局部变量设置 基础40公式的格式及类型 实验项目三 实验名称：Axuret的56个基础操作一一功能设置篇 实验内容：本教程包含功能设置的介绍和操作，学生通过对这部分的学习掌握A xure功能设置的基本方法
基础30 载入元件库 基础31 切换元件库 实验项目二 实验名称：Axure的56个基础操作——页面设置篇 实验内容：本教程包含Azure页面设置功能的介绍和操作，学生通过对这部分的 学习掌握Axure页面设置的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axure页面设置的基本使用方法，具体包括： 基础32 设置页面居中 基础33 设置页面背景（图片/颜色） 基础34 设置页面颜色（草图/黑白） 第3章 设置条件 基础35 添加条件判断 基础36 设置条件逻辑关系 基础37 用例条件转换 第4章 使用变量/公式 基础38 全局变量设置 基础39 局部变量设置 基础40 公式的格式及类型 实验项目三 实验名称：Axure的56个基础操作——功能设置篇 实验内容：本教程包含功能设置的介绍和操作，学生通过对这部分的学习掌握A xure功能设置的基本方法
实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axure功能设置的基本使用方法，具体包括： 基础41设置形状并排显示细边框 基础42设置画布中的遮罩阴影 基础43显示/隐藏交互与说明编号 基础44显示/隐藏两侧的功能面板 基础45展开/收起/弹出/停靠/关闭功能面板 基础46关闭/恢复功能面板 基础47文件备份与恢复 基础48设置自适应视图 实验项目四 实验名称：Axuret的56个基础操作一一原型生成篇 实验内容：学生通过对这部分的学习掌握生成Axure?交互原型的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握生成Axure?交互原型的基本方法，具体包括： 基础49快速预览查看原型 基础50生成L查看原型 基础51生成部分原型页面 基础52为原型添加标志 基础53发布原型到AxSh 基础54重新生成当前页面 基础55移动设备设置
实验学时：8 实验目的与要求： 通过对这部分的学习掌握Axure功能设置的基本使用方法，具体包括： 基础41 设置形状并排显示细边框 基础42 设置画布中的遮罩阴影 基础43 显示/隐藏交互与说明编号 基础44 显示/隐藏两侧的功能面板 基础45 展开/收起/弹出/停靠/关闭功能面板 基础46 关闭/恢复功能面板 基础47 文件备份与恢复 基础48 设置自适应视图 实验项目四 实验名称：Axure的56个基础操作——原型生成篇 实验内容：学生通过对这部分的学习掌握生成Axure交互原型的基本方法。 实验学时：8 实验目的与要求： 通过对这部分的学习掌握生成Axure交互原型的基本方法，具体包括： 基础49 快速预览查看原型 基础50 生成HTML 查看原型 基础51 生成部分原型页面 基础52 为原型添加标志 基础53 发布原型到AxSh 基础54 重新生成当前页面 基础55 移动设备设置
基础56Web字体设置 实验项目五 实验名称：案例实战临墓 实验内容：本教程包含对实战案例的讲解，学生通过对作品临墓，进一步熟悉A xure的基本操作方法。 实验学时：16 实验目的与要求： 通过对作品临墓，进一步熟悉Axure的基本操作方法。临墓案例具体包括： 第1部分：元件案例（文本框、图片、形状、动态面板、中继器） 第2部分：变量案例（全局变量、局部变量） 第3部分：函数案例（元件函数、页面函数、窗口函数、字符串函数、中继器函 数、日期函数 第4部分：综合案例(Web&APP) 五、课程的主要实践教学环节 主要实践教学环节分课堂和课后的设计两部分，并且进行分组作业，以任 务为驱动，来学习交互设计中一些原则，根据所学的原则应用到实际的制作软 件或者相关作品之中。 六、课程的主要教学方法与手段的考虑 1、理论讲授与案例教学法：在对本课程基本理论和基本知识进行讲授的同 时，结合具体的编程的典型实例，以帮助学生深化对理论知识的理解和认识， 同时也有助于提高学生分析和解决问题的能力。 2、启发式教学：在教学过程中，通过设疑问、提问题等方式，吸引学生的 注意力，启发学生积极思考，增强学生对该课程的兴趣，加强师生的互动和提 高学生在学习过程中的参与程度，以足部培养学生分析问题的能力。同时通过
基础56 Web 字体设置 实验项目五 实验名称：案例实战临摹 实验内容：本教程包含对实战案例的讲解，学生通过对作品临摹，进一步熟悉A xure的基本操作方法。 实验学时：16 实验目的与要求： 通过对作品临摹，进一步熟悉Axure的基本操作方法。临摹案例具体包括： 第1部分：元件案例（文本框、图片、形状、动态面板、中继器） 第2部分：变量案例（全局变量、局部变量） 第3部分：函数案例（元件函数、页面函数、窗口函数、字符串函数、中继器函 数、日期函数） 第4部分：综合案例（Web & APP） 五、课程的主要实践教学环节 主要实践教学环节分课堂和课后的设计两部分，并且进行分组作业，以任 务为驱动，来学习交互设计中一些原则，根据所学的原则应用到实际的制作软 件或者相关作品之中。 六、课程的主要教学方法与手段的考虑 1、理论讲授与案例教学法：在对本课程基本理论和基本知识进行讲授的同 时，结合具体的编程的典型实例，以帮助学生深化对理论知识的理解和认识， 同时也有助于提高学生分析和解决问题的能力。 2、启发式教学：在教学过程中，通过设疑问、提问题等方式，吸引学生的 注意力，启发学生积极思考，增强学生对该课程的兴趣，加强师生的互动和提 高学生在学习过程中的参与程度，以足部培养学生分析问题的能力。同时通过
提问和讨论，也能了解学生的学习状态，以便在下一阶段的教学中采取针对性 地措施进行教学。 3、小组讨论：引导学生对实例进行分析、讨论和争论，从而引导学生的深 层次的思考。 4、团队合作：把学生分为若干小组，按照项目的需要分配任务到人。 【思政融合】以“举旗帆、聚民心、育新人、兴文化、展形象”为使命， 引导学生进行交互设计创作，弘扬社会主义核心价值观，传承中华优秀传统文 化，增强国家文化软实力。 创意形式不限。如网页设计、移动客户端设计、小程序等。作品需提供首 页、二级频道页、内容页面的设计方案（包含页面样式PSD格式文件，及静态HT ML页面文件)： 七、考核方式 课程采用期末考核、平时考勤、实验考查相结合的考核办法。期末考核、实验 项目成绩共占70%，平时成绩占30%，详细如下： 考核内容 学习目标 分数百分比 考劲与课堂表现 准时到课堂，不影响其他人，准时离开课堂。参加 30 30% 课堂讨论并积极发言，对老师的提问主动回答，回答内 容逻辑性强，表达清晰。 实验 作业分为两次，一次作业满分7分，另一次8分。要 30 30 求按时交作业。 期末考核 在I0S程序中使用数据存储技术来处理程序运行中 40 40% 的技术。 八、推荐实验教材和教学参考书 ■《Axure RP8实战手册网站和APP原型制作案例精粹》人民邮电出版社
提问和讨论，也能了解学生的学习状态，以便在下一阶段的教学中采取针对性 地措施进行教学。 3、小组讨论：引导学生对实例进行分析、讨论和争论，从而引导学生的深 层次的思考。 4、团队合作：把学生分为若干小组，按照项目的需要分配任务到人。 【思政融合】以“举旗帜、聚民心、育新人、兴文化、展形象”为使命， 引导学生进行交互设计创作，弘扬社会主义核心价值观，传承中华优秀传统文 化，增强国家文化软实力。 创意形式不限。如网页设计、移动客户端设计、小程序等。作品需提供首 页、二级频道页、内容页面的设计方案(包含页面样式PSD格式文件，及静态HT ML页面文件)； 七、考核方式 课程采用期末考核、平时考勤、实验考查相结合的考核办法。期末考核、实验 项目成绩共占70%，平时成绩占30%，详细如下： 考核内容 学习目标 分数 百分比 考勤与课堂表现 准时到课堂，不影响其他人，准时离开课堂。参加 课堂讨论并积极发言，对老师的提问主动回答，回答内 容逻辑性强，表达清晰。 30 30% 实验 作业分为两次，一次作业满分7分，另一次8分。要 求按时交作业。 30 30% 期末考核 在IOS程序中使用数据存储技术来处理程序运行中 的技术。 40 40% 八、推荐实验教材和教学参考书 《Axure RP8实战手册网站和APP原型制作案例精粹》人民邮电出版社
·《交互设计原理与方法》，顾振宇，清华大学出版社 ·《交互设计》，李芳字，浙江大学出版社 ·《移情设计产品设计中的用户体验》，（美）科斯基宁，中国建筑工业 出版社 ·《创新实践二十课交互与服务设计》，李四达，清华大学出版社 ·《新媒体交互艺术》，韦艳丽，化学工业出版社 ·《新媒体跨界交互设计》，赵杰，清华大学出版社 ·《软件观念革命一交互设计精髓》，艾伦库伯等，电子工业出版社 大纲修订人：龚思颖 修订日期：2020-08-22 大纲审定者： 审定日期：
《交互设计原理与方法》，顾振宇，清华大学出版社 《交互设计》，李芳宇，浙江大学出版社 《移情设计产品设计中的用户体验》，（美）科斯基宁，中国建筑工业 出版社 《创新实践二十课交互与服务设计》，李四达，清华大学出版社 《新媒体交互艺术》，韦艳丽，化学工业出版社 《新媒体跨界交互设计》，赵杰，清华大学出版社 《软件观念革命-交互设计精髓》，艾伦 库伯等，电子工业出版社 大纲修订人：龚思颖 修订日期: 2020-08-22 大纲审定者： 审定日期:
