Explorable Explanations

エクスプローラブル・エクスプラネーション / 2011– / 技法 / 网页上的读物

Bret Victor 在 2011 年 3 月同名文章中命名的写法,即把一具运转中的模型嵌进读物里。正文中的数值下面画着点线,抓住它拖动,后续的文句和旁边的图就同时改写。读者因而能亲手摇一摇,验证论点的依据。

Explorable Explanations — Vi Hart/Nicky Case《Parable of the Polygons》2014年 — Wikimedia Commons / CC0
Vi Hart/Nicky Case《Parable of the Polygons》2014年 — Wikimedia Commons / CC0 · CC0
Explorable Explanations — Nicky Case《To Build a Better Ballot》2016年 — Wikimedia Commons / CC0
Nicky Case《To Build a Better Ballot》2016年 — Wikimedia Commons / CC0 · CC0
Explorable Explanations — Piotr Migdał《Virtual Lab by Quantum Flytrap》2024年 — Wikimedia Commons / CC BY-SA 4.0
Piotr Migdał《Virtual Lab by Quantum Flytrap》2024年 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

快速判断

视觉特征

  • 正文中的数值下面画着点线,一碰就变成蓝色
  • 把那个数值左右拖动,后面的文句和旁边的图会同时改写
  • 图不被隔离在另设的沙盒里,而是与段落连成一片
  • 什么都不碰时图也讲得通,按初始值就能一路读下去

适用场景

  • 要发布含公式或模型的解说,并让读者自己改动假设来验证时
  • 在教材中不只给出结论,还要展示结论会翻转的条件时

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
正文按普通读物的方式排。只把可变的数值用下划线和颜色区分开,字体不变。
版面
正文收在 600px 上下的单栏里,图放在解释它的段落旁边或紧随其后。要守住一个距离,让手碰的地方和发生变化的地方同时进入视野。
材料
操作只留抓取和拖动,不放输入框和提交按钮。一定要备好不碰也讲得通的初始值。
注意
做成碰了才显示内容的样子,对不去动它的读者来说,就只是一篇空白的文章。
延伸阅读
Bret Victor's 2011 article itself, and the Tangle implementation released with it / the difference between the three types, reactive document, explorable example and contextual information / writing the same argument once with a static figure and once with a variable one, and testing where understanding parts ways

相关词条

常被混淆的对象

继续浏览网页上的读物

从网页上的读物中按共同感受优先推荐以下词条。

查看网页上的读物全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/explorable-explanations
Markdown
[Explorable Explanations — IndexStyle](https://indexstyle.org/zh/styles/explorable-explanations)
HTML
<a href="https://indexstyle.org/zh/styles/explorable-explanations">Explorable Explanations — IndexStyle</a>

返回索引中的位置