2026.9.1

张老师，加QQ群！！！

首先，搞清楚三个概念：交互、交互设计和新媒体（Ai）交互设计。

~“交互无处不在！”~

1.1 什么是交互？

交互（Interaction），简单来说就是两个或多个对象之间相互影响、相互作用的动态过程。它不是一个单向的”传递”，而是有来有往的”对话”。

好的交互是“自然”的——用户不需要费力思考就能完成目标，比如微信下拉刷新、手机长按弹出菜单。

  1. 让用户“毫不费力”地完成目标：好的交互是“自然”的，用户不需要费力思考就能完成操作，如微信下拉刷新、手机长按弹出菜单。
  2. 获得顺畅、自然的体验：操作顺畅、反馈及时、符合直觉的交互能提升用户的满意度和使用意愿。
  3. 增强参与感：特别是在新媒体交互设计中，好的交互能让用户从“看客”变成“玩家和传播者”，用户不再是旁观者，而是内容的一部分，从而提升参与意愿和停留时间。
  4. 实时反馈增强信心：用户动作即时触发内容变化，让用户知道操作是否成功，增强参与感与信任感。

在不同的语境下，交互有不同的侧重：

1. 广义层面（通用含义）

  • 指人与环境、人与人、人与物之间的双向作用。
  • 比如：你点击按钮，页面给出反馈——这就是一次交互；你问问题，我回答——这也是一次交互。

2. 人机交互（HCI，最常被提及的语境）

  • 指人与计算机系统之间交换信息、指令与反馈的过程。
  • 关键要素：输入（你做了什么）→ 处理（系统如何响应）→ 输出（你收到了什么）→ 反馈（结果如何影响你的下一步操作）。
  • 例子：滑动屏幕、语音指令、键盘输入、点击链接等都属于交互行为。

3. 产品与设计语境

  • 交互设计关注的是用户与产品之间的”对话质量”：操作是否顺畅、反馈是否及时、是否符合直觉。
  • 好的交互是”自然”的——用户不需要费力思考就能完成目标，比如微信下拉刷新、手机长按弹出菜单。

4. 教育与传播语境

  • 交互也指参与者在过程中双向沟通，区别于单向灌输。如课堂提问、小组讨论，都是交互式学习。

一句话总结：交互的本质是”双向反馈”——一方行动，另一方响应，响应又影响下一步行动，如此循环。

1.2 交互设计

交互设计（Interaction Design，IXD），通俗讲就是——设计”人怎么用产品”以及”产品怎么回应人”的一门学问。它决定了用户和产品之间每一次”你来我往”是否顺畅、自然。

举个最直白的例子：

  • 你点了一个按钮（用户动作）→ 按钮立刻变色、加载转圈（系统反馈）→ 你知道操作成功了（信息传达）——这一整个”动作-反馈-理解”的过程，就是交互设计在背后精心安排的。

1.3 新媒体交互设计

新媒体交互设计，是指依托数字媒体技术（互联网、移动端、社交媒体、AR/VR等），以用户参与和双向互动为核心的内容与体验设计。简单说，就是让”传播内容”不只是被看、被读，而是能被用户触摸、点击、选择、参与甚至共创。

一、与传统交互设计的区别？

表格

维度 传统交互设计 新媒体交互设计
核心目标 高效完成任务（工具性） 传递信息、引发参与、制造体验
用户角色 操作者/使用者 参与者/共创者
内容关系 系统功能为主 内容即交互（内容本身承载互动）
典型载体 App、网站、软件 H5、社交媒体、数字展览、互动装置

一句话：传统交互设计关注”怎么用”，新媒体交互设计关注”~怎么玩、怎么参与、怎么传播~“。

二、新媒体交互设计的核心特征

  1. 互动性：用户不再是旁观者，而是内容的一部分（如点击、滑动、投票、弹幕）；
  2. 沉浸感：通过音视频、动效、AR/VR营造身临其境的体验；
  3. 社交化：设计天然嵌入分享、转发、评论等社交传播机制；
  4. 实时反馈：用户动作即时触发内容变化，增强参与感；
  5. 多感官融合：视觉、听觉、触觉甚至体感综合运用。

三、常见应用场景

  • H5互动页面：品牌营销、活动海报（如”生成你的年度报告”）；
  • 新媒体内容：公众号图文中的滑动、点击展开、测试题、投票；
  • 数字展览/互动装置：博物馆触摸屏、光影互动墙、体感游戏；
  • 短视频/直播：弹幕、连麦、点赞特效、虚拟礼物；
  • AR/VR体验：试妆、虚拟试衣、沉浸式文旅。

四、设计时的关键考量

  • 降低参与门槛：操作越简单，用户越愿意互动（一键参与 > 复杂注册）；
  • 给足反馈激励：参与后要有即时反馈或奖励（结果页、成就感、分享理由）；
  • 内容与互动强关联：互动要服务于内容表达，而非为了炫技而炫技；
  • 兼顾传播链条：好的新媒体交互设计自带”分享动机”（如个性化结果、社交荣誉感）。

一句话总结：新媒体交互设计 = ==用~Ai技术~让内容”活”起来，让用户从”看客”变成”玩家和传播者”==，本质是内容传播思维与交互体验思维的融合。

1.4 三个问题？

明白了上面的三个概念后。接下来，可能会提出三个问题：为啥学、学什么和怎么学？

一、为啥学？（学习的动机与价值）

  1. 行业需求旺盛：新媒体行业早已从”内容为王”进入”体验为王”，会做内容的人很多，懂交互、能做出让人愿意参与的内容的人才是稀缺资源；
  2. 竞争力差异化的关键：同样的选题，别人是图文，你做的是能互动、能分享的 H5，传播效果天差地别——交互能力是内容创作者拉开差距的硬技能；
  3. 内容传播的底层逻辑变了：用户的注意力越来越稀缺，“参与感”是留住注意力的最强抓手；
  4. 职业发展空间大：新媒体运营、内容策划、产品设计、数字营销……交互思维几乎可以迁移到所有和”用户触达”相关的岗位上。

二、学什么？（知识体系全景）

《新媒体交互设计案例集合》：

《2024级课程作业网站》

《PPT》

《学习资源》

三、怎么学？（可执行的学习路径）

阶段一：建立认知（1-2周）

阶段二：工具入门（3-4周）

阶段三：实战产出（1-2个月）

阶段四：进阶深化（持续）

一句话总结学习心法：“为啥学”解决动力，”学什么”搭建框架，”怎么学”靠的是实践：”拆解案例 → 动手复刻 → 实战验证 → 数据复盘”这条闭环——==“新媒体交互内容庞杂且是实践学科，光看不做永远学不会！”==

1.5 考核方式

本课程共5次作业，包括了期中与期末大作业：

  • 平时成绩：20%
  • 期中成绩：20%
  • 期末成绩：60%
  • 提交要求：按照规范与要求

1.6 案例展示

【任务概述】

用Ai交互制作一个关于历史人物的讲解视频，包含剧本、配图、视频、字幕、旁白、转场特效，整合为剪映草稿，导出视频，最终将全部流程生成一个技能包，随机或指定一个历史人物名字即可自动生成相应的视频，名字：李白。

  • 【Prompt】：我现在要制作一个关于历史人物讲解的视频。要先做剧本，我的第一个任务就是要做一个标题，现在我给你一个历史人物名字。你帮我返回一个标题，比如秦始皇统一天下的一生，或者成吉思汗征战的一生。名字：李清照。
  • 【工具】
    • Ai Agent：TareWork/WorkBuddy（限免）、DeepSeek Harness、CodeX/Claude Code
    • Ai Models ID/API_Key：DeepSeek、Hy3、SeeDream/SeeDance、MIniMax……
    • 音视频剪辑：剪映

1.7 作业1

参照【1.6 案例展示】，制作一个关于==名著介绍==的讲解视频制作技能，包含剧本、语音、配图生成视频的Skills，随机或指定一本书名即可自动生成相应的视频，书名：《红楼梦》。

1.8 工具准备

  1. Ai Agent
    • Work/WorkBuddy（限免）
    • CodeX/CodeX++/Claude Code
    • DeepSeek Harness
  2. Ai Models/API_Key
    • DeepSeek
    • 豆包
    • MIniMax
    • 商汤日日新（免费）
  3. 个人知识库
    • ima
    • 飞书
    • Obsidian
    • Typro
  4. 媒体制作工具
    • 剪映
    • PS
    • PicGo图床
  5. 部署工具
    • GitHub/Gitee
    • CloudFlare
    • Vercel
    • PinMe
  6. 开发工具/语言
    • Node.js
    • Python
    • git
    • MarkDown
    • Html
    • CSS
    • Javascript
  7. 学习资源

Copyright © 2026 featon · 新媒体交互设计讲义

This site uses Just the Docs, a documentation theme for Jekyll.