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 讨论:
0 浏览
Back to Blog

相关文章

阅读更多 »

TypeScript 类型守卫

当你构建支付系统时,“close enough”根本不够。单个 undefined 值或不匹配的对象属性可能决定了……之间的差异。

执行上下文

想象 Execution Context 像一个厨房。在你开始烹饪(执行代码)之前,你需要工作空间、变量工具和函数配方。