PPT的下一站长什么样?这三个AI作品让我惊出一身冷汗
- 2026-11-07 07:34:22

如果你对演示的印象,还停留在一页一页往下翻的 PPT,这篇文章可能会刷新它。下面三个作品,都是 AI 生成的 HTML 演示,每个都能长按二维码亲手体验。
先看一段视频。
▲ 三个 HTML 演示作品,都由 AI 生成
视频里的三个作品有一个共同点:它们都不是 PPT,而是网页。
观众不用盯着你一页页翻,可以自己拖动、点击、探索。而做出它们,我只是用中文把想要的效果描述清楚,剩下的交给了 AI。
先说结论
下一代演示,不是更好看的 PPT,而是一个可以玩的HTML。
HTML 是做网页用的语言,你每天打开的网页都是它做的。用它做演示,每一页都变成一个生动的网页。下面一个一个看,它们到底比 PPT 强在哪。

01
WORK · EARTH CHRONICLE
地球编年史
把 46 亿年,装进一颗能转的地球

46 亿年,14 幕。从一团炽热的岩浆,到冰封的雪球,再到今天的蓝色星球。整个地球史,被做成了一颗可以拖着转的 3D 地球。
✕ PPT 里 十几页时间轴配图,观众只能看你一页页翻 | ✓ 这个作品里 拖动地球旋转,点发光标记看讲解,还能自动导览 |
长按二维码,亲手转一转 建议用电脑浏览器打开,效果更流畅 | ![]() |
02
WORK · GIGAFACTORY TOUR
特斯拉超级工厂 3D 导览
把一座工厂,搬进浏览器

一辆电动车是怎么诞生的?整座工厂被做成了一个 3D 沙盘:冲压、焊装、涂装、总装,一个个车间摆在你面前。
✕ PPT 里 一张俯视图加几个箭头,讲解只能按顺序走 | ✓ 这个作品里 拖拽旋转、滚轮缩放,点哪个车间就进哪个车间 |
长按二维码,走进工厂 建议用电脑浏览器打开,效果更流畅 | ![]() |
03
WORK · SMARTWATCH LAUNCH
华为智能手表产品演示
把一场发布会,做成一块能拆的手表
同一个题目,我让 AI 做了两版:一版深色科技风,一版浅色展厅风。手表可以 360° 旋转、拆开看内部、一键换表带、换配色、切换白天黑夜,每一页对应一个产品卖点。

▲ 点一下“打开”,七层结构依次展开
✕ PPT 里 几张产品图来回翻,换一个颜色就要多放一张图 | ✓ 这个作品里 一块 3D 手表,旋转、拆解、换带、换色、昼夜全都能现场演示 |

VERSION A · 深色科技风 WATCH 6 智感演示 点表身上的金色标记跳到对应章节,还配了背景音乐。 | ![]() 长按体验 |

VERSION B · 浅色展厅风 GT 6 Pro 3D 演示 九个章节对应九个卖点,三种配色、三种表带随点随换。 | ![]() 长按体验 |

▲ 一键切换到夜晚模式
更夸张的是文件大小。GT6Pro 这个作品,3D 模型、九个章节和全部动画加在一起,只有 80KB 左右,还没有一张普通照片大。
04
BEYOND PPT
它们到底比PPT强在哪儿?
三个作品看下来,可以总结成五个关键词
交互3D动感小巧便携

但最大的差别不是炫,而是观众的身份变了。
看 PPT 的人只能听你讲;看 HTML 演示的人,可以跟着演讲者去探索。产品发布、教学课件、展厅导览、招商介绍,这些场景都会因此不一样。
05
WHY NOW
为什么现在就该学

1 | 新鲜 大多数人还没见过这种演示。你在会议上打开它,转动一下产品模型,全场的注意力就是你的。 |
2 | 门槛低 不用会写代码,不用会 3D 建模。会说话、会提要求,就能做。 |
3 | 才起步 就像十几年前 PPT 设计刚兴起那样,第一批做好的人,就是这个领域的先行者。 |
实话当然,也有两点要说清楚
修改是有门槛的。AI 第一版给出的内容、模型和交互,往往还需要反复调整。知道怎么提修改意见,比会写第一句提示词更重要。
定制是有价值的。一个真正能拿去发布的演示,需要策划、设计、交互和后续维护。AI 把门槛降下来了,审美和判断力还在你自己手里。这也意味着,会做 HTML 演示的人,接下来会很值钱。
06
HOW TO
你也能做出一个
写提示词之前,先想清楚三件事:

这是做手表演示时用的提示词,换成你自己的主题就能用:
PROMPT · 提示词
参考这个文件(参考视频、图片、网页、Flash等链接或附件),给我做个华为智能手表介绍的 HTML 演示,里面有 3D 动画效果,有点击超链接,手表旋转、打开、加载手表带、换色、白天晚上等各种效果,并分别介绍其性能特征,画面质感较强,很逼真。
做好之后,怎么发给别人看?两步就行:
1 改文件名 把文件改名为 index.html | 2 拖进 Netlify 打开 app.netlify.com/drop,把文件拖进去 |
几秒钟后就会得到一个网址,复制发给别人,手机、电脑都能直接打开。上面三个作品,就是这样发布的。

BACK TO THE QUESTION
所以,下一代演示长什么样?
它不再是一页页的幻灯片,而是一个可以点、可以转、可以拆的网页。它不再是“讲给你听”,而是“和你一起玩”。
从幻灯片到 PPT,演示工具每换一次,都会有一批人走在前面。而这一次,做出它从来没有像今天这么简单过。
SCAN TO PLAY
四个作品,长按识别体验
![]() 地球编年史 | ![]() 特斯拉工厂 | ![]() 手表 · 深色 | ![]() 手表 · 浅色 |
建议在电脑浏览器打开,3D 效果更流畅
锐普的 AI 设计课(共100讲) · 第 65 讲
Claude做HTML演示
想做出这样的作品?这节课带你从零开始:
✓ 把内容、视觉、交互写进提示词
✓ 用参考视频和图片,做出你要的风格
✓ 第一版不满意,怎么提修改意见
✓ 一键发布成网址,全屏上台演示

课程涨价倒计时 2天

— END —







