Explorable Explanations

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

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

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

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

辞典词条

适用场景
要发布含公式或模型的解说,并让读者自己改动假设来验证时;在教材中不只给出结论,还要展示结论会翻转的条件时
字体
正文按普通读物的方式排。只把可变的数值用下划线和颜色区分开,字体不变。
版面
正文收在 600px 上下的单栏里,图放在解释它的段落旁边或紧随其后。要守住一个距离,让手碰的地方和发生变化的地方同时进入视野。
材料
操作只留抓取和拖动,不放输入框和提交按钮。一定要备好不碰也讲得通的初始值。
注意
做成碰了才显示内容的样子,对不去动它的读者来说,就只是一篇空白的文章。
延伸阅读
Bret Victorの2011年の記事本体と、そこで公開されたTangleの実装 / reactive document、explorable example、contextual informationという3つの型の違い / 同じ主張を静止した図と可変の図で書き分け、どこで理解が分かれるか試す

相关词条

引用此条目

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

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>

返回索引中的位置