整理了下近期比较火的 2 款免费智能样机生成器,做了个实用版的测评,也就是好的坏的都说一说,方便大家上手选择使用。
Mockup Frames
链接:https://www.mokupframes.com/download/
这个应该挺多铁汁都知道的,因为是刚开始测试阶段是完全免费且没有水印需要删除的一款样机生成器。
整体的功能测评:
支持动效导出(多格式)
支持背景色调整(含透明背景+背景图片上传)
支持不同移动端样机(但没有样机组合形式及其他H端样机,比如apple手表、TV等)
支持整体尺寸的自定义
支持多种样机颜色选择(但不支持颜色完全自定义)
整体来说,功能比较简单,比较傻瓜式操作,超易上手。
对动效的样机输出更是简单直观,就是 gif 图的直输质量堪忧,如下(2000*1200 尺寸的 gif 直接输出):
所以如果使用 Mockup Frames 来做动效样机输出的,建议直接导出视频格式 mov 或者 mp4,需要导 gif 的,可以到 Gifski 里面转一下高清 gif 再贴作品集或者发设计平台展示.
另外样机因为完全是根据左侧缩略图选取的角度,自己是不可以完全定义角度的(只能根据它提供的样机角度选择),这样容易造成一个问题就是用的人多了之后,会有种抄作业的相似感。
但不管咋说,Mockup Frames 还是胜在自己是完全免费可以去水印这点,而且整体成品质量也还是可以的,只能说还可以。
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
欢迎关注作者的微信公众号:「Nana的设计锦囊」
作者: Nana的设计锦囊