《数字交互设计》课程实验教学大纲 一、课程基本信息 课程代码：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功能设置的基本方法