本科数字媒体艺术三年级专业核心课程：跨感官交互设计与全链路原型实践-教案

本科数字媒体艺术三年级专业核心课程：跨感官交互设计与全链路原型实践——教案

一、课程基础信息与顶层设计框架

（一）课程定位与性质

本课程为数字媒体艺术专业本科三年级下学期核心必修课，前序课程为交互设计基础、动态图形设计、创意编程；平行课程为信息可视化设计、服务设计；后续衔接毕业设计及产业实训。课程以真实跨媒体传播生态为语境，打破单一屏幕界面局限，确立以“多模态输入—跨媒介输出—系统化设计”为特征的新范式。

（二）学情分析与教学起点

授课对象为已完成设计思维与基础工具训练的本科三年级学生。其优势在于具备成熟的视觉表现能力与基本的软件操作技能，【难点】在于普遍存在“界面中心主义”思维定式，将交互设计窄化为移动端GUI设计，缺乏对声音、空间、实体、体感等跨媒体通道的综合调度能力；【重要】的是，学生虽熟悉社交媒体传播逻辑，却鲜少将“传播效率”与“无障碍包容性”纳入设计评判标准。

（三）总课时分配

课程总计48学时，建议开课16周，每周3学时。其中理论讲授与实践指导呈1：3浸润式融合，绝非简单割裂。核心教学实施过程占36学时，前置导入与终期复盘占12学时。

二、课程目标体系与毕业要求支撑

（一）知识维度的深层建构【基础】

1.精准界定“设计系统”与“风格指南”“品牌手册”的本质差异，能够独立构建包含设计令牌、组件库、模式库的完整设计系统-1。

2.系统掌握跨媒体内容在多终端（手机、平板、智能电视、车载HUD、VR头显、公共空间交互装置）的适配逻辑与渲染约束。

3.深入理解《欧洲无障碍法案》、WCAG2.2及中国信息技术无障碍标准，将通用设计从伦理倡导转化为可量化评估的技术指标-1。

（二）能力维度的实战转化【核心】【高频考点】

4.全链路原型能力：能够在Figma、Principle、TouchDesigner、Unity等混合工具链中完成从低保真概念验证到高保真可交互原型的跨越，原型不仅包含视觉界面，更包含触觉反馈语音交互脚本环境传感器响应。

5.跨学科协作能力：以设计系统中台思维，与计算机、心理学、传播学专业人员协同，输出既保持品牌一致性又兼容不同媒介特性的交互解决方案-1-7。

（三）素养维度的价值锚点【非常重要】

6.从“功能满足”升维至“意义创造”：引导学生在老龄化、乡村振兴、非遗活化等真实社会场域中，以跨媒体设计为手段产出具有公共价值的产品与服务-3。

7.建立技术批判思维：对AIGC生成内容、算法推送、沉浸式媒介保持审美判断与伦理自觉。

三、教学实施过程全解码（36学时沉浸式推进）

本环节以“工作坊制+形成性评价”为推进引擎，每3学时为一个标准教学模块，模块内部遵循“5%认知冲突触发+20%精讲示范+60%小组实战+15%高密度critique”的黄金比例。

（一）阶段一：认知破壁——从单屏到跨媒体的范式转移（第1-4周，共12学时）

第一模块：界面设计史的祛魅与重写（3学时）【基础】【重要】

1.认知冲突设置（15分钟）：开堂即向各组随机分发三种完全不同属性的交互载体——AppleWatch、智能冰箱触屏、博物馆导览手持终端。提问：“若为同一文旅品牌设计三款产品，如何保证体验一致而形式适配？”绝大多数学生本能试图通过相同视觉元素解决，此刻教师介入揭示危机：视觉并非一致性，真正的品牌一致性来自底层的设计令牌与行为模式。

2.精讲核心概念（45分钟）：系统拆解挪威科技大学IDG2201课程框架中关于设计系统的三层结构-1。

【核心重难点】：设计令牌并非颜色变量或字号数值本身，而是“语义化抽象层”。例如不直接定义“红色HEX#FF0000”，而定义“危险警示色”，再将该令牌映射至不同媒介的具体实现——移动端为红色高亮，智能音箱则为特定警示语音音色与语调。这一层抽象是跨媒体统一体验的灵魂。

3.课堂实战（90分钟）：各组为虚拟文旅品牌“宋潮”构建基础设计令牌。要求至少包含色彩、字体、间距、运动曲线、听觉标识五个维度的语义抽象。教师逐组审阅，重点批判将令牌降维为静态变量的倾向。课后产出须上传至共享设计系统库，形成首版协作资产。

第二模块：跨媒体用户研究与非接触式洞察（3学时）【高频考点】【难点】

1.方法论升级（30分钟）：传统交互设计课程讲授用户访谈、问卷调查，本课程引入融媒体场景下特有的“非接触式洞察”技术。讲授如何通过社交媒体舆情分析、搜索意图挖掘、短视频评论区情感倾向图谱来快速定位跨代际用户对同一媒介内容的态度差异-5。

2.精讲示范（30分钟）：以“适老化融媒体阅读”为案例，展示如何将微信读书老年用户的语音指令日志、拨打客服热线的情绪录音、应用商店低星评论文本进行三级编码，输出包含“技术恐惧”“视觉尊严”“操作容错”三个维度的移情地图-7。

3.跨学科实战（90分钟）：每组由4-5人组成，强制混合具备定性研究敏感度与量化分析能力的学生。任务：针对“社区生鲜团购”场景，分别对60岁以上老年用户与90后新手父母进行远程用户研究，并于课堂现场在2m×1.5m白板上拼贴用户体验地图。【非常重要】教师指导核心：不仅记录痛点，更要识别“情绪峰值点”——那是跨媒体介入的最佳触点。

第三模块：融媒体内容叙事与视觉节奏控制（3学时）【热点】【创新】

1.理论升维（30分钟）：从鲁迅美术学院融媒体工作室的《融媒体视觉叙事》课程提取核心模型，阐释“静态海报→动态图形→交互H5→沉浸式空间”这一视觉叙事梯度的递进逻辑-3。重点讲授图文静态度、视频动态度、交互沉浸度三个维度的量化评价模型。

2.案例拆解（30分钟）：深度解析“东北方言视觉图谱”项目-3。本项目成功之处并非视觉风格的冲击力，而在于建立了“方言语音波形—抽象图形—交互触发反馈”的跨模态转译机制。用户在H5中点击图形，听到的不是标准普通话配音，而是原生态方言语音，图形随之产生基于该语音频率的实时形变。这是跨媒体界面设计超越“界面皮肤”功能的范例。

3.小组重构练习（90分钟）：各小组基于前两模块积累的设计令牌与用户洞察，为“宋潮”文旅品牌策划一组跨媒体叙事方案。要求必须包含至少三种媒介形态，且彼此存在内容钩连而非孤立存在。教师在此环节密集巡场，对陷入“为跨媒体而跨媒体”形式主义的小组予以强干预，逼迫其回溯用户移情地图中的真实情绪触点。

第四模块：无障碍与通用设计的合规性实战（3学时）【非常重要】【高频考点】

1.法规与技术指标精讲（30分钟）：不再停留于“关爱弱势群体”的道德呼吁，直接进入WCAG2.2成功标准的具体条款解读。讲授对比度比率、非文本对比、焦点可见、手势替代、目标尺寸等指标的测算方法与验证工具-1。

2.诊断式工作坊（90分钟）：各组对上一模块产出的视觉方案进行无障碍审计。引入行业标准的波通WAVE工具、苹果动态字体适配检测、安卓无障碍扫描仪。震惊教育在此发生：大量在屏幕上光鲜亮丽的设计，在灰度模式、高倍字体、屏幕朗读器下完全失效。学生被迫重新调整色彩系统与焦点顺序。

3.修复与反思（60分钟）：将无障碍修复方案反向输入至第一阶段的设计令牌库，修改语义化定义，例如将原本单纯按美学划分的功能色，补充“AAA级对比度合规色”子令牌。这一动作象征课程从形式美学向责任伦理的范式转向。

（二）阶段二：工具链扩展与全链路原型构建（第5-8周，共12学时）

第五模块：超越GUI——声音界面与触觉回路面面观（3学时）【难点】【创新】

1.认知拓展（30分钟）：绝大多数学生从未将“听觉”视为界面组成部分。教师以特斯拉Model3关门音设计、苹果AirPodsPro入耳提示音进化史为例，讲授听觉图标的情感暗示与功能反馈双重属性。同时引入触觉模态，讲授转子马达的波形参数与情绪映射关系。

2.工具实操（60分钟）：学生在HoudiniSoundplant或Max/MSP中录制、合成并导出适配移动端与智能音箱的短音频反馈。任务：为“宋潮”文旅APP的刷新、点赞、收藏、错误提示四个状态设计专属听觉反馈系统。【基础】要求：听觉反馈必须与之前定义的设计令牌中的运动曲线语义对齐，快速对应活泼、庄重、警示等不同语境。

3.跨模态合成（90分钟）：将视觉界面与听觉反馈、触觉振动在Figma社区插件或ProtoPie中完成高保真联动原型。首次实现当用户点击“危险警示”区域时，屏幕红色高亮、扬声器播出低频警示音、手机马达发出短促脉冲三重同步反馈。这是跨媒体界面设计的具身化表达。

第六模块：跨端适配与响应式布局的语义化重构（3学时）【核心重难点】

1.经典模型批判（20分钟）：传统网页设计的响应式布局以断点为逻辑，本质是“防御式设计”。本课程提出“主动适配”概念：设计系统应能识别用户当前使用场景的注意力残留、手部占用、环境光照，动态重组界面优先级。

2.技术实现路径（50分钟）：讲授如何在Figma中使用变体与条件表达式模拟跨端逻辑，以及通过TailwindCSS或自定义设计令牌上下文API实现从设计稿到代码的跨端语义映射。不要求全体学生编写生产级代码，但必须理解从令牌到渲染引擎的解析过程。

3.极限挑战（110分钟）：每组领取完全冲突的三个载体——车载系统中控、智能手表、数字户外大屏。为同一导航任务分别设计界面，且必须在底层共享同一套行为模式与设计令牌。教师重点考察：信息架构如何根据注意力带宽进行重排，而非简单拉伸控件尺寸。

第七模块：AIGC辅助跨媒体资产生产（3学时）【热点】【高频考点】

1.范式转移宣讲（20分钟）：明确立场——AIGC不是替代设计师思考的自动机器，而是想象力外延的共生界面。讲授提示工程的本质是对设计目标的精细化语言转译。

2.实战工作坊（120分钟）：各组使用Midjourney、StableDiffusion生成适配不同媒介的风格化视觉资产，并使用RunwayGen系列工具将静态海报转化为动态短视频。任务：为“宋潮”文旅设计一组二十四节气系列海报，同时输出印刷版静态稿、手机端动态开屏、VR环境的360度全景背景层。【非常重要】教学重点：批判完全依赖AI的随机生成，强调通过设计令牌约束AI输出的审美一致性。例如在提示词中强制绑定第一阶段定义的色彩令牌语义值，并对AI结果进行色彩空间检测，确保生成资产符合无障碍对比度标准。

3.版权伦理辩论（40分钟）：针对AIGC生成内容的版权归属与训练数据伦理开展结构化辩论，形成书面立场声明归档至课程档案。

第八模块：高保真跨媒体原型整合与可用性测试（3学时）【重要】【综合】

1.整合开发（90分钟）：各小组将前四周产出——设计令牌库、听觉触觉资产、跨端布局、AIGC素材——在Figma或原型工具中整合为统一的跨媒体演示系统。要求：必须包含至少一个可触发的端到端任务流，例如“发现非遗体验活动→了解详情→预约报名→接收确认反馈”。

2.快速测试（90分钟）：引入同行实验室互测机制。每组将原型分发至其他小组，观察员使用屏幕录制与眼动追踪，记录用户在不同媒介间切换时的困惑点与流畅度。【易错盲区】特别关注：用户是否在不同媒介上识别出这是同一品牌体验？若需重新学习，则证明设计系统抽象失效。

（三）阶段三：垂直领域深耕与复杂系统实战（第9-12周，共12学时）

第九模块：公共文化空间中的跨媒体导览系统（3学时）【热点】【社会价值】

1.背景导入（20分钟）：以故宫博物院、大英博物馆数字导览为参照，揭示当前公共文化空间导览屏普遍存在的“孤岛效应”——触屏与手机与实景缺乏联动。

2.现场命题（100分钟）：模拟真实招标场景。任务：为虚拟的“江南园林博物馆”设计跨媒体导览系统，涵盖户外指示牌、馆内触摸查询机、微信小程序、AR寻宝互动。核心要求：四类媒介必须共享同一套位置语义系统——例如“当前你在X厅”这个信息，在不同媒介上用不同模态表达，但心智模型完全一致。

3.协同推演（60分钟）：各小组绘制跨媒体用户流蓝图，标注信息在媒介间的迁移路径。教师引入“认知负荷”计量方法，评估方案是否造成用户思维频繁切换。

第十模块：融媒体公益传播与裂变交互设计（3学时）【高频考点】【非常重要】

1.传播机制解构（30分钟）：以鲁迅美术学院“关爱留守儿童”H5项目为蓝本，剖析跨媒体界面如何通过情感化叙事激发社交裂变-3。重点讲授诱导分享与体验完整性之间的伦理边界。

2.实战命题（120分钟）：各组自选公益议题，设计一套以H5为传播核心，联动短视频平台、线下快闪装置、数字纪念品的整合传播方案。必须包含具体的界面线框草稿与交互流程。【难点】要求：设计一条“私域流量转化路径”的数据埋点方案，使学生具备与技术人员沟通的基本话语体系。

3.路演与质询（30分钟）：每组3分钟电梯演讲，教师扮演公益基金会资方，高频质询传播效果预估与成本构成。

第十一模块：跨媒体电商直播场景下的实时交互界面（3学时）【创新】【产业前沿】

1.场景还原（30分钟）：电商直播不仅是视频流+购物车。教师展示结合AI实时换装、虚拟主播弹幕情感可视化、3D商品互动展示的前沿案例。

2.快速原型（120分钟）：任务：为虚拟国货美妆品牌设计“大促直播专属界面”，要求界面层与视频流深度融合，并包含至少一种实时交互模态——如用户发指定表情触发全屏特效、点赞累积解锁虚拟试用等。工具链扩展至TouchDesigner或D3.js基础可视化。

3.性能意识植入（30分钟）：教师针对各组方案分析实时交互带来的渲染压力与耗电风险，强化工程约束意识。

第十二模块：期中项目中期诊断与业界导师联合评审（3学时）【综合】【里程碑】

1.集中展示（120分钟）：每小组进行12分钟全流程路演，展示从用户研究到高保真原型的完整进化链，并现场演示跨媒体交互效果。评审团由校内教师与2名行业设计总监构成。

2.深度会诊（60分钟）：导师团针对各组方案进行结构化书面反馈，聚焦“设计系统抽象层的一致性”“跨媒体模态切换的自然度”“无障碍合规的执行深度”三个核心维度。此环节评分占总成绩30%，并直接指导后续冲刺方向。

（四）阶段四：整合创新与社会化延展（第13-16周，共12学时）

第十三模块：元宇宙与混合现实的界面范式探索（3学时）【热点】【前瞻】

1.认知冲击（30分钟）：明确指出——VR/AR的界面绝不仅是悬浮面板。讲授空间界面中的场域感应、视线触发、手势微动语义等新型交互范式。

2.轻量体验（90分钟）：学生在VR设备或手机ARQuickLook中，为“宋潮”文旅设计一件虚拟非遗器物鉴赏体验。要求：不能出现传统意义上的二维按钮，完全依赖空间锚点与注视交互。

3.批判反思（60分钟）：组织圆桌讨论——“元宇宙界面是否会加剧数字鸿沟？”要求每组提交300字立场声明，训练技术发展观。

第十四模块：设计系统的生命周期管理与版本进化（3学时）【重要】【职场衔接】

1.企业级实战复盘（45分钟）：教师以亲身经历的某银行设计系统改版为例，揭露设计系统上线后因无人维护沦为僵尸库的惨痛教训。讲授语义化版本号、更新日志规范、组件弃用策略。

2.模拟运维（105分钟）：各组为前序产出的设计系统撰写完整的开发者调用文档与更新路线图，规划从1.0至2.0的功能迭代与废弃计划。强调文档即设计。

第十五模块：跨媒体界面设计伦理与可持续设计（3学时）【非常重要】【价值升华】

1.问题树构建（30分钟）：以“黑暗模式”为切口，揭示诱骗点击、隐私陷阱、成瘾机制在界面中的隐蔽体现。学生集体贡献案例，形成一面问题墙。

2.伦理重建设计（120分钟）：各组选择一种常见黑暗模式，重新设计一套“向善版”交互方案，并撰写伦理影响声明。此环节不以技术创新为评价核心，而考察价值观权重。

第十六模块：终期路演与跨学科公开展览（3学时）【总结】【成果转化】

1.展览布置与公众体验（120分钟）：课程成果不再限于课堂评分，而是进入学院展厅或线上虚拟展馆，邀请外专业师生、附属中学学生、社区老年居民入场体验。各组须准备易于理解的展板说明与志愿者引导脚本。

2.现场观察与复盘（60分钟）：学生观察真实用户操作时的困惑与惊喜，记录为最后的个人反思笔记素材。教师不做主导，静观发生。

四、考核评价体系与证据链条

（一）形成性评价（占总评60%）【非常重要】

1.设计系统资产贡献度（15%）：每一阶段向公共设计系统库提交的设计令牌、组件、文档质量。严禁临时上传应付检查，系统后台记录编辑历史，精确显示每次迭代增量。此部分【核心】考核协作素养与版本思维。

2.跨学科协作行为记录（15%）：依据同伴互评量表与教师课堂观察日志，量化评价学生在团队中主动搭建沟通桥梁、翻译专业术语、整合异质观点的具体行为-1-7。

3.课堂critique发言品质（10%）：不以发言次数论英雄，而以能否精准指出他组方案中“跨媒介一致性断裂