幻灯片

产品演示文稿设计

用 3 页幻灯片介绍一个以智能体为核心的工作台。

OpenDesign Hackathon设计与制作
示例
产品演示文稿设计3 幻灯片
原生智能体设计工作台:开篇论点
开篇论点

设计创意方向

  • 产品愿景文稿在介绍具体界面之前,先建立产品理念。
  • 概念演示将宏观论点与具体页面相连接。
  • 团队工作流提案展示个人工作如何扩展为团队协作运营。

演示亮点

  • 三级规模跨越从工作台论点,逐步推进到手机界面,再到控制中心。
  • 手机界面与说明并置将界面概念与三条简短支撑观点配对呈现。
  • 可见的演示控件原始文稿包含翻页箭头、Auto 及 Full 控件。

三页幻灯片构成的产品故事

这套文稿并未以三张几乎相同的截图对应三个功能,而是在论点规模上逐步推进:从宏观的工作台论点,到一个移动端界面,再到更大范围的运营视图。中间那页是关键枢纽。若没有它,从抽象主张直接跳转到信息密集的控制中心,会要求观众在尚未见到可理解示例之前便接受这一产品。

每页幻灯片的作用
幻灯片可见内容叙事作用
开篇论点标题、工作台预览,以及 Prompt → Compose → Preview → Ship 流程序列。阐明所提变革,并给观众一个简短流程以便记忆。
移动端辅助一个手机界面,配以三条概念说明。将范围缩小至单一页面,使产品理念更易于讨论。
企业级控制中心发布轨道、智能体交接、审批环节,以及活动时间线。展示同一理念如何支撑团队协作运营。

三项指标与两层导航

该手机界面顶部附近设有 Today / Agents / Exports 标签,底部设有 Home / Files / Agents / Export 导航。这是两个不同层级的界面,但 Agents 同时出现在两处。这是产品演示中值得讨论的细节:上方一行是在过滤当前视图,还是引导用户前往另一个目的地?

移动端概念中的计数、对比及就绪百分比,摘自第二页幻灯片的可读细节。
移动端概念中的计数、对比及就绪百分比,摘自第二页幻灯片的可读细节。

不要让重复标签掩盖交互模型

底部一行外观类似全局应用导航,上方一行则更接近视图级标签页。文稿未完全厘清两者的关系。在新增更多页面之前,优化时应明确每一层级的作用范围——例如,全局智能体区域与当前页面活动过滤器之间的区别。

三项指标描述三类不同的事物

12 Active Artifacts 是一个计数,4× Review Velocity 是一个对比值,86% Ready to Export 是一个比例。它们可以共享同一视觉行,但不能共享隐含的定义。计数需要明确范围,倍数需要基准线,百分比需要分母。这些缺失的定义无法单凭视觉处理来补充。

控制中心中的四类信息

最后一页幻灯片在左侧排列四张上下文卡片,中央放置智能体路由图,右侧显示运营计数,底部呈现近期活动。这些并非可互换的仪表盘组件,每一项代表不同的关系,演讲者解释这些差异时,演示才能发挥更大的价值。

第三页幻灯片中的控制中心面板,与大型演示标题分开单独展示。
第三页幻灯片中的控制中心面板,与大型演示标题分开单独展示。
按信息类型解读控制中心
可见结构所代表的含义提案中需要说明的内容
Brand、Legal、Localization 与 Assets四组约束条件或参考资料。工作流从何处获取规则,而非四个连续任务。
Briefs 与 Product Data 流向 Agent Router连接至编排图的输入项。节点之间流转的内容,以及哪部分仅属于概念层面。
42 Queued、11 Pending、3 Risks、7 Ready运营状态的快照。每项计数的涵盖范围;不同标签并不意味着它们是可相互比较的合计数。
Layout、Brand QA、Locale 与 Export Activity具名智能体与近期操作的对应关系。最近发生的事项,与仍需处理的事项分开说明。

黑客松演示的演示文稿参考

这是 OpenDesign 黑客松官方示例,不属于参赛作品。其三页结构对演示来说是一个有效约束:一个论点、一个可供审视的界面,以及对更大工作流的一次说明。演示文稿的信息密度,应在观众拥有具体示例作为依托之后,再逐步提升。

演示文稿所展示的内容

所提供的作品是一套带动画效果的 HTML 幻灯片,包含三页内容和演示控件。移动端辅助和企业级控制中心是该文稿中的概念,并非已上线应用的证明。打开完整预览可供查阅演示文稿本身,但不会将界面连接至生产工作流。

如何在 OpenDesign 中创建产品演示文稿设计

  1. 下载并安装 OpenDesign

    下载桌面客户端并完成安装与初始配置,然后为您的设计创建一个项目。

    下载 OpenDesign
  2. 为三页幻灯片分别定义不同的目标

    从观众的核心问题出发,再为每页幻灯片赋予独立的目的。开篇论点应足够简短,能在展示界面之前完成阐述。

    建议提示词

    为一个智能体辅助设计工作台创建三页产品演示文稿设计。第一页介绍核心理念和四阶段工作流程。第二页将移动端审阅概念与三条简短说明并置呈现。第三页展示团队控制中心,包含审批环节和近期活动。使用清晰标注的示例数据、可读的静态构图和手动翻页控件。不得暗示概念界面为已上线产品,也不得虚构性能数据。

  3. 同步优化页面与说明文字

    让 OpenDesign 确保手机标签的可读性,同时将支撑论点保留在设备之外。删除所有仅重复标签内容的句子。以实际演示时的尺寸检查文稿,而非仅在全分辨率截图中查看。

  4. 在关闭自动播放的状态下检查文稿

    在停止动画的情况下逐页审阅三页幻灯片,每页均应保留其标题、核心视觉元素和支撑说明。随后测试手动翻页,确保演讲者在暂停接受提问时不会打断叙事逻辑。

  5. 导出并获取分享链接

    导出完成的设计稿,然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接,确认目标版本及其资源均可正常访问后,再将链接发送给他人。

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows