經(jīng)過幾輪的改進,UX 設計軟件 Sketch 在圈內(nèi)已經(jīng)有大批用戶了。關(guān)于它的優(yōu)勢,網(wǎng)路上有一大批相關(guān)的文章了,所以這里就再贅述。
Sketch 原生的 Mirror 功能是它為人稱道的功能點之一,它讓移動端 GUI 設計師實時預覽設計稿時又多了一個利器。不過,這個 App 只有 iOS 版本,沒有對應的 Android 版,這就讓做 Android 設計的同學用 Sketch 畫界面的時候少了一分便捷。
Sketch-preview 這個插件為這個場景提供了解決方案,不過需要配合大名鼎鼎的 Skala Preview 來使用。
首先去 這個頁面 下載 Sketch Preview 插件(點擊右側(cè)的 Download Zip ),安裝?Preview.sketchplugin 和 Set Preview Size.sketchplugin 兩個插件。
安裝完成后,在 plugin 菜單里可以看到相關(guān)的菜單了:
如何實時預覽?
手機和 Mac 上都要安裝 Skala Preview,保證二者處于同一個局域網(wǎng)中。選中某個 board 按 cmd – p 或者菜單里的 plugin — Preview,插件即可把預覽圖發(fā)送到 Skala 桌面版了,Skala 就會把設計稿同步到手機了。
注意,只有選中的 board 和命名為“Preview”的切片可以預覽。
相關(guān)下載:Skala Preview | Sketch-preview 插件
同步于 我的 blog