flipbook体验文档

完全 AI 实时生成的无限可视化探索工具

一、产品核心概览

Flipbook 是一款完全由 AI 实时按需生成的无限可视化探索工具， 它的核心交互逻辑是：点击画面里的任意元素 / 区域，AI 就会立即生成全新的画面，对该内容进行无限深度的拆解与探索，真正实现无边界的可视化信息浏览。

通俗来说，是一个用 AI 生成「可点击的插画信息图」来回答问题的网页工具。你输入一个问题，它不会给你一大段文字，而是生成一张带说明的插画/信息图；你点图里的任何区域，它会围绕那个部分继续生成下一张图，像翻页一样，让你一步步「看懂」一个知识点。

二、核心产品理念与特点

1. 从「文字答案」变成「视觉答案」

• 传统 AI 问答：输入问题 → 返回一大段文字，理解成本在用户自己。

• Flipbook：输入问题 → 返回一张完整的视觉页面（信息图）。

• 这张图的特点是：

  • 图里包含标题、小模块、箭头、标注等元素，整体像一张 PPT 或信息海报。

  • 所有这些都是 AI 直接生成的图片，而不是传统网页的 HTML+CSS 元素。

  • 文本、图形、卡片都融合在一张图里，看起来像「设计好的讲解海报」。

2. 通过「点击图」来继续提问

想继续和 Flipbook 交互我们当然可以和传统的 AI 问答一样，继续再输入框中输入内容，让它生成图片。但是，如果只是这样的话，我也不会想要继续了解它，我感觉它比较吸引我的，就是它后续的交互可以不是在输入框里追问，而是直接点击你感兴趣的图像区域。

交互过程大致是：

1. 输入一个问题，比如「帮我解释一下智能手机的各个硬件部件都做什么」。
2. 系统生成一张信息图，标出屏幕、电池、CPU、摄像头等部分，并附简单说明。
3. 你对「摄像头」感兴趣，就直接点图中摄像头那块区域。
4. 系统再生成一张新的图，只讲「手机摄像头」，可能继续拆分为：传感器、镜头组、防抖模块等。
5. 一直点击，一直往下钻，像在翻一本无限延伸的「知识图解书」。

因此，「翻页」指的是：你每点击一次，系统就为你「多画一页」，而不是打开一个新的网页链接。所以，虽然这个交互过程中还有不尽人意的地方，但这个已经足够吸引我了。

三、核心功能与核心特性

核心功能	详细说明
无限可视化深度探索	每一个页面都是 AI 实时生成的专属图像，点击画面内任意你感兴趣的元素、文字、区域，都会生成全新的页面，对该内容进行深度拆解，可无限延伸探索路径
全像素无代码架构	界面内所有内容（包括全部文字）均由图像模型渲染为像素，无 HTML、无硬编码链接、无固定表单字段，彻底摆脱代码对界面的限制
双源信息供给	画面内的信息来自「Agent 智能联网搜索」+「图像模型自身的世界知识」，事实准确度与 ChatGPT、Gemini、Claude 等主流大模型处于同一水平
实验性实时视频流	可一键开启 Live Video Stream 功能，将静态生成的图片转为连续视频流，为画面添加动态效果，同时实现页面间的无缝转场；该功能由定制优化的视频生成模型与图像生成系统联合驱动

四、3 分钟快速上手（零门槛使用步骤）

1. 访问入口

• 打开浏览器，访问 flipbook.page。
• 页面上方会有一个明显的输入框，让你输入想要了解的问题。

不需要注册账号即可体验基础功能（以当前公开原型为准，未来可能有变更）。

2. 输入问题

在页面顶部输入框中，输入一句你想了解的话题，例如：

• 「用图解方式教我 HTTP 是怎么工作的。」
• 「帮我画一张图解释一下区块链的大致流程。」
• 「给我生成一张太阳系的星系图」

输入完成后，点击发送按钮，系统开始生成第一页视觉内容。

• 建议：

  • 把问题问得稍微具体一点，例如「帮我拆解 iPhone 里的主要硬件组成」比「手机」更容易出图。

  • 当作是在对一个「会画信息图的老师」提问，而不是搜索引擎。

3. 理解第一页内容

• 几秒之后，可以看到一张全屏的视觉页面。整体结构通常类似于一张架构图/流程图/信息海报：

  • 上方：标题，概括你提问的主题。

  • 中间：多个模块、卡片、图形，代表不同的子部分。

  • 旁边或下方：简短文字说明，帮助你理解每一个块代表什么。

• 此时可以先把整张图扫一遍，确认：

  • 大致结构是否合理（有无明显偏题）。

  • 是否出现出我们真正关心的那几个部分。

• 如果感觉不对，可以回到顶部输入框重提问题，或调整提问方式再来一次。

4. 点击图中感兴趣的区域

Flipbook 的关键体验是「点图继续深入」，不是只看一页。

• 操作方式：

  • 将鼠标移动到你感兴趣的模块上（例如「水星」区域）。

  • 点击该区域，系统会把这个点击理解为「请详细展开讲这个部分」。

  • 随后生成一个新的页面，专门用一张新图解释这个子主题。

• 重复这个流程：

  • 从「太阳系整体图」→ 点「水星」→ 进入「水星内部详细构造」→ 再点「陨石坑」，继续往下钻。

  • 知识结构会像树一样不断展开，每一页都是一层更细的图解。

5. 在「翻页」中构建知识路径

• 每一次点击都会带来一张新图，这种使用过程会像下面的这样的一条视觉路径：

  • 起点：原始问题（第一页）

  • 展开：对某个组件/概念感兴趣，点击它

  • 深入：进入下一个细分概念的专页

  • 可以继续向下深挖，也可以退回上层重新选择其他分支（根据浏览器的返回操作）

    • 注意：回退后新生成的图片会覆盖此图片后面的图片，如果需要注意保存

• 这和传统网页「超链接跳转」的差别在于：

  • 传统：点链接 → 跳到别人写好的另一篇文章。

  • Flipbook：点图块 → AI 现画一张新的解释图，继续沿着你的兴趣生长。

五、产品定位

1. 面向谁？

从目前的产品形态来看，它主要适合这些人群：

• 希望用「图」而不是「字」学习的人（视觉型学习者）。
• 需要经常向别人解释概念的从业者，如老师、培训讲师、产品经理、工程师。
• 喜欢探索式学习的人：不一定想一次读完所有知识，而是沿着好奇心逐步深入。

2. 解决了什么痛点？

它解决的核心痛点是：「文字太抽象时，知识很难在脑子里形成结构」。

Flipbook 用一张张信息图来替代长文本：

• 用布局、箭头、分区来展示「结构」。
• 用点击翻页的方式让你按兴趣顺序自主探索，而不是被迫按文章顺序阅读。
• 可以随时回到上一层，重新选择其他分支，知识路径完全由你主导（返回分支前注意保存分支图片）。

六、使用场景

场景推荐

1. 开放式主题学习与深度探索：比如你想了解天文知识、艺术流派、经济学原理、技术架构等内容，无需整理关键词翻找网页，只需点击相关元素，就能无限深度挖掘内容，可视化的呈现形式大幅降低抽象概念的理解门槛。
2. 创意灵感发散：做设计、文案、策划、创作时，可通过它围绕核心主题发散探索，获取打破线性思维的视觉灵感与内容思路，摆脱固定模板的束缚。
3. 泛知识轻量科普：给孩子、新手讲解陌生领域的知识时，可通过它的可视化能力，把枯燥的文字知识转为直观的画面，大幅降低理解成本。

第一次使用的建议提问模版

为了让第一次体验更顺畅，我们其实可以从下面这种问题开始尝试：

• 「用图解方式向小白解释一下 X 是什么」
• 「帮我拆解 XX 系统的主要组成部分并画图说明」
• 「请画一张图讲清楚从 A 到 B 的完整流程」
• 「用信息图的方式解释一下 XX 产品的核心模块和数据流向」

主题：

• 技术类：HTTP 请求流程、数据库读写流程、前后端交互过程。
• 硬件类：智能手机内部结构、电脑硬件组成。
• 商业/产品类：一个产品从需求到上线的流程、某个商业模式的运作逻辑。

六、使用注意事项

目前 Flipbook 还是一个相对实验性的产品原型，使用时可以注意几件事：

• 内容不是人工绘图，而是模型实时生成的图像，有时会出现内容不准确或结构不理想的情况。
• 生成的信息图更适合作为「理解辅助」，不适合作为正式教材或精确技术文档。
• 对主题的指令越清晰、越具体，生成的图通常越结构化，越容易看懂。
• 尽量用熟悉的语言去问问题。

如果有把生成的内容用于对外展示的打算，建议：

• 把图当做灵感/草稿，再人工复刻一版（PPT、Figma、Keynote 等）。
• 人工审阅所有关键信息，以免出现误导或不准确的描述。

太阳系星系图

关于我自己在太阳系星系图方面的尝试,有几个我还挺喜欢的，展示一下吧！