文章目录
- 快速导航
iPhone Duo 样机怎么做：用内置 Duo 边框制作折叠屏 App 预览图（外屏+内屏教程）
iPhone Duo 10 月 23 日就要正式发售，很多团队这周都在忙同一件事：给 App 补一套「看起来像在 Duo 上跑」的预览图和样机。问题是，折叠屏有合盖（外屏）和展开（内屏）两种形态，普通 iPhone 的模板套上去要么比例不对，要么看不出是 Duo。
本站今天上线了 iPhone Duo 支持：编辑器新增外屏、内屏两个尺寸预设，以及 8 款内置 Duo 设备边框。下面按实际按钮一步步讲怎么做。尺寸背景知识可以先看 iPhone Duo App Store 截图尺寸完整指南。
先分清两个工具：编辑器和设备样机
本站有两个地方能用到 Duo 边框，用途不同：
| 工具 | 适合做什么 | 导出结果 |
|---|---|---|
| 截图编辑器 | 上传 App Store Connect 的商店截图（带标题、背景、边框） | 按 1398×2034 / 2007×2853 精确像素导出，打包 zip |
| 设备样机工具 | 官网、落地页、社交媒体、产品发布帖里的展示图 | 透明背景 PNG |
记住一条：App Store Connect 不接受带透明通道的截图。设备样机工具导出的透明底 PNG 适合放到网页和海报里，直接传商店会被拒；商店截图请用编辑器导出。
8 款内置 Duo 边框一览
在编辑器设备栏的「iPhone Duo」分组里，可以看到 8 个选项：
- Duo 外屏（合盖）：夜空黑 A / B、星光白 A / B
- Duo 内屏（展开）：夜空黑 A / B、星光白 A / B
夜空黑（Night Sky）和星光白（Star White）对应 iPhone Duo 的两种官方配色。A、B 是两种不同的边框画风，可以按你的背景色和品牌调性挑选：深色背景配星光白更跳，浅色背景配夜空黑更稳。
每款边框的屏幕开口都与苹果截图尺寸对齐：外屏框正好容纳 1398×2034，内屏框正好容纳 2007×2853，截图放进去不会被二次缩放或裁切。
步骤一：准备外屏、内屏截图
- 在真机或 Xcode 27.1 模拟器上，分别在合盖和展开状态截图。苹果提供的 Device Hub 可以预览 App 在 Duo 各种姿态下的样子。
- 外屏原生分辨率就是 1398×2034，直接可用。
- 内屏原生是 1878×2670，比商店要求的 2007×2853 小一点，放进编辑器的内屏画布即可，不必提前处理。
- 截图前清理状态栏：电量、时间、通知别留「穿帮」信息，演示数据用真实可信的内容。
步骤二：在编辑器里做外屏截图
- 打开 截图编辑器，尺寸预设选「iPhone Duo 外屏」。选 Duo 尺寸时，编辑器默认会套上 A 款夜空黑边框。
- 拖入外屏截图，截图会放进边框的屏幕区域。
- 写主标题和副标题。外屏画布比普通 iPhone 更「方」，标题建议控制在一行到两行，留出足够空间给设备。
- 选择背景：纯色、渐变或图片都可以，注意最终导出的是不透明图。
- 重复以上步骤做 3～5 张，保持卖点顺序。
步骤三：切到内屏，做展开态截图
- 切换尺寸预设为「iPhone Duo 内屏」，画布变为 2007×2853。
- 设备栏改选「Duo 内屏」系列边框，颜色和外屏那套保持一致，整组图会更统一。
- 换成内屏截图。内屏最大的卖点是「大」：苹果的设计指南建议，在内屏上可以多展示一层信息层级，比如列表和详情并排。截图里尽量选能体现双栏或多栏完成态的页面。
- 标题文案可以从「做什么」升级到「同时做什么」，例如「边看边记」「对照着改」。
步骤四：导出并上传
- 点击导出，得到按精确像素导出的 zip。
- 在 App Store Connect 的 iPhone Duo 栏位，外屏图传外屏、内屏图传内屏，每个尺寸 1～10 张。
- 提交 Duo 截图后，产品页会显示「为 iPhone Duo 优化」的徽章。
整个过程在浏览器本地完成，源图不会上传到服务器。
用设备样机工具做一张宣传图
如果你只需要一张「合盖 + 展开」的发布宣传图：
- 打开 设备样机工具，在设备列表里选 iPhone Duo 外屏或内屏边框。
- 上传截图，尽量与该屏幕比例接近，避免被裁掉。
- 点「导出透明底成图」，得到透明 PNG。
- 把外屏图和内屏图在 Figma、Keynote 或任意设计工具里并排摆放，加一句发布口号，就是一张「已适配 iPhone Duo」的社交媒体配图。
更多设备样机的通用技巧，可以参考 免费设备样机截图工具 和 AI 时代的设备样机制作。
常见问题
Q：可以用苹果官方的 iPhone Duo 外框吗？
A：苹果在 Apple Design Resources 发布了 iPhone Duo 的产品外框（Photoshop 和 PNG，含合盖、展开和两种配色），可以自行下载用于营销物料，使用前请阅读苹果的市场营销与标识指南。本站的 8 款内置边框则可以直接在编辑器里选用，不需要额外下载。
Q：截图放进边框后边缘有黑边或被裁？
A：多半是截图尺寸不对：外屏框要 1398×2034 比例的图，内屏框要 2007×2853 比例的图。把内屏截图放进外屏框，就会出现裁切。
Q：商店截图一定要带设备框吗？
A：不一定。苹果并不要求截图带框，很多头部 App 用的是全屏 UI + 标题。设备框的好处是让用户一眼看出「这是 Duo」，特别适合新机首发期。规范和取舍见 商店截图设备边框规范。
Q：同一套图能传到国内安卓商店吗？
A：不建议。华为、小米、vivo 等商店普遍不允许截图出现 iPhone 外观。折叠屏安卓机的适配思路，可以看 国内折叠屏安卓商店截图适配。
Q：内屏要做横屏吗？
A：看 App 类型。视频、游戏、表格类在横屏下更好看，可以用 2853×2007；大多数工具类 App 竖屏 2007×2853 更稳妥，也和外屏的竖屏截图保持一致。