设计与产品worrydream.com编辑精选
在抽象阶梯上上下下
Up and Down the Ladder of Abstraction
2011 — 2021，它一次次回到首页
黑点是上首页（≥ 50 分）的那次投稿，空心点是没冲上去的投稿，点越大分数越高。
导读
这是 Bret Victor 的交互式长文，以“抽象阶梯”为隐喻，讲如何在不同抽象层级之间上下移动来理解、设计和可视化复杂系统。文中用可交互示例展示从具体到抽象的转换，以及选择合适抽象层次的重要性。
为什么经久不衰：它把“抽象”这个难讲的概念做成了可操作、可体验的交互文章，十几年后仍是信息设计、可视化与编程思维领域的经典。
HN 评论精选
盛赞文章文字、HTML 结构与交互元素结合得极佳。
哇。这简直是我见过的任何主题里最好的指南之一……一本在线指南很少同时有写得好的文字，更少见能利用 HTML 的结构和组织，而能把有用的交互元素与文字段落融合得如此之好，几乎闻所未闻。做得好。
danso查看英文原文
Wow. This is simply one of the best guides I've seen to anything...ever. It's uncommon for an online guide to have well-written text, even rarer for it to leverage HTML's structure and organization, and almost unheard of to incorporate interactive useful elements that gel with the textual sections. Well done.
建议读附录，指出演示可能基于 Tangle，并高度评价文章。
一定要读附录“工具与实现”。他表达了对当前可视化构建技术现状的不满。我猜他文章里的所有演示都用了他的 JavaScript“响应式文档”库 Tangle（http://worrydream.com/Tangle）。我只想补充，我真心觉得整篇文章令人震惊，比我在网上看到的大多数东西高出许多层次。
macrael查看英文原文
Definitely read the appendix "Tools & Implementation". He expresses frustration with the current state of the art in building visualizations. My guess is that he is using his javascript library for "reactive documents" called Tangle http://worrydream.com/Tangle for all the demos in this article. I'll just add that I really find this whole piece astounding and many levels above the majority of things I find on the internet.
物理学家认为 Tangle 能有效向非专家传达多层抽象的工作。
我是研究核子结构的物理学家。这个领域复杂到其他物理学家通常摇头嘀咕“一定是疯了”。我们通常要在好几个抽象层次上工作。Tangle 是我见过的唯一一个能很好地向非物理学家传达我所做工作的工具，而不需要他们详细了解 Mathematica 或 C++。我真该抽时间写一个能做到这一点的网页。太棒了。鼓舞人心。好得令人难以置信、令人屏息。Bret 的整个网站都很出色。
nagrom查看英文原文
I'm a physicist studying nucleon structure. This is a field so complicated that other physicists typically shake their heads and mutter "must be mad". We typically work at several layers of abstraction. This (Tangle) is the one tool that I've seen that is capable of communicating well to non-physicists what I do, without their needing to know Mathematica or C++ in detail. I really need to get around to writing a web page that does that. Awesome. Inspiring. Ridiculously, breathtakingly good. Bret's entire website is outstanding.
文章可视为对推广/元推广的隐喻，抽象阶梯不是线性的而是多维多面。
我想指出，整篇文章可以看作数学和计算/CS 思维一大主题的隐喻，即探索推广和“元推广”。（编辑：好吧，我想我只是重复了文章的标题和结论，因为“推广”类似“抽象”，所以有“抽象与元抽象”，标题暗示了这一点，而结论说它不是一个线性阶梯，而是一个多维、多面的构造）。让我想起一个很酷的 YouTube 播放列表……
fizixer查看英文原文
I would like to point out that the whole article can be treated as a metaphor for one of the major themes of mathematical and computational/CS thinking, i.e., exploring generalizations and "meta-generalizations". (edit: well I guess I just repeated the title+conclusion of the article, since "generalization" is similar to "abstraction", so we have "abstraction and meta-abstraction" which is alluded by the title plus the conclusion that says it's not just one linear ladder but a multi-dimensional multi-faceted construct). Reminds me of a cool youtube playlist [1] (David Metzler - Ridiculously Huge Numbers) [1] https://www.youtube.com/playlist?list=PL3A50BB9C34AB36B3
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程，从基础概念一路讲到曲线求交、投影、曲率等进阶内容，并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示：在浏览器里实时渲染一片水面，展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议：永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议，主张在界面和绘画中改用深灰或带色相的暗色，并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开，探讨我们用来思考和表达复杂问题的媒介，以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验：团队做了一个更轻量的页面版本，起初从整体平均加载时间看反而更慢；按地理区域分层后才发现，轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com