有时候,我们截了一页有趣的截图、做了一个满意的页面,或者拍了一张不错的照片,想看看它在屏幕、海报或展板上观感如何。

有的设计师会把要展示的内容「P」在屏幕上,模拟出逼真的展示效果。其实有一种方便的模板法,可以更轻松地实现展示需求。

何谓样机

相信搞平面的,多少被样机折磨过。平面设计里的样机,其实是一种模板,把你的大作往对应图层一丢,稍作调整,就能呈现炫酷的效果。除了比赛和「忽悠」甲方,课上答辩也能露一手,方便好看。

但是一份正版样机往往要价几十元,免费的质量良莠不齐,某些不正规渠道获得的样机还存在版权问题。此外,最尴尬的莫非「撞脸」了,总是用现成样机的话,难免落俗。

没有现成的样机,我们可以去「无版权」图片站寻找素材,自己加工制作。原创、独具个性,重要的还是免费。Photoshop 里有智能对象,Sketch 怎么办?有一款快速制作展示效果的插件 Magic Mirror 3,并且基础功能免费,能满足轻度需求。

安装和使用

在 Magic Mirror 的 官网 直接下载安装包,双击后安装到 Sketch 拓展。

随后可在 Sketch 菜单栏的 plugin 项中找到 Magic Mirror,选择 enable MagicMirror 激活之,此时可在右侧边栏看到 Magic Mirror 3 的菜单。

下面我们要新建两个画板,一个用作背景,一个放置作品。这里我就选用 Pexels 上的图片和自己做素材为例。

先去 Magic Mirror 3 菜单里,将作品画板设为「include in Artboards」:

继而切换到背景画板,用钢笔工具沿电脑屏幕画出四边形路径,这里将是作品的展示区;选中方才画的矩形,在 Magic Mirror 3 菜单里找到该路径,在弹出菜单里点选作品画板:

于是一个简单的展示效果就做好了。你可以把背景图和路径一起保存,作为你自己的样机以备以后使用。

Magic Mirror 除了把图贴上去,还负责更新它。比如你修改了原图,只需要点击一下 Magic Mirror 的刷新按钮,就可以更新为最新效果。

更新表带颜色

利用 Magic Mirror 3,可以继续做些有个性的展示:

展示也不限于电子屏幕,海报效果、地铁广告,都可以尝试一下:

付费版本

Magic Mirror 提供了付费版,独占更高分辨率支持、圆角矩形、切片等功能。基础版导出像素不高是硬伤(只有 1x),2x 至 4x 的图像则有水印。此外,如果全面屏普及的话,没有圆角矩形显然跟不上界面设计趋势,以后这钱是不能不花了……

所幸,购买后你要是觉得不爽,也可以在 14 天内申请退款。

尾巴

Magic Mirror 其实是一款老牌插件,但旧版本需要用户手动创建多个图层、画板,并将名称一一对应好才能使用,过于繁琐。几个大版本更新之后,操作终于走向简单直观。

不少 UI 设计师偏爱 Sketch,但是需要展示作品的话,往往得打开 Photoshop 套用样机效果,着实不便;有了 Magic Mirror 3,作品的制作到展示,都可以在一个应用里完成。

使用 Magic Mirror 的时候也需要注意版权。选用的背景图尽量从「无版权」图片站下载,或者自己拍摄,不要使用来路不明的「高清大图」。比起 Photoshop,Sketch 的价格已经足够低廉(而且付过费的版本永久可用),Magic Mirror 基本可以免费使用,再在素材上抠门,实在对不起缪斯了。

或许,自己亲自设计的背景,更能博人眼球,给你的作品增色呢。


下载无版权图片的好去处:PexelsPixabay(这个还支持中文喔)