← 返回学习中心 · 认知与行业观察OiOi Academy
认知成长 · 10

未来30年电脑界面:每颗像素都由AI实时绘制

Flipbook 原型:没有HTML、没有按钮,所见皆可点——从代码驱动到AI驱动的界面范式转向。整理自 @AYi_AInotes。

原作者 @AYi_AInotes 来源 X 发布 2026-04-23
🧭

开篇:这课解决什么问题

以下内容整理自 @AYi_AInotes 2026年4月23日发表的《未来30年的电脑界面可能要被彻底改写了》。作者开篇就下判断:看到 Flipbook 这个原型,他觉得未来30年的电脑界面可能要被彻底改写。

这门课要回答:① Flipbook 是什么、疯狂在哪?② "没有按钮"为什么是比"好看"更颠覆的事?③ 它现在有什么硬伤?④ 为什么作者说"界面根本不需要代码"?

说明:原文无配图,本课两张图均借自《第11课》吴恩达笔记(多模态生成主题),caption 如实标注。

记住:一句话结论:过去30年界面是"乐高积木式"拼出来的;Flipbook 证明了另一条路——AI 直接"流"出一整张活的画面,界面从此不需要代码。
🖌️

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 会理解你想点什么,然后给你对应的内容。

原文配图(借自《第11课》吴恩达笔记封面):
原文配图(借自《第11课》吴恩达笔记封面):"2022 vs 2026,AI用法已经完全不同"——生成式界面,正是这种范式迁移的下一站

这张借来的封面帮你定位:2022→2026,AI 用法已经历一次范式迁移(见《第11课》);而 Flipbook 代表的,是再下一次迁移——连"界面"本身都要被重写。

高中生类比
就像从"菜单点菜"变成"跟大厨直接说":以前界面是固定菜单(按钮就是菜名,只能点菜单上有的);以后你指着桌上任何东西问"这是什么、能怎么弄",大厨(AI)当场给你做出来——菜单这个概念消失了。
⚙️

技术与成本:为什么现在还很烂

以下来自 @AYi_AInotes 原文。技术底座:他们把视频生成模型优化到了 1080p、24帧实时输出——你的浏览器不再只是加载网页,还能一帧一帧接收 AI 专门为你画的"专属电影"。

原文配图(借自《第11课》吴恩达笔记):
原文配图(借自《第11课》吴恩达笔记):"多模态生成成本梯度"——text最便宜、video最贵;Flipbook"每像素实时生成"的成本正在这个梯度的最右端

但作者诚实地交代了现状:现在它还很烂——卡、慢、有时候会画错字;计算成本是传统网页的 2000 倍;很多功能还只是演示。这张成本梯度图解释了为什么:生成从文字→语音→图片→视频,越往右越贵;Flipbook 要实时生成视频流,正好站在最贵的那一端。

不过作者觉得这些都不重要,重要的是它证明了一件事(见下一节)。

🎓

教育:第一个被"干穿"的领域

以下来自 @AYi_AInotes 原文。作者断言:教育领域会是第一个被干穿的。

场景:以后讲水分子结构,不用看静态 PPT——你点一下氢原子,它就给你演示氢键怎么形成;你点一下冰块,它就给你展示为什么冰会浮在水上。复杂的知识,直接变成能玩的沉浸式动画。

为什么是教育先被干穿?因为教育的本质是"把抽象变具体"——而这正是生成式界面最擅长的事:任何概念,点一下就能"活"过来演示给你看。静态的"页"、线性的"幻灯片",在"可玩的知识"面前会显得像甲骨文。

高中生类比
就像从"看解剖图"变成"亲手解剖":以前学生物是看课本上的青蛙图;以后是点一下,青蛙的心脏就在你面前跳起来,还能把它翻过来看背面——课本从"图"变成了"可玩的标本"。

延伸:AI 改变学习方式的另一个实战系统见《第08课》(ChatGPT+Obsidian 英语听力训练)。

🔄

范式转向:从代码驱动到 AI 驱动

以下来自 @AYi_AInotes 原文收束。作者说:这不是一个新玩具,这是计算范式的一次彻底转向——从代码驱动的结构化界面,走向 AI 驱动的生成式界面。

我们用了几十年的窗口、按钮、菜单这套范式,从今天起真的要开始倒计时了。核心论证只有一句:界面根本不需要代码——Flipbook 证明了,哪怕现在又卡又贵,"代码"这个中间层在原理上是可以被拿掉的。

避坑
冷静剂(作者自己也承认):2000倍成本、卡顿、错字都还是现实约束。范式转向的"倒计时"不等于"明天就到"——但方向一旦被证明,剩下的就是工程和成本曲线的问题。看懂方向,比争论时间表重要。
记住:记住这个句式:"X 根本不需要 Y"。当年有人说"买票根本不需要排队"(12306)、"打车根本不需要招手"(网约车)——每次"中间层"被拿掉,都是一次范式转移。这次轮到的是"界面根本不需要代码"。
词

术语翻卡:点卡片看解释

生成式界面
Generative UI
由AI实时生成的界面:每一像素都来自模型,而非预先写好的代码;Flipbook是其原型代表。
乐高积木式界面
Lego-style UI
作者对过去30年界面的比喻:工程师写代码、设计师画图纸,一块块拼出固定的界面(HTML/CSS/按钮/输入框)。
实时渲染
Real-time rendering
Flipbook的技术底座:视频生成模型优化到1080p、24帧实时输出,浏览器逐帧接收AI绘制的画面。
范式转移
Paradigm shift
计算范式从"代码驱动的结构化界面"转向"AI驱动的生成式界面";作者认为窗口/按钮/菜单时代已开始倒计时。
测

自测一下:点问题展开参考答案

没有HTML、没有CSS、没有按钮、没有输入框——屏幕上每一颗像素都是AI实时画出来的。

因为"按钮"概念的消失意味着:任何所见皆可点,设计师不再预设交互点,AI理解意图后直接给内容——交互范式变了,不只是视觉变了。

卡、慢、画错字,计算成本是传统网页2000倍,多为演示。作者认为不重要,因为它已证明"界面根本不需要代码"——方向被证明后,剩下的是工程和成本曲线问题。

教育。因为教育的本质是"把抽象变具体",而这正是生成式界面最擅长的:点一下氢原子就演示氢键形成,知识变成可玩的沉浸式动画。