恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
谁说Sketch没有智能对象?Magic Mirror插件简单搞定mockup
0.0°
2015-08-05 原创文章 教程 原作者: 原作者 举报 47380 143 72 32

如果说sketch是万能的你一定不信,就像你不信安利包治百病一样。不过今天的这款Magic Mirror会让你完美感受sketch中智能对象的魅力。

Sketch的插件总是给我们无限惊喜,昨天晚上sketch measure的插件作者Utom向我推荐了一款名为Magic Mirror的插件,那翻译过来就是“魔镜”。魔镜魔镜谁是最好用的移动端UI设计软件呢? 魔镜:“主人,那必须是Sketch好么?”是的,今天为大家安利这款Magic Mirror,通过这个插件,我们可以轻松把自己的artboard中的界面变成如下的样子。


这么炫酷的效果在sketch中只需一分钟即可搞定,小伙伴一定会问,你是怎么在sketch中做到的?别着急,很简单,首先我们先来下载这款Sketch Mirror的插件吧(下载链接在本页末尾)

如何下载和安装:

插件下载地址位于本文末尾。下载解压后,双击插件即可安装成功。这里要注意一点,请不要使用sketchtoolbox安装这款插件,因为静电在安装过程中始终无法正确使用此插件,因此推荐使用手工下载安装的方法。

插件使用方法:

1.在sketch中准备好一张你已经设计好的Artboard界面。


2.另外准备一张mockup图片,比如静电准备的这张。

3.将这张mockup图拖到sketch中,请确保这张图和你刚才准备的设计稿不在一个artboard中。你可以将它拖动到工作区的其他位置即可。

4.接下来在这张mockup需要展示界面的位置使用钢笔绘制不规则矩形(必须确保只有四个点,另外请不要使用圆角矩形工具,这将导致插件失效。)绘制后如下图红色区域。

5.接下来的这步很重要,选中这个红色的图形,将此图层的名称命名为与你准备好的artboard的命名一样,比如静电的命名为mockup。则artboard的名字也需要为mockup。

6.选中红色的矩形,然后执行菜单plugin>Magic Mirror>Magic Mirror!

7.见证奇迹的时刻到来了!怎么样,足够简单吧?

更重要的是,如果这时我更改了artboard中的设计稿,则只需再次执行插件命令,则这张mockup也会随之变化,简直方便到爆有木有?

Magic Mirror插件菜单的其他功能

细心的同学还会发现插件菜单中的另外两项功能,他们是:

  1. Jump to artboard-选中mockup中的图形,可以迅速定位到它调用的artboard位置。

  2. Rotate Points-有时候使用Magic Mirror会导致mockup上下左右颠倒,这个时候就需要使用这个功能来调整方向。


接下来,让我们看看官方网站的演示动画(gif)。

下图演示的是如何使用Magic Mirror功能

下图演示的是如何使用Rotate Points功能

下图演示的是如何使用Jump to artboard功能


心动了?就赶紧点击页面末尾的链接下载Magic Mirror插件吧。

另外感谢sketch measure插件的作者utom友情推荐此款插件,大家也不要忘记支持Utom的Measure插件哈


第一手原创设计文章及内容,尽在静design公众号(长按二维码关注)

更新:2015-08-05

下载
收藏

143人已收藏

hixulei

微信公号: jingdesign91,欢迎关注.

  • 44

    作品

  • 6763

    粉丝

  • 13

    关注

  • 图形工具解析-静电的Figma完全学习日记-Day.03
  • Sketch颠覆者!静电Figma完全学习日记-Day.02
  • Sketch颠覆者!静电Figma完全学习日记-Day.01
  • 十分钟快速掌握iPhone X UI界面适配技巧

    猜你喜欢

      2015-08-05 原创文章 教程 原作者: 原作者 举报 47380 143 72 32

      谁说Sketch没有智能对象?Magic Mirror插件简单搞定mockup

      0.0°

      你确定要举报谁说Sketch没有智能对象?Magic Mirror插件简单搞定mockup

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      72
      143
      32

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录