Sketch 55 Beta版本新功能分析
最新版本功能講解教程

Sketch 54版本出來還不到一個月的時間,55 Beta版本就登場啦,驚不驚喜,意不意外!更新的頻率比之以前加快許多,值得期待!
Sketch 55版本下載地址:http://mac.orsoon.com/Mac/169184.html
1 - 先確認(rèn)系統(tǒng)版本
你是否遇到安裝成功卻打不開的情況呢?那是因為Sketch 55要求Mac系統(tǒng)版本是macOS High Sierra 10.13.4及以上。下表是Sketch各版本對應(yīng)的Mac系統(tǒng)版本,如果遇到新版的Sketch打不開就快去檢查下自己的Mac系統(tǒng)吧!

思及Sketch 54版本除了中文版界面和參考線優(yōu)化之外,并沒有帶來什么新功能,那么Sketch 55又有些什么樣的驚喜呢?快接著看下去吧!
2 - svg代碼直接粘貼為svg形狀
SVG,對于設(shè)計師來說是一種矢量的圖片格式,其本身是指可伸縮矢量圖形(Scalable Vector Graphics),使用 XML 格式定義,是 W3C 的一個標(biāo)準(zhǔn),被絕大部分瀏覽器支持。格式結(jié)構(gòu)類似于網(wǎng)頁 HTML,也可以理解為代碼的可視化。在使用矢量圖標(biāo)的時候,經(jīng)常會下載svg格式,然后復(fù)制到Sketch中使用。尋圖標(biāo)(icon.52112.com)網(wǎng)站中的圖標(biāo)都提供 svg、png、eps、psd、ico五種格式,具有100%的可擴展性,非常貼心。

本次更新的Sketch 55版本中,增加了svg代碼直接粘貼為svg形狀的功能,只要擁有svg圖標(biāo)對應(yīng)的代碼,就可以直接復(fù)制到Sketch中并顯示為形狀。如下圖,單擊界面中的“生成代碼”,復(fù)制到Sketch中即可使用。

如果在Sketch 54及以前版本中這么做,則會粘貼為一大堆代碼。當(dāng)然你也可以直接下載SVG文件粘貼到Sketch,不過若是遇到無法下載的SVG圖標(biāo),就可以用到這個方法了。

03 - 圖層間距調(diào)整功能
在工作中,經(jīng)常會遇到多個元素間距調(diào)整的問題,一般情況下間距都是統(tǒng)一的,如果遇到間距修改就必須一個一個調(diào)整,非常的麻煩。不過現(xiàn)在在Sketch 55版本中選中多個元素,右上角的屬性面板中增加了一個間距的屬性,分為水平和垂直。

利用這個功能可以同時調(diào)整多個元素之間的間距,另外把鼠標(biāo)移動到元素的間距中間,會出現(xiàn)一個白色的圓角矩形,通過左右拖動這個圓角矩形可以同時改變多個元素的間距數(shù)值。

以上就是Sketch 55 Beta版本此次新增的兩個主要功能,此外還包含一些性能的提升和Bug的修復(fù)。不過目前只能通過多選元素來調(diào)節(jié)間距。另外一般情況下都會為了達到圖層的易讀和條理而編組,如果做成組的話就無效了,降低了一定的實用性。期待后續(xù)版本能夠帶來更多驚喜!







































