把界面机制一个个命名，你才能向 AI 讲清要什么。
The invisible mechanisms in your interfaces ft. Johannes Mutter (mutter.co) | Config 2026 · Majola Balogun
全片 22 分钟·真正值得盯屏约 10 分钟·3 个必看点
- 0:14 – 4:23略
建筑有模式语言，界面没有
从建筑学的模式语言讲起：建筑师有一套共享的、有名字的构件词汇，而界面设计至今没有。他主张设计师需要的不是又一个组件库，而是一套能叫出名字的机制词汇。
缺的不是灵感，是词汇——没有名字的机制既没法讨论，也没法复用。
这段基本是配图讲道理，幻灯片上多是建筑照片和引言，语速平稳，跳着看不影响理解。▶ 跳到 0:14讲者 · Johannes Mutter - 4:23 – 7:15看
一个光标细节，牵出整条家族史
以光标停在样式边界的歧义为例，展示一个微小痛点如何被注意到、被实现、被命名。命名之后他顺藤摸瓜，找出这个机制在 Xerox STAR 的 I 形光标、Jef Raskin 的著作里的前身。
机制一旦有了名字，就能顺着它找到整个家族谱系，包括今天 AI 编辑器里的光标。
光标前后对比、老系统截图这类东西，屏幕上一秒就能看明白，纯听会完全跟丢。▶ 跳到 4:23讲者 · Johannes Mutter - 7:15 – 9:44听
动作一：把看不见的状态显出来
系统知道、用户看不见的时候，错误就会成倍出现。解法是给隐藏状态设计一个哪怕只有一像素的信号：正在输入的气泡、标题栏那个未保存的小圆点、信号格。
最好的状态提示不是另起一个转圈，而是让状态和可点击的东西长在同一个像素上——比如把「正在想什么」直接写进界面元素本身。
举的例子（未保存圆点、信号格）都是你天天见的东西，脑子里自动有画面，听着走路通勤都能吸收。▶ 跳到 7:15讲者 · Johannes Mutter - 9:44 – 11:23听
动作二：替用户吸收手抖的误差
鼠标指针只是对意图的粗略猜测。系统应该推断用户到底想点什么，自己把偏差吃掉：Mac 菜单的安全三角、触屏键盘按预测词悄悄放大按键的命中区域。
放大的是控件的可点击范围，不是它看得见的边框——周围的留白也该算进去。
讲的是判定逻辑而非画面本身，热区放大这件事本来就是隐形的，看屏幕也看不出更多。▶ 跳到 9:44讲者 · Johannes Mutter - 11:23 – 14:15略
动作三：该出现时才出现
先讲吸附对齐——它本质上是作用在被拖动对象上的磁力，你粗略地放，系统猜出你要对齐哪条线；再讲 @ 和 / 的分工：@ 唤出对象，是名词；/ 唤出命令，是动词。
用户在被展示之前不知道自己能做什么，所以操作要在他需要的那一刻才浮出来，而不是一直摆着。
吸附对齐、Dock 图标放大这些例子有动图但都很熟悉，扫一眼确认在讲哪个例子就够，重点在他的归纳。▶ 跳到 11:23讲者 · Johannes Mutter - 14:15 – 16:24看
手势会自己教你，机制可以做变换
摇一摇弹出撤销、滑动解锁上那道流光，都是手势在主动教用户怎么用它——这是静态图标做不到的。接着他把视觉表现和底层机制剥开，演示同一个机制换个作用范围、转个方向就变成另一个交互。
把机制从外观里抽出来做变换，就是发明新界面的基因代码。
流光暗示、滑动变形这些都是动的，他在屏幕上把变换过程一步步演出来，静态描述完全传达不了。▶ 跳到 14:15讲者 · Johannes Mutter - 16:24 – 21:17看
现场演示：遇到好界面之后我做什么
打开他公开的模式关系图工具，完整走一遍从捕捉界面、描述机制、拆解到连入图谱的流程，并用一条命令在数千个模式里找出同一原则下的其他实例。
理解需要摩擦——随手收藏书签恰恰绕过了理解，真正消化一个界面必须动手描述和拆解它。
这是整场唯一的实机操作，图谱怎么展开、匹配到哪些节点全在屏幕上，只听会一无所获。▶ 跳到 16:24讲者 · Johannes Mutter - 21:17 – 22:20听
你无法 prompt 你叫不出名字的东西
收尾回到主论点：机器能一口气产出上千个版本，瓶颈已经不在手上而在嘴上。没有设计是从零开始的，原创性是识别而非发明。
能不能用语言分层地把设计说清楚，直接决定你和 AI 协作产出的上限。
结尾是一段观点陈述，画面上只有一句引言，听完整就行。▶ 跳到 21:17讲者 · Johannes Mutter