惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
aimingoo的专栏
aimingoo的专栏
F
Fortinet All Blogs
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
MongoDB | Blog
MongoDB | Blog
月光博客
月光博客
The Cloudflare Blog
量子位
T
Tailwind CSS Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
B
Blog
MyScale Blog
MyScale Blog
T
The Blog of Author Tim Ferriss
The GitHub Blog
The GitHub Blog
G
Google Developers Blog
D
DataBreaches.Net
V
Visual Studio Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Last Week in AI
Last Week in AI
U
Unit 42
博客园 - 聂微东
有赞技术团队
有赞技术团队
A
About on SuperTechFans

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
轻松展示作品:Magic Mirror 3 - 少数派
2017-09-29 · via 少数派

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

有的设计师会把要展示的内容「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(这个还支持中文喔)