如何为截图添加 iPhone 边框

拍摄干净的截图

样机的效果不会好于其中的截图。拍摄前关闭通知、隐藏个人数据，并确保屏幕只呈现一个清晰想法，例如一项功能、一个结果或一条消息。

• 带 Face ID 的 iPhone：同时按下侧边按钮和音量增大按钮。
• 带主屏幕按钮的 iPhone：同时按下侧边（或顶部）按钮和主屏幕按钮。
• Mac：按 Shift-Command-4 截取区域，按 Shift-Command-3 截取整个屏幕，或按 Shift-Command-5 获得更多选项。

如果要展示网页而不是应用，Safari 风格的浏览器窗口通常比手机边框更能说明上下文。参见浏览器和设备样机。

在 Collage Easy 中添加 iPhone 边框

1. 打开 Collage Easy，用截图开始新项目。Collage Easy 在 App Store 中可免费使用，支持 iPhone、iPad，以及搭载 Apple silicon（M1 或更新芯片）和 macOS 14 或更新版本的 Mac。
2. 打开 Mockups 面板，选择 iPhone 边框。截图会出现在设备屏幕内。
3. 检查适配。用 iPhone 拍摄的截图最适合 iPhone 边框。如果截图来自其他设备，先裁剪它，让重要部分填满屏幕区域，同时避免拉伸。
4. 选择背景。记录类内容选择纯色，活泼主题选择图案，需要温度感选择自然场景，如果地点重要则选择自己的图片。
5. 调整大小和位置。在边框周围留下可见边距，让设备边缘清晰可读。先尝试直立版本，再比较轻微倾斜。
6. 需要时添加上下文。使用文字工具在边框外添加简短标题，通常比在界面上方画箭头解释得更多。
7. 导出并检查。保存图片，在“照片”中打开，并在实际观看尺寸下检查。

让样机看起来更专业

• 一张图片传达一个信息。如果需要三个屏幕才能解释，就制作三张图片，或制作使用相同边框和背景的小拼贴。
• 先处理对比度，再处理装饰。深色应用屏幕会在深色背景中消失。选择更亮或更有色彩的背景，或把边框移到更安静的区域。
• 保持可信。轻微倾斜能增加活力，但大幅旋转会让界面文字难以阅读。
• 保持一致。无论是 App Store 展示、作品集还是产品更新，每张图都使用相同的边框、背景风格和边距。
• 文字应放在屏幕外。把说明放在背景上，不要盖在界面上，这样截图才诚实且易读。

选择正确的导出尺寸

精细调整前先决定样机在哪里展示。竖版帖子适合 1080 × 1350 像素（4:5），Story 适合 1080 × 1920（9:16），网站主视觉通常需要横向比例。拼贴尺寸指南列出了 Instagram、Stories、Pinterest 和印刷的当前尺寸。如果一个样机要服务多个场景，先制作主版本，再为每种格式制作变体。在裁剪前选择导出格式指南解释了原因。

解决常见问题

• 截图看起来被拉伸：重新导入原图，在不强行改变形状的情况下重新适配。
• 文字太小：裁剪到重要区域、放大边框，或减少周围元素。
• 边框融入背景：换用对比度更高的背景。参见设计能衬托拼贴的背景。
• 导出后发现私人数据：重新截图。不要依靠贴纸隐藏敏感信息。