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】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量99萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 3

發表評論 已發布 1

還可以輸入 800 個字
 
 
載入中....
相關推薦
1 收藏