TG咨询同一段手机应用演示，放在窄屏手机、宽屏手机和网页展示区里，可能出现按钮被裁、文字挤压或设备外框比例失真的情况。制作多型号屏幕下手机应用演示素材的适配制作，重点不是把一张图机械拉伸成多个尺寸，而是区分界面内容、画面构图和导出规格，分别检查。
先分清素材类型，再确定适配方式
截图适合展示页面细节，视频适合说明连续操作，带设备外框的宣传图则更强调视觉呈现。三者不能只靠同一套缩放规则处理：截图要保证文字清晰，视频要兼顾动作可读性，外框合成图还要避免屏幕内容与设备边缘错位。
- 截图：尽量使用对应设备或模拟器直接生成的原始画面，避免先压缩再放大。页面中的标题、按钮和重要数值应完整可见。
- 演示视频：按实际操作路径录制，先检查状态栏、弹窗和键盘是否挡住关键内容。展示竖屏应用时，不要为了填满横向画布而横向拉宽画面。
- 设备展示图：设备边框只是装饰层，屏幕区域必须按真实比例放入内容；不同型号外框的圆角、刘海或开孔位置可能不同。
建立母版：比例优先于型号清单
手机屏幕长宽比并不完全一致。常见竖屏内容可以先以9:16画布作为制作基准，再根据目标设备画面检查顶部和底部的裁切风险；较窄或较长的屏幕，应重新安排留白，而不是直接变形。1080×1920像素可作为常见竖屏视频的工作尺寸，但最终规格要服从发布渠道的要求。
制作多型号屏幕下手机应用演示素材的适配制作时，可把界面主体、背景、字幕和设备边框分层保存。这样调整屏幕比例时，只需移动或重排局部元素，不必每个型号都从零开始。涉及应用真实界面时，优先使用可重新导出的设计稿或原始截图。
检查界面安全区域
把关键按钮、标题和操作结果放在画面中部相对稳定的区域。不同设备的状态栏、圆角、前置摄像头开孔，以及系统手势区域都可能占用边缘空间。若演示必须展示边缘控件，应在目标设备上确认它没有被遮挡；纯宣传画面则可给边缘保留额外留白。
按步骤制作与验收
- 列出投放位置：记录需要展示的场景，例如应用商店截图、产品介绍页、社交媒体竖屏视频或展会屏幕。明确每处的比例、像素要求和文件格式。
- 选代表性屏幕：从目标设备中挑选较窄、较宽或显示区域差异明显的屏幕进行检查。不要只按机型名称判断，实际可视区域和系统显示设置也会影响画面。
- 准备原始素材：分别保存未压缩截图、录屏文件和分层设计稿；统一字体、颜色及字幕样式。界面内容若会随账号或数据变化，录制前先确认显示的是适合公开展示的信息。
- 逐比例调整：先调整画布，再移动字幕、标注和设备框。裁切只能用于背景等非关键信息，不能切掉操作按钮、提示文字或演示结果。
- 实机或预览复核：在目标手机上查看文字是否清楚、触控过程是否易懂、画面是否出现黑边或拉伸。视频还应检查播放开头和结束处，避免第一帧空白或最后一步被截断。
- 按渠道导出：分别核对尺寸、文件格式、压缩质量和时长限制。保留可编辑母版和各版本文件，并用比例、语言或用途命名，降低后续替换出错的概率。
常见错误与取舍
一张图硬裁成所有比例速度快，但可能丢失边缘信息，适用于主体集中且边缘不重要的画面。每个尺寸重新排版耗时更多，却能保留可读性，适合含表单、地图、商品列表等密集内容的页面。折中做法是固定主体区域，针对不同画布调整外围背景和说明文字。
此外，屏幕比例适配不等于分辨率适配。同一比例的画面仍可能因像素尺寸不同而显得模糊；应从清晰的源文件导出，并在实际显示尺寸下检查。设备边框图也不应遮住应用内容，若外框只是为了说明产品运行环境，使用简洁、比例准确的样式通常更容易看清界面。
常见问题
可以用一张截图适配所有手机吗？
可以作为初稿，但需逐一检查裁切、文字大小和边缘控件。页面内容密集时，通常需要针对不同画布重新布局。
录屏应该用真机还是模拟器？
真机更能呈现实际显示效果，适合检查系统栏、手势区域和真实操作；模拟器便于重复流程、统一画面。选择取决于演示重点，关键版本建议再用目标设备复核。
适配时最先检查什么？
先看关键内容是否完整，再看比例是否正确，最后检查清晰度、字幕和设备外框。这样能优先发现影响理解的问题。
归根结底，多型号屏幕下手机应用演示素材的适配制作要以内容可读、比例真实和渠道规格匹配为准。保留分层母版，按目标屏幕逐项预览，比单纯批量缩放更稳妥。