3D 机型展示适合做产品页头图、应用界面预览和社交媒体配图。它把手机模型、屏幕截图和机身颜色放在同一个场景里，你可以拖动旋转视角，再导出一张透明背景的 PNG。
适合哪些场景
- 展示 App 或网页在手机上的实际效果。
- 给产品更新、功能介绍做一张比平面截图更有空间感的配图。
- 在不打开设计软件的情况下，快速比较不同机身颜色和视角。
准备素材
- 准备一张要放进屏幕的截图，最好是手机原始比例，避免拉伸后文字变形。
- 截图内容尽量简洁，重要的标题和按钮不要贴着边缘。
- 如果要做多张同风格配图，建议统一截图尺寸和背景色。
操作步骤
- 打开 3D 机型展示，在左侧选择机型。
- 选择机身颜色。不同机型的可选颜色会有所不同。
- 如果是折叠机型，可以在「折叠形态」里调整开合角度，或使用预设形态。
- 在「屏幕设置」中上传截图，选择铺满屏幕或完整显示，并调整截图位置。
- 在「视图配置」中选择一个标准视角；也可以在预览区拖动旋转，找到更合适的角度。
- 需要透明背景时，打开「导出透明 PNG」，然后导出当前画面。
让画面更自然的几个细节
- 先定视角，再微调截图。 视角变化会改变屏幕的透视，先选好大致角度，再调整截图缩放和位置，更容易对齐。
- 不要过度旋转。 轻微倾斜比大角度旋转更容易看清屏幕内容，也更适合放在文章或商品页里。
- 注意边缘留白。 导出后如果画面太满，可以在排版时给图片留出边距，而不是继续放大手机。
- 多色对比时保持同一视角。 这样一组图放在一起时，差异只会来自颜色，不会让读者误以为是不同角度。
常见问题
模型没有加载出来怎么办？
先确认网络正常，然后刷新页面。3D 模型可能在某些设备或旧版浏览器上不兼容，建议使用最新版 Chrome。如果仍然无法加载，可以先用 带壳截图 做平面展示图。
截图被裁切了怎么办？
截图比例和屏幕比例不一致时，默认的铺满模式会裁掉一部分。切换到完整显示，或调整截图缩放和位置，确认预览后再导出。
导出的图片是透明背景吗？
打开「导出透明 PNG」后，导出的 PNG 会保留透明背景。如果需要在深色或浅色页面中使用，建议分别检查一次边缘效果。
图片会上传吗？
不会。机型和截图都在当前浏览器中处理，页面不会把截图上传到服务器。
相关工具
如果只需要平面设备外框，可以试试 带壳截图；如果要把多张成品图拼在一起，可以使用 图片拼图。