Mock Mock

Mock Mock是什么？

Mock Mock是一款在线设备与界面效果图（Mockup）生成工具，能够快速将图片、视频“嵌入”到 iPhone 14 这样各种各样的设备的“屏幕”中，可以自由地旋转角度、更改背景效果、实现各类动画。它特别适合 UI 设计师、产品经理、开发者和营销人员用来做高质量的产品演示图、宣传图，甚至制作动态展示视频。

Mock Mock的主要功能

• 设备模型展示：支持 iPhone 14 等手机外观，将你的设计、截图或视频嵌入屏幕中
• 多维度旋转：可在 X / Y / Z 三个轴上进行选择和角度调整，让最终展示效果达到最佳状态。
• 画布尺寸设置：默认 1920×1080，可根据需求调整
• 背景自定义：支持上传背景图片、使用纯色或渐变背景
• 文字叠加：可添加标题文字并调整字体大小、位置
• 动画效果：支持生成带动画的设备展示视频或 GIF
• 免注册使用：打开网页即可直接操作，无需登录

适用人群

• UI/UX 设计师：用于展示 App 界面、交互原型
• 产品经理：快速生成产品演示图，方便团队沟通
• 开发者：在应用上线前制作宣传图或视频
• 营销人员：为社交媒体、广告素材制作高质量设备展示图
• 自由职业者/作品集制作者：提升作品集的专业感 

Mock Mock官网及使用教程

官网网址：https://mockmock.netlify.app/

1. 打开工具：直接访问Mock Mock官网，无需注册或登录，打开页面即可使用。

2. 上传素材：点击“Upload Image/Video”，上传你的图片（JPG/PNG）或者视频（MP4），上传之后，素材会自动在 iPhone 14 的屏幕上。

3. 调整设备展示效果

• 旋转角度：通过 X / Y / Z 滑块调整手机的倾斜与旋转
• 位置移动：调整 X / Y / Z 位置，让设备在画布中居中或偏移
• 相机变焦：放大或缩小设备在画布中的比例

4. 设置画布与背景

画布尺寸：默认 1920×1080，可根据需求修改

背景选项：

• Upload Background：上传自定义背景图
• Solid：选择纯色背景
• Gradients：使用渐变背景

5. 添加文字（可选）：开启 Title Text 开关，输入标题文字，调整字体大小与位置。

6. 导出成品

• 静态图：点击 Image 导出 PNG/JPG
• 动画视频：点击 Animation 导出 MP4 或 GIF（适合做动态展示）