未来30年电脑界面:每颗像素都由AI实时绘制
Flipbook 原型:没有HTML、没有按钮,所见皆可点——从代码驱动到AI驱动的界面范式转向。整理自 @AYi_AInotes。
开篇:这课解决什么问题
以下内容整理自 @AYi_AInotes 2026年4月23日发表的《未来30年的电脑界面可能要被彻底改写了》。作者开篇就下判断:看到 Flipbook 这个原型,他觉得未来30年的电脑界面可能要被彻底改写。
这门课要回答:① Flipbook 是什么、疯狂在哪?② "没有按钮"为什么是比"好看"更颠覆的事?③ 它现在有什么硬伤?④ 为什么作者说"界面根本不需要代码"?
说明:原文无配图,本课两张图均借自《第11课》吴恩达笔记(多模态生成主题),caption 如实标注。
Flipbook:屏幕上的每一颗像素都是AI画的
以下来自 @AYi_AInotes 原文。Flipbook 最疯狂的地方:它没有 HTML,没有 CSS,没有按钮,没有输入框——你屏幕上的每一颗像素,都是 AI 实时画出来的。
引用原作者之一 @zan2434(Zain Shah)的话:"想象一下,屏幕上的每一个像素都直接来自模型,实时传输。无需 HTML,无需布局引擎,无需代码。一切都如你所愿。"他和 @eddiejiao_obj、@drewocarr 搭了个原型验证可行性,并着手把它变成现实。
对比:过去30年,所有电脑界面都是"乐高积木式"的——工程师写代码、设计师画图纸,一块一块拼出固定的样子。现在,AI 直接从脑子里,给你流出一整张活的画面。
就像看电视 vs 玩乐高:以前做界面是拼乐高(每个按钮都是一块积木,得提前设计好);Flipbook 是直接看电视——画面是连续流出来的,你想看什么,AI 就画什么。
巴黎 demo:没有按钮,一切皆可点
以下来自 @AYi_AInotes 原文。作者举了个 demo:你搜"巴黎旅行",它给你画一幅完整的巴黎插画地图;你点埃菲尔铁塔,它直接放大成门票和开放时间;你点塞纳河,它给你画出游船路线和价格。整个过程没有跳转、没有加载,只有流畅的变形,就像在翻一本有魔法的活绘本。
作者认为最颠覆的不是好看,而是再也没有"按钮"这个概念了:任何你看到的东西都能点;设计师再也不用提前规定哪里能交互、哪里不能;AI 会理解你想点什么,然后给你对应的内容。
这张借来的封面帮你定位:2022→2026,AI 用法已经历一次范式迁移(见《第11课》);而 Flipbook 代表的,是再下一次迁移——连"界面"本身都要被重写。
就像从"菜单点菜"变成"跟大厨直接说":以前界面是固定菜单(按钮就是菜名,只能点菜单上有的);以后你指着桌上任何东西问"这是什么、能怎么弄",大厨(AI)当场给你做出来——菜单这个概念消失了。
技术与成本:为什么现在还很烂
以下来自 @AYi_AInotes 原文。技术底座:他们把视频生成模型优化到了 1080p、24帧实时输出——你的浏览器不再只是加载网页,还能一帧一帧接收 AI 专门为你画的"专属电影"。
但作者诚实地交代了现状:现在它还很烂——卡、慢、有时候会画错字;计算成本是传统网页的 2000 倍;很多功能还只是演示。这张成本梯度图解释了为什么:生成从文字→语音→图片→视频,越往右越贵;Flipbook 要实时生成视频流,正好站在最贵的那一端。
不过作者觉得这些都不重要,重要的是它证明了一件事(见下一节)。
教育:第一个被"干穿"的领域
以下来自 @AYi_AInotes 原文。作者断言:教育领域会是第一个被干穿的。
场景:以后讲水分子结构,不用看静态 PPT——你点一下氢原子,它就给你演示氢键怎么形成;你点一下冰块,它就给你展示为什么冰会浮在水上。复杂的知识,直接变成能玩的沉浸式动画。
为什么是教育先被干穿?因为教育的本质是"把抽象变具体"——而这正是生成式界面最擅长的事:任何概念,点一下就能"活"过来演示给你看。静态的"页"、线性的"幻灯片",在"可玩的知识"面前会显得像甲骨文。
就像从"看解剖图"变成"亲手解剖":以前学生物是看课本上的青蛙图;以后是点一下,青蛙的心脏就在你面前跳起来,还能把它翻过来看背面——课本从"图"变成了"可玩的标本"。
延伸:AI 改变学习方式的另一个实战系统见《第08课》(ChatGPT+Obsidian 英语听力训练)。
范式转向:从代码驱动到 AI 驱动
以下来自 @AYi_AInotes 原文收束。作者说:这不是一个新玩具,这是计算范式的一次彻底转向——从代码驱动的结构化界面,走向 AI 驱动的生成式界面。
我们用了几十年的窗口、按钮、菜单这套范式,从今天起真的要开始倒计时了。核心论证只有一句:界面根本不需要代码——Flipbook 证明了,哪怕现在又卡又贵,"代码"这个中间层在原理上是可以被拿掉的。
冷静剂(作者自己也承认):2000倍成本、卡顿、错字都还是现实约束。范式转向的"倒计时"不等于"明天就到"——但方向一旦被证明,剩下的就是工程和成本曲线的问题。看懂方向,比争论时间表重要。
术语翻卡:点卡片看解释
自测一下:点问题展开参考答案
没有HTML、没有CSS、没有按钮、没有输入框——屏幕上每一颗像素都是AI实时画出来的。
因为"按钮"概念的消失意味着:任何所见皆可点,设计师不再预设交互点,AI理解意图后直接给内容——交互范式变了,不只是视觉变了。
卡、慢、画错字,计算成本是传统网页2000倍,多为演示。作者认为不重要,因为它已证明"界面根本不需要代码"——方向被证明后,剩下的是工程和成本曲线问题。
教育。因为教育的本质是"把抽象变具体",而这正是生成式界面最擅长的:点一下氢原子就演示氢键形成,知识变成可玩的沉浸式动画。