不到10KB!Sketch超实用插件Magic Mirror帮你一键展示作品 - 优设网 - UISDC

不到10KB!Sketch超实用插件Magic Mirror帮你一键展示作品

2015/08/10 18440评论区

magic-mirror-sketch-plugin-1

@JingDesign?:如果说Sketch是万能的你一定不信,不过今天这款Magic Mirror会让你完美感受Sketch中智能对象的魅力,不到10KB的大小,一键完美展示设计作品,神器已打包微盘,来收!

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

5jd20150810

6jd20150810

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

如何下载和安装:

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

插件打包 微盘下载

插件使用方法:

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

7jd20150810

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

8jd20150810

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

9jd20150810

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

10jd20150810

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

11jd20150810

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

12jd20150810

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

13jd20150810

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

Magic Mirror插件菜单的其他功能

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

  1. Jump to artboard-选中Sketch中的图形,可以迅速定位到它调用的artboard位置。
  2. Rotate Points-有时候使用Magic Mirror会导致Sketch上下左右颠倒,这个时候就需要使用这个功能来调整方向。

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

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

1jd20150810

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

2jd20150810

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

3jd20150810

心动了?就赶紧下载Magic Mirror插件吧。

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

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

Sketch教程合集持续更新中:

  1. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(一)》
  2. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(二)》
  3. 《SKETCH设计教室!带你了解超好用的SKETCH插件》
  4. 《想要一稿过不加班?SKETCH绝配神器MIRROR抢先体验》
  5. 《超实用!SKETCH大师最常用的3个实战小技巧》
  6. 《前端神器!为网页设计而生的15个优质SKETCH插件》
  7. 《SKETCH新手指南!10个帮你UI设计提速的SKETCH使用技巧》
  8. 《超能陆战队!手把手教你用SKETCH绘制萌萌哒的大白》

作者:@JingDesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网ag亚游集团“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量99万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.www.offshoring-digest.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.offshoring-digest.com/magic-mirror-sketch-plugin

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 设计师 扁平化设计 优设专访 交互设计师 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 用户体验设计 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里