mockuphone中国

免安装 Web 端 · App / 小程序宣传图 · 应用商店截图 · 样机壳套图

上架截图、宣传图、样机套图,四步搞定

上传 App / 小程序界面截图,套上真实设备外壳,选好宣传模板排版,按 App Store 官方尺寸或自定义导出。浏览器打开就能用,零美工基础也做得出高转化配图。

应用商店截图 · APP 宣传图 · 小程序宣传图 · 样机壳套图 · 本地合成不上传

mockuphone /studio
1320 × 2868

你的 App 标语

mockuphone中国 是什么

mockuphone中国mockuphone)是一款面向国内开发者与运营团队的 Web 端设计工具,覆盖应用商店截图、APP / 小程序软件宣传图与样机壳套图三大场景。内置真实设备外壳与 App Store 官方尺寸预设,用「上传 → 选壳 → 选模板 → 导出」四步把上架与宣传配图链路收进浏览器,全过程实时预览,支持多尺寸批量导出。图片仅在本地 Canvas 处理,不上传服务器。

适用场景

一套工具,覆盖上架、宣传与样机套框需求。

应用商店截图

App Store / 安卓市场上架图,6.9"、6.7"、6.5"、6.1" 等官方 iPhone 尺寸,支持多尺寸批量 ZIP 导出。

APP 宣传图

App 官网、落地页、应用市场详情页与投放素材。上传界面截图,套壳 + 模板排版,快速出竖版宣传图。

小程序宣传图

微信 / 支付宝小程序介绍页、公众号推文、朋友圈配图。真实手机外壳展示小程序界面,提升转化与信任感。

样机壳套图

纯设备外壳套框,截图一键嵌入 iPhone / Android / 平板 / Mac 外框,适合演示稿、文档与轻量宣传。

四步导引

  1. 01

    上传截图

    拖入 App / 小程序界面截图,支持一次上传多张,自动创建多个 Slide。

  2. 02

    选择外壳

    按截图分辨率自动推荐 iPhone / Android 设备外壳,也可手动切换机型。

  3. 03

    选择模板

    从内置宣传图 JSON 模板中挑选背景与排版,标题与设备位置已预设好。

  4. 04

    排版并导出

    画布微调文字与样机位置,按 App Store 尺寸或自定义宽高导出 PNG / ZIP。

核心能力

样机壳套图

内置 iPhone、Android、平板、Mac 等真实外壳,截图自动套入屏幕区域,也可单独快捷套框。

宣传图模板

渐变背景、大标题、双机叠放等 JSON 模板,进入 Fabric 编辑器继续排版,适合 APP 与小程序宣传。

App Store 尺寸

6.9" / 6.7" / 6.5" / 6.1" 等 iPhone 官方导出尺寸,也支持自定义宽高。

本地 Canvas

全程浏览器本地处理,图片不上传服务器,适合未发布界面稿与内部演示。

样机可缩放

编辑器内样机截图可选中拖动、四角缩放与旋转,灵活调整宣传图构图。

批量导出

同一设计一键导出多个 iPhone 尺寸 ZIP,或多 Slide 全部打包下载。

常见问题

能用来做小程序宣传图吗?
可以。上传小程序界面截图,套上手机外壳并选择宣传模板,即可产出适合公众号、朋友圈与应用市场详情页的介绍图。
和应用商店截图工具有什么区别?
mockuphone中国同时覆盖上架截图、APP / 小程序宣传图与纯样机套图。工作室提供模板排版与 App Store 多尺寸导出;设备库提供纯壳套框快捷导出。
需要下载安装吗?
不需要。打开浏览器即可使用,Windows 与 Mac 均支持。
图片会上传到服务器吗?
不会。所有合成在本地 Canvas 完成,项目状态仅保存在浏览器 sessionStorage。
导出的图片能直接上传 App Store 吗?
尺寸预设严格适配 App Store Connect 竖屏规范,导出 PNG 可直接使用;宣传图场景也可自定义宽高。
需要会用 Photoshop 吗?
不需要。四步向导 + 实时预览 + 画布编辑,零美工基础也能完成上架截图与宣传图。
mockuphone中国和 MockUPhone 是什么关系?
mockuphone中国是面向国内用户的独立中文站,搜索 mockuphone / MockUPhone 即可找到。灵感来自 MockUPhone 的两步套框体验,本站额外提供宣传图模板、App Store 尺寸与本地 Canvas 合成;设备外壳素材源自 MockUPhone(CC BY 3.0)。

准备好做宣传图与上架截图了吗?

App 上架 · 小程序介绍 · 落地页配图 · 样机壳套图

免费开始设计