昨天 Gemini 3.0 发布时，大家的关注点都是它在各大 LLM 榜单上的表现以及 AI 编程工具 Antigravity。然而，真正的王炸其实是 Generative UI（生成式 UI）这一新的理念，完全颠覆之前的 UI 设计模式。

生成式 UI 指的是让 AI 根据你的提示词，动态创建图文页面、交互式工具网站，甚至完整的游戏等各种前端应用。你无需再进行繁琐的前端开发，只需通过提示词让 AI 按需生成，直接获得最终界面。这种方式与传统的设计—开发—部署流程相比，带来了全新的设计理念。

Dynamic View 和 Visual Layout

跟着 Gemini 3.0 的发布，谷歌在 Gemini App 和 Google Search AI Mode 中也推出了两个重磅功能：Dynamic View 和 Visual Layout。

Dynamic View 会根据你的提示词，自动设计一个完全定制化的交互式应用。例如，如果你让它为5岁小孩解释微生物，它会生成卡通风格、界面简洁的应用；如果你要求为成年人讲解同样内容，界面则会变得专业，包含术语、图表和详细说明。

我试了几个场景，真的挺神奇的，图文并茂，细节丰富，必要的地方还都添加了交互式界面。下面是几个例子：

Antigravity功能介绍和使用技巧

Antigravity功能介绍和使用技巧

交互式Transformer原理

Dynamic View PPT

同样的功能也可以在 Google Search 的 AI Mode 中体验：

RNA聚合酶如何工作

另一个功能是 Visual Layout，主要用于优化视觉呈现，生成图文并茂的卡片杂志。它会自动调整内容布局，使信息展示更加清晰、美观。这个功能暂时只有 Ultra 订阅用户可用，下面是源自歸藏的两个例子：

大语言模型简介

旅游攻略

生成式 UI 工作原理

谷歌专门发表了一篇论文《Generative UI: LLMs are Effective UI Generators》，详细介绍了生成式 UI 的设计理念工作原理以及测评结果。

生成式 UI 在 Gemini 3 Pro 模型的基础上增强了三项能力：

工具访问：增加了图像生成、网页搜索等多种外置工具，不仅提升了模型生成结果的质量，还能将结果直接发送到用户浏览器。

精细化系统指令：通过详细指令引导系统，涵盖目标、规划、示例、技术规范、格式要求、工具手册及常见错误的规避提示。

后处理：模型输出会经过一系列后处理步骤，解决常见潜在问题。

生成式 UI 流程图

此外，Google 还专门推出了一个用于评估生成式 UI 效果的数据集 PAGEN，并跟人类专家设计网站、Google 搜索排名第一网站、Markdown 格式以及文本格式等进行了。评测结果显示，人类专家设计的网站排名第一，Generative UI 生成的网站排名第二，远超普通 AI 输出和搜索结果。

评测结果

你可以到 https://generativeui.github.io/ 网站上找到更多生成式 UI 案例以及详细评测数据。

写在最后

生成式 UI 配合 Gemini 3.0 大幅提升的前端设计能力，已经可以在 44% 的案例中媲美人类专家设计的网站，对前端开发来说简直是降维打击。特别是对不懂编程和不懂前端 UI 的人来说，借助 AI 来自动生成网站和应用，真的太方便了。

不过这个功能现在还有个小遗憾，就是只能在 Gemini App 和 Google Search AI Mode 里体验，还没法把生成的网站导出来直接部署。

话说回来，生成式 UI 这个理念确实值得关注，它把 UI 设计从“画原型—写代码—调样式”的流程，直接简化成了“说需求—AI生成”。以后要做个简单网站或者内部工具，估计真不用再头疼前端了。

文章来源：https://mp.weixin.qq.com/s/3bm6UnIv54QcvZSXirJqSA