UI 的本质可能就是一个大盒子装着很多小盒子，然后每个小盒子又装着更小的盒子……

[gowl]

UI 的本质可能就是一个大盒子装着很多小盒子，然后每个小盒子又装着更小的盒子，一直这样多级嵌套下去，直到所有的视觉元素都被表达出来。在交互上，一个盒子上发生的事件可能会触发其他的多个盒子上的事件。盒子们可以被创建、可以被删除，可以改变形状和位置……

[acmore]

上古时代的一种设计思路更极端：UI 是一个 table 套一个 table

[wanguorui123]

就是组件套组件

[kop1989smurf]

这是布局思路之一。也就是线性 /盒子布局。
相对应的，还有相对布局（ x 的上边缘对其 y 的下边缘，z 的左边缘对其 y 的右边缘）
还有绝对布局（屏幕坐标点 x,y 处有一个高宽分别为 a ，b 的矩形，层级为 z ）

[Mithril]

盒子模型，因为屏幕是方的。

要是从一开始显示设备就是用极坐标设计的话，没准屏幕就做成圆的了，那就成蛋模型了。

但不管怎么算，都可以统一认为是套娃模型。

[debuggerx]

没错，所以 UI 的本质就是嵌套，用嵌套语法写 UI 其实才是最直观最接近根源的。
吐槽 flutter 嵌套的都是不懂 UI 本质的，用了 flutter 却总想着“优化”嵌套的也都是“大聪明”行为。

[retrocode]

借一个老梗
郭德纲: UI 的本质应该像穿衣服, 你得一层一层把衣服穿起来, 才能好看
于谦: UI 的本质应该像脱衣服, 你得一层一层把衣服脱了, 把最重要的露出来

[cmdOptionKana]

这不是 UI 的本质，只是解决 UI 问题的一种常用、易用的思路 /模型。

[HeyWeGo]

描述看看上去更像是 现有的 UI 实现方式的总结。

[sunwayTaihulight]

嵌套 → 树

树形结构是描述页面 UI 的一种方式，而不是本质。

[mango111]

这叫节点树

[Xusually]

不然 CSS 的盒子模型是怎么来的？

[movax21h]

比尔盖兹叫他，window ，视窗。

[zagfai]

@acmore 是的，20 年前的 html 哈哈哈哈

[mingl0280]

这不就是 HTML XML CSS XAML 甚至 MDI……等等所有 UI 设计工具的原理么？

[tool2d]

你说的是 UX 设计，不能全算 UI 。

程序 UI 开发到后面就是面对组件开发，光一个列表组件，就有几十个消息需要处理。

nodepad3 作者就是写了一个 richedit 组件，就能耀武扬威，因为复杂度上去后，普通人写不出来。

[cheng6563]

套到最里面的盒子就是 canvas

[deesan]

都是树，ps 、sketch 、figma 的图层也是树

[lower]

@kop1989smurf 赞同，之前看过一本游戏开发的书，里面还讲到三维空间坐标 跟屏幕坐标 转换的相关知识点，还有什么三维模型投影到二维屏幕上，栅格化之类的各种算法，太复杂了