探索路径

把互动解释器变成一节短课

一条短流程:把一个互动页面变成可教学案例,并保存状态和来源说明。

结果

带走一个互动状态、一条教学备注,以及一个有来源支撑的解释。

这条路径把互动解释器当作有来源支撑的教学对象。目标不是截下最漂亮的一帧,而是保存真正让概念变清楚的那个状态。

如果这段内容会进入课程、文章或演示,最好把“操作前后发生了什么变化”写下来。这样读者不是只看到一个好看的页面,而是能复现同一个理解过程。

这也会让页面更容易被引用,因为别人能清楚知道你引用的是哪个状态,而不是泛泛引用整个网站。

适合谁

  • 想复用互动页面、但不想把它压扁成截图的老师、写作者和好奇学习者。
  • 正在准备短演示、工作坊笔记或基于可检查来源的 AI prompt 的构建者。

开始前准备

  • 一个适合用移动、比较、尺度、声音或参数变化解释的概念。
  • 一个记录字段,用来保存具体状态、URL、来源和解释边界。

完成后得到什么

  • 一个比静态图片更能解释概念的保存状态或可重复互动。
  • 两句话教学备注:说明互动展示了什么,以及它不能证明什么。

常见坑

  • 只分享视觉效果,却没有说明具体设置、参数或来源上下文。
  • 把令人印象深刻的解释器,当成作者范围之外的主张证据。

后续动作

  • 发布到课程前,先给解释器配一个来源链接或作者说明。
  • 让学习者重复操作并描述变化,再添加总结。

路线

  1. 01

    选择一个要保留的状态

    如果课程依赖概率概念随着参数变化而变清楚,可以用 Seeing Theory。

    Seeing Theory
  2. 02

    保留尺度或运动

    如果课程需要空间尺度、任务背景或 3D 移动,而不是平面图,可以用 NASA Eyes。

    NASA Eyes
  3. 03

    写下边界备注

    参考 Distill 的方式,说明视觉解释了什么,以及解释到哪里为止。

    Distill

下一步

打开第一个来源,每一步只记一个要点,直到得到一个可以复用的结果。