2026年的缩放式 UI:Prezi、impress.js,以及我为何构建了不同的东西
发布: (2026年4月7日 GMT+8 02:53)
3 分钟阅读
原文: Hacker News
Source: Hacker News
Prezi
- 开创了演示文稿的缩放画布,并在该领域保持市场领先。
- 最近加入了 AI 驱动的生成和文本编辑工具。
- 产品打磨完善,拥有真实的用户增长。
限制
- 闭源平台,非库——无法将其缩放引擎嵌入自己的应用。
- 价格起步为 $15/月,才能使用有意义的功能。
- 导出为 PowerPoint 时,所有缩放效果都会被展平成静态幻灯片。
- 用户常报告在缩放和平移过渡时出现晕动症。
- 将缩放用作预先安排好的帧之间的叙事手段,而不是导航模型。
impress.js
- 将类似 Prezi 的缩放效果带入开放的 Web,作为基于 CSS3 变换和过渡的演示框架。
- 架构基于步骤:你在 3D 空间中定位 “steps”,摄像机在它们之间移动。
限制
- 适合演示文稿,但不适用于用户通过缩放浏览内容的应用。
- 没有动态挂载视图、管理缩放深度或处理导航状态的概念。
- 本质上是带有缩放技巧的幻灯片引擎。
Zumly
完整披露:我是唯一的开发者。
- 提供一种使用缩放进行传统页面导航的替代方案。
- 你将元素标记为 zoomable,指向一个视图,Zumly 负责过渡并插入新视图。
- 2020 年在作者完成 Zircle UI(一个 Vue 缩放库)后开始开发。
- 与框架无关,专注于缩放部分。
- 视图在缩放过渡期间 动态挂载和卸载。
- 在 impress.js 中,所有 steps 同时存在于 DOM 中。
- 在 Zumly 中,目标视图在你缩放到触发元素时被注入并缩放到位,这更接近 SPA 路由,而非幻灯片行为。
- 着陆页本身就是使用 Zumly 构建的,你可以在不查看代码的情况下先体验它。
资源
- 着陆页(使用 Zumly 构建):
- GitHub 仓库:
- Hacker News 讨论: