1.Mockup Frames

这个应该挺多铁汁都知道的，因为是刚开始测试阶段是完全免费且没有水印需要删除的一款样机生成器。

整体的功能测评：

✔支持动效导出（多格式）

✔支持背景色调整（含透明背景+背景图片上传）

✔支持不同移动端样机（但没有样机组合形式及其他H端样机，比如apple手表、TV等）

✔支持整体尺寸的自定义

✔支持多种样机颜色选择（但不支持颜色完全自定义）

整体来说，功能比较简单，比较傻瓜式操作，超易上手。

对动效的样机输出更是简单直观，就是gif图的直输质量堪忧，如下（2000*1200尺寸的gif直接输出）：

所以如果使用Mockup Frames来做动效样机输出的，建议直接导出视频格式mov或者mp4，需要导gif的，可以再到视频格式到Gifski里面转一下高清gif再贴作品集或者发设计平台展示

另外样机因为完全是根据左侧缩略图选取的角度，自己是❌不可以完全定义角度的（只能根据它提供的样机角度选择），这样容易造成一个问题就是用的人多了之后，会有种抄作业的相似感。

但不管咋说，Mockup Frames还是胜在自己是完全免费可以去水印这点，而且整体成品质量也还是可以的，只能说还可以。

2.Rotato

Rotato的前身叫Design Camera，是一款你可以免费使用，但是正式版会带水印的样机生成器。本篇着重说下这个神器。

整体的功能测评：

✔支持动效导出（多格式，但是需要每次定格完渲染一遍）

✔支持背景色调整（含透明背景，但不支持背景图片上传）

✔支持不同移动端样机（含多个样机组合以及H端样机，如apple手表、TV等）

✔支持整体尺寸的自定义

✔支持多种样机颜色、材质选择（包括颜色完全自定义）

✔支持360°样机翻转拖拽，放大缩小等，并可录制样机变换过程的视频

✔支持镜头、光圈、光影调节（勾选玻璃材质后，可以进行细节参数调整，甚至可以变换光影反射的环境图片）

✔界面元素分层动效

整体来说也是傻瓜式操作，但是比Mockup Frames稍稍复杂那么一丢，可以多角度自定义，光影效果自定义非常高级且优秀。

因为动效输出gif是直连Gifski的，导出的gif质量还是比较可观的，如下（同是2000*1200）：

另外大家也可以很明显的看出rotato的样机质感比mockup Frames更胜一筹，是非常高级的光影质感，上作品集的话会更显细节。看下加上环境图的光影效果。

静态图也是绝绝子（如果你的作品大部分是暗色模式，展示的时候效果绝对无敌。）

另外还有各种组合拳展示，如下：

最后Rotato还有一个绝活，就是界面元素分离，形成悬浮效果，如下：

使用方法就是直接到sketch里使用插件rotato就可以了（不需要单独下载插件，安装rotato之后直接sketch里就能找到插件，有时候反应比较慢大家需要耐心等一下）。

来对比下2个生成器出来的效果，区别还是蛮明显的：

Mockup Frames

Rotato