理解 Gamma 的卡片式布局
什么是卡片
在 PowerPoint 或 Google Slides 里,内容的基本单元是幻灯片——固定尺寸、横版、一页一页切换。在 Gamma 里,基本单元是卡片——垂直可扩展、Web 原生、没有固定尺寸。
这不是一个表面差异。卡片式设计决定了 Gamma 的几乎一切:为什么内容在手机上也好看、为什么可以做网站、为什么 Agent 能自由排列元素、为什么导出 PPTX 会有"降级"感。
卡片 vs 幻灯片
| 特性 | 幻灯片(PPT / Google Slides) | 卡片(Gamma) |
|---|---|---|
| 尺寸 | 固定(通常 16:9) | 无固定尺寸,垂直扩展 |
| 方向 | 横版 | 垂直滚动 |
| 导航 | 逐页切换 | 滚动浏览 + 影条 |
| 内容密度 | 受限于单页空间 | 可以写很长 |
| 响应式 | 需要手动为不同设备调整 | 自动适配 |
| 设计逻辑 | 每页一个核心信息 | 每张卡片一个核心信息 |
卡片的组成
每张卡片可以包含:
- 文本块:标题、段落、列表、引用
- 图片:上传或 AI 生成
- 图表:智能图表(柱状、折线、饼图等)
- 图示:流程图、架构图、思维导图
- 嵌入:视频(YouTube、Vimeo、Loom)、定价表、表单
- AI 生成内容:闪光图标唤起 Agent 改写
- 脚注:支持性细节,不抢主内容注意力
- 折叠开关:点击展开/收起的可折叠区域
- 嵌套卡片:在一张卡片内嵌入子卡片

为什么卡片更好
1. 适配所有设备
Gamma 内容是 Web 原生的。在手机上,卡片自动重新排版,文字不会溢出也不会变小到看不清。这让 Gamma 既能做桌面演示,也能做手机上阅读的文档。
2. 叙事更自然
传统幻灯片的问题是"每页一个信息"——切页太频繁打断阅读节奏。卡片垂直滚动,读者可以按自己的速度浏览,信息密度更平滑。
3. 内容和视觉分离
卡片的视觉风格由主题控制,内容(文字、图片、图表)由你来填。Agent 重新设计布局时只动视觉层,不碰内容层。这就是为什么 Gamma 的内容改起来不容易"崩"。
4. 一张卡片一种表达
Gamma 的设计哲学是每张卡片只讲一个点。这和"一屏 N 行要点"的 PPT 风格不同。少即是多——一张卡片一个标题 + 一段简短说明 + 一张配图。
从幻灯片思维切换到卡片思维
刚从 PPT 过来的用户最常见的错误是把卡片当成幻灯片用:塞太多内容、做复杂动画、追求"每页完美"。
调整思路:
- 卡片不需要"完美"——它是 Web 内容,不是舞台布景
- 少即多——一张卡片一个核心信息
- 让内容驱动视觉,不要反过来
- 接受卡片会在不同设备上看起来不一样
下一步
卡片是 Gamma 的基本单元。掌握了卡片之后,继续看:
- Gamma 5 的自由编辑器:怎么微调每张卡片的元素
- 影条(Filmstrip)快速组织和排序:怎么管理整套卡片
- 折叠开关、嵌套卡片与脚注:卡片的进阶功能