样机图制作:工具与应用

把应用或网站界面放进手机、笔记本或平板外框中,以及把设计展示在T恤、包装盒或名片等产品上的工具。先确定图片用在哪里:应用商店页面、宣传页、社交媒体或客户提案,所需尺寸各不相同。

4 款应用信息有据可查

筛选

使用须知: 免费使用条件因工具和套餐而异。若卡片没有列出该工具特有的限制,请到官方页面确认额度、水印和导出条件。

Mockuuups Studio

网页·设计与开发
有免费选项

Mockuuups Studio 是一款样机编辑器,你可以把设计拖放到数千个设备和印刷样机上;它可在浏览器中使用,也有桌面应用,并提供 Figma、Sketch、Penpot 和 Adobe Express 插件。

为什么适合

样机图制作

Placeit

网页·设计与开发
请查看套餐条件

Placeit 是 Envato 旗下基于网页的设计工具,提供服装、数码设备、印刷和按需印刷产品的样机,还有 Logo 生成器、设计模板和视频工具;无限下载需要订阅。

为什么适合

样机图制作

Rotato

电脑·设计与开发
请查看套餐条件

Rotato 是一款样机生成器,可以把你自己的应用或网页设计放到 30 多个现成 3D 设备的屏幕上,并生成动画视频或图片;它有 macOS 应用和处于公开测试阶段的网页版。

为什么适合

样机图制作

使用须知: 需要在电脑上安装。

Shots.so

网页·设计与开发
请查看套餐条件

Shots.so 是一款基于网页的样机应用,可以借助设备边框、背景和动画效果,把产品截图变成演示图片或短视频。

为什么适合

样机图制作

如何选择?

上传自己的截图或设计稿,并按实际尺寸检查效果:放进外框后文字是否依然清晰,边角和反光是否自然。把同一场景导出几种尺寸,看看哪一种最清晰。

对于现成的样机模板,请在许可页面阅读商用、署名和转售条件,并在官方页面确认免费导出是否带水印或限制分辨率。有些模板需要另外安装 Photoshop 等桌面软件,有些则可在浏览器中使用。

应用商店截图可以使用样机图吗?各商店对截图尺寸和内容有规定;设备外框、文字或背景能接受到什么程度,请查看商店的最新指南。

样机图和界面原型是一回事吗?不是。样机图把完成的设计放进逼真的场景中展示;原型则用于试用页面之间可点击的流程。想测试流程,请查看界面设计与原型工具。

比较有文档依据的功能

此比较基于已发布的官方文档,并非实际操作测试或质量排名。未知功能不视为已验证。

比较有文档依据的功能
应用名称在哪里使用?免费输出无需注册无水印离线可用批量处理内容语言使用须知 / 来源与核查日期
Mockuuups Studio网页是尚未核实尚未核实尚未核实尚未核实尚未核实

说明 1说明 2

来源与核查日期
Placeit网页尚未核实尚未核实尚未核实尚未核实尚未核实尚未核实

说明 1说明 2

来源与核查日期
Rotato电脑尚未核实尚未核实尚未核实尚未核实尚未核实尚未核实

需要在电脑上安装。

说明 2

来源与核查日期
Shots.so网页尚未核实尚未核实尚未核实尚未核实尚未核实尚未核实

说明 2说明 1

来源与核查日期

适用于多个工具的说明

  1. 请分别核对各工具套餐,一项功能的额度不代表另一项。
  2. 请在官网确认当前配额和输出条件。