Sketch Size 一鍵生成多尺寸，設(shè)計效率如此之高？

 

插件特性

在進(jìn)行移動端應(yīng)用設(shè)計時，需要考慮到多種不同的屏幕尺寸，比如iPhone目前的ip4（640*960）ip5（640*1136）ip7（750*1334）ip7plus（1242*2208），Android也需要設(shè)計hdpi、xhdpi、xxhdpi等多種不同比例和大小的尺寸。

 

SketchSize可以通過一鍵操作，快捷的生成7種尺寸的設(shè)計稿，如下圖：

 

 

使用SketchSize可以減少重復(fù)工作，免去重復(fù)調(diào)整尺寸和參數(shù)的麻煩，大大提高移動應(yīng)用設(shè)計稿的出圖效率。

 

關(guān)注細(xì)節(jié)

這款插件是由騰訊UI設(shè)計師和開發(fā)工程師共同完成的。由設(shè)計師發(fā)起，更加專注于設(shè)計師的日常使用習(xí)慣以及設(shè)計細(xì)節(jié)。

 

 

基于Sketch的特性，在插件處理設(shè)計稿時，對多個參數(shù)都進(jìn)行了更精確的調(diào)整：

 

縮放：針對不同設(shè)計師的不同習(xí)慣，SketchSize支持7個常用尺寸中任何一個畫板尺寸作為原始尺寸進(jìn)行縮放。

 

字體：針對sketch中字體的size、spacing、lineheight等特性，保證字體在等比縮放的過程中保持相同比例、相同位置的完美縮放。

 

圖形：sketch在縮放時對圖形圓角也進(jìn)行了單獨(dú)微調(diào)，保證縮放時圓角角度的視覺一致性。

 

背景：在不同比例的縮放中，比如640*960、640*1136，940相對于其它尺寸來說高度較短，在背景圖處理上采用了等比鋪滿頁面寬度的方式，更加符合設(shè)計習(xí)慣。

 

輸出：SketchSize在輸出時特別貼心的針對sketch特性增加了重命名文件名的自動操作，比如您的畫板名稱為pic01，在輸出時會自動變更為pic01/320*568，幫助設(shè)計師在輸出后直接生成文件夾。

 

尺寸：為了節(jié)省空間和性能，默認(rèn)生成一倍圖尺寸，設(shè)計師在輸出的時候選擇2倍或3倍輸出即可

 

如何下載

目前SketchSizev1.1已經(jīng)發(fā)布到多個平臺上供大家下載使用。

 

Github         

https://github.com/samlfsun/SketchSize

Sietch.im    

http://sketch.im/plugins/73

 

更新計劃

目前版本支持一些不涉及適配規(guī)則的頁面的縮放，在未來的版本中將會加入多圖輸出、頁面適配輸出等更加節(jié)省工作效率的功能。

 

發(fā)布以來我們已經(jīng)收到非常多的反饋，幫助我們更好的優(yōu)化插件，期待聽到您對插件的意見和建議：）

 

原文地址：騰訊NDC(公眾號)