sketch·頁面展示怎么做？

時間：2024-01-25 11:15:01 | 來源：網(wǎng)站運營

時間：2024-01-25 11:15:01 來源：網(wǎng)站運營

sketch·頁面展示怎么做？：其實這個在PS中非常簡單，直接用智能對象，嵌套到樣機模板中，以后直接更新智能對象的圖片就可以了。你發(fā)的這個圖甚至都不需要用到復(fù)雜操作，直接旋轉(zhuǎn)角度排列即可。

在Sketch中利用插件也可以做到，這個插件叫做Magic Mirror?？梢岳斫鉃镾ketch中的智能對象。

Magic Mirror可以實現(xiàn)PS的智能對象效果，無論外面的容器怎么變化，里面實際界面保持不變，非常適合做樣機任務(wù)。而且是直接展示畫板，不用像PS一樣需要到導(dǎo)出圖片。直接上圖看效果。

1：安裝插件

下載地址http://bbs.uihacker.com/?thread-32.htm

安裝過后，右側(cè)的屬性面板中會多出這個小面板。可以進行自動刷新、旋轉(zhuǎn)、比例選擇等操作。選擇Plugins——Magic Mirror，可以進行插件的禁止、激活、全部刷新等操作。

2：創(chuàng)建形狀圖層

我們從網(wǎng)上下載樣機圖片，這里拿iPhone8為例子，因為iPhone X屏幕是圓角，畫起來不好畫……在手機屏幕上用鋼筆工具勾勒出屏幕的形狀，一定要是四個錨點（后面有原因），調(diào)整好角度細節(jié)。

這個形狀就是我們需要用到展示界面的容器。當然了，為了讓展示看起來更真實，也可以在屏幕中加一些反光之類的效果。

3：選擇展示界面

容器做好后，接下來就是容器的內(nèi)容了，這個內(nèi)容就是你之前做好的項目中的界面。選中需要展示的界面畫板，右側(cè)屬性欄新增的Magic Mirror面板下勾選 Incloud In Artboards，勾選的就是需要在容器中展示的。

需要注意的是，展示的頁面和界面畫板可以在不同的Pages中的，實際上我們做展示，也都會單獨做個頁面來用。

4：開始展示

以上步驟做好后，返回展示頁面，點擊剛才做好的形狀圖層，右側(cè)選擇需要展示的界面，就可以實現(xiàn)我們需要的效果了。

Size，直接選擇默認的@1x就行，因為我們在Sketch做的界面基本都是按照375-667這種一倍尺寸來設(shè)計的。

如果有很多樣機需要展示，就多做幾個形狀圖層，再選擇需要展示的頁面畫板即可。

需要注意的地方

Magic Mirror由于主要是來展示屏幕界面的，所以只針對于正常的四邊形，三角形、五邊形、凹陷進去的四邊形等等這些都無法用，選擇形狀后不會顯示選擇畫板選項，有的會顯示選項，但是無法展示畫面。

其實嚴格來說是“外部突出的的四個錨點的形狀”，因為就算是正方形有四條邊，在一條邊上增加一個錨點就不起作用了，估計是插件做了錨點判斷。

最后還有一條很神奇的是，圓形竟然也能顯示……

Magic Mirror是需要收費的，免費版只能使用@1x的圖片，其他2、3、4等更大的會加水印。

其實在展示界面的細節(jié)角度來說，PS有豐富細膩的蒙版、扭曲、光效工具，更有表現(xiàn)力。Sketch由于是矢量軟件的關(guān)系，在這方面是不如PS的，可以根據(jù)需求靈活運用。

插件下載

最后附上插件下載地址

http://bbs.uihacker.com/?thread-32.htm