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

 

插件特性

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

 

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

 

 

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

 

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

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

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

如何下載

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

 

Github         

https://github.com/samlfsun/SketchSize

Sietch.im    

http://sketch.im/plugins/73

 

更新計(jì)劃

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

 

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

 

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