最新·通过 WebRTC 与手机配对 Issue 04·2026 设计免费·€19.99/月发布
Screenshotify
帮助·多面板

多面板轮播图。

简而言之。 点击轮播图下方的「+ Panel」按钮添加面板。每个面板有独立图层(文字、设备、装饰元素)。全局背景渐变在所有面板间连续延伸。任意图层均可切换为「span all panels」(跨屏图层),适合跨行显示的标题或装饰元素。

为什么要用多面板

App Store 在可滑动的轮播图中最多展示 10 张截图。Top 100 应用几乎无一例外地将这些截图设计为一个连贯的视觉故事,而非 10 张独立图片。多面板功能正是为此而生——选择 3–5 个面板,将轮播图作为整体进行设计,统一导出。

添加与排序面板

  • 添加面板:点击现有面板之间或行末的「+」按钮。
  • 复制面板:点击面板悬停工具栏上的复制按钮。
  • 排序:在编辑器底部的面板列表中左右拖拽面板。
  • 删除:点击面板悬停工具栏上的 X 按钮。最后一个面板不可删除——至少保留一个。

共享背景

默认情况下,每个面板使用全局背景(通过侧边栏背景控件设置)。渐变背景在渲染时按面板切片,多面板渐变在 App Store 轮播图中呈现为一条连续渐变。

按面板覆盖:选中某个面板,在侧边栏将背景切换为「Per-panel」,即可为该面板单独设置背景。

跨屏图层

任意图层(文字、设备、图片、SVG)都可成为跨越所有面板的行级图层。选中图层 → 属性 → 开启「Span over all panels」。图层的 x 坐标将切换为全局行坐标系。常见用途:

  • 横跨所有面板顶部的长标题
  • 跨越整个轮播图的单个拉伸设备
  • 连接各面板的波浪装饰条

跨屏图层的控制柄可延伸到单个面板边界之外——它们通过独立的 HandlesOverlay 保持可见,该覆盖层位于每个面板的裁切范围之外。

每面板设备

大多数轮播图在所有面板中使用相同的设备框架(例如 iPhone 16 Pro Max),但你也可以自由混搭——例如一个面板展示 iPad,其余面板展示 iPhone。iPad 面板请使用 device-pin 而非 Auto。

将轮播图作为整体设计

多面板设计中常见的有效手法:

  • 交替设备倾斜方向——相邻面板交替使用 -10° / +10° / -10°,形成视觉节奏
  • 统一文案位置(例如所有文案都在上四分之一处),让轮播图整体阅读流畅
  • 视觉重心面板——通常是第二或第三个面板,视觉效果最强;其余面板起衬托作用
  • 以 CTA 型面板收尾——最后一个面板在 App Store 轮播图淡出之前呈现

常见问题

面板数量上限是多少?

App Store 每个设备类型每个语言区域最多接受 10 张截图。Screenshotify 编辑器侧不设上限,但超过 7 个面板在视觉上会显得过于繁杂。

一个项目中能否使用不同面板尺寸?

不可以——项目中所有面板共享同一尺寸(面板宽度 × 面板高度)。可通过导出格式下拉菜单全局更改面板尺寸。

如果同一段文案需要在每个面板上显示,该怎么做?

将其设为跨屏文字图层。只需一个图层,所有面板都会渲染它。编辑一次,所有面板同步更新。

打开编辑器 → 功能详情