平時在設(shè)計完界面之后楣铁，設(shè)計師都會用樣機(jī)把界面包裝下，增加點氛圍更扁，提高界面通過率盖腕。這些操作一般都是在PS中完成的。用智能對象浓镜，嵌套到樣機(jī)模板中溃列，以后直接更新智能對象的圖片就可以了。那么在Sketch中怎么做呢膛薛？
在Sketch中利用插件也可以做到听隐，這個插件叫做Magic Mirror『遄模可以理解為Sketch中的智能對象雅任。
Magic Mirror可以實現(xiàn)PS的智能對象效果风范，無論外面的容器怎么變化，里面實際界面保持不變沪么，非常適合做樣機(jī)任務(wù)硼婿。而且是直接展示畫板，不用像PS一樣需要到導(dǎo)出圖片禽车。直接上圖看效果寇漫。
1：安裝插件
下載地址見文章末尾。
安裝過后哭当，右側(cè)的屬性面板中會多出這個小面板猪腕。可以進(jìn)行自動刷新钦勘、旋轉(zhuǎn)陋葡、比例選擇等操作。選擇Plugins——Magic Mirror彻采，可以進(jìn)行插件的禁止腐缤、激活、全部刷新等操作肛响。
2：創(chuàng)建形狀圖層
我們從網(wǎng)上下載樣機(jī)圖片岭粤，這里拿iPhone8為例子，因為iPhone X屏幕是圓角特笋，畫起來不好畫……在手機(jī)屏幕上用鋼筆工具勾勒出屏幕的形狀剃浇，一定要是四個錨點（后面有原因），調(diào)整好角度細(xì)節(jié)猎物。
這個形狀就是我們需要用到展示界面的容器虎囚。當(dāng)然了，為了讓展示看起來更真實蔫磨，也可以在屏幕中加一些反光之類的效果淘讥。
3：選擇展示界面
容器做好后，接下來就是容器的內(nèi)容了堤如，這個內(nèi)容就是你之前做好的項目中的界面蒲列。選中需要展示的界面畫板，右側(cè)屬性欄新增的Magic Mirror面板下勾選 Incloud In Artboards搀罢，勾選的就是需要在容器中展示的蝗岖。
需要注意的是，展示的頁面和界面畫板可以在不同的Pages中的榔至，實際上我們做展示剪侮，也都會單獨做個頁面來用。
4：開始展示
以上步驟做好后，返回展示頁面瓣俯，點擊剛才做好的形狀圖層，右側(cè)選擇需要展示的界面兵怯，就可以實現(xiàn)我們需要的效果了彩匕。建議勾選Auto Artboard Refresh，這樣就會自動刷新媒区，如果沒有變化驼仪，手動點擊刷新即可。
Size袜漩，直接選擇默認(rèn)的@1x就行绪爸，因為我們在Sketch做的界面基本都是按照375-667這種一倍尺寸來設(shè)計的。
如果有很多樣機(jī)需要展示宙攻，就多做幾個形狀圖層奠货，再選擇需要展示的頁面畫板即可。
需要注意的地方
Magic Mirror由于主要是來展示屏幕界面的座掘，所以只針對于正常的四邊形递惋，三角形、五邊形溢陪、凹陷進(jìn)去的四邊形等等這些都無法用萍虽，選擇形狀后不會顯示選擇畫板選項，有的會顯示選項形真，但是無法展示畫面杉编。
其實嚴(yán)格來說是“外部突出的的四個錨點的形狀”，因為就算是正方形有四條邊咆霜，在一條邊上增加一個錨點就不起作用了邓馒，估計是插件做了錨點判斷。
最后還有一條很神奇的是裕便，圓形竟然也能顯示……
Magic Mirror是需要收費的绒净，免費版只能使用@1x的圖片，其他2偿衰、3挂疆、4等更大的會加水印。
其實在展示界面的細(xì)節(jié)角度來說下翎，PS有豐富細(xì)膩的蒙版缤言、扭曲、光效工具视事，更有表現(xiàn)力胆萧。Sketch由于是矢量軟件的關(guān)系，在這方面是不如PS的。大家可以根據(jù)需求靈活運用跌穗。
插件下載
最后附上插件下載地址
