Explorable Explanations
エクスプローラブル・エクスプラネーション / 2011– / 技法 / 网页上的读物
Bret Victor 在 2011 年 3 月同名文章中命名的写法,即把一具运转中的模型嵌进读物里。正文中的数值下面画着点线,抓住它拖动,后续的文句和旁边的图就同时改写。读者因而能亲手摇一摇,验证论点的依据。



快速判断
视觉特征
- 正文中的数值下面画着点线,一碰就变成蓝色
- 把那个数值左右拖动,后面的文句和旁边的图会同时改写
- 图不被隔离在另设的沙盒里,而是与段落连成一片
- 什么都不碰时图也讲得通,按初始值就能一路读下去
适用场景
- 要发布含公式或模型的解说,并让读者自己改动假设来验证时
- 在教材中不只给出结论,还要展示结论会翻转的条件时
使用这一风格
把简短指引带入项目,或将结构化规格交给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
相关词条
- Isotype (アイソタイプ)共同感受:Trust / Technique。比较Explorable Explanations与Isotype
- Flowchart (フローチャート)共同感受:Technique / Trust / Play。比较Explorable Explanations与Flowchart
常被混淆的对象
继续浏览网页上的读物
从网页上的读物中按共同感受优先推荐以下词条。
- Infinite Canvas (インフィニット・キャンバス)共同感受:Play。
- Webtoon (Vertical-Scroll Comics) (ウェブトゥーン(縦スクロール漫画))共同感受:Play。
- Single-Serving Site (シングルサービング・サイト)共同感受:Play。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>